:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--app-bg:var(--tg-theme-bg-color,#111);--app-text:var(--tg-theme-text-color,#f5f5f5);--app-surface:var(--tg-theme-secondary-bg-color,#181818);--app-surface-alt:var(--tg-theme-secondary-bg-color,#202020);--app-hint:var(--tg-theme-hint-color,#aaa);--app-link:var(--tg-theme-link-color,#8ecbff);--app-button-bg:var(--tg-theme-button-color,#f5f5f5);--app-button-text:var(--tg-theme-button-text-color,#111);--app-border:var(--tg-theme-hint-color,#444);--app-muted:color-mix(in srgb, var(--app-text) 68%, var(--app-bg));--app-success:color-mix(in srgb, #1f9d55 62%, var(--app-text));--app-danger:var(--tg-theme-destructive-text-color,color-mix(in srgb, #e5484d 62%, var(--app-text)));background:var(--app-bg);color:var(--app-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--app-bg);color:var(--app-text);margin:0}button{min-height:44px;font:inherit;cursor:pointer;border:1px solid;border-radius:10px;padding:10px 18px}main{place-items:center;min-height:100vh;padding:24px;display:grid}.card{border:1px solid var(--app-border);border-radius:16px;width:min(100%,560px);padding:24px}.card h1,.card h2{margin-top:0}.muted{opacity:.72}input,select,textarea{border:1px solid var(--app-border);background:var(--app-surface);width:100%;min-height:44px;color:inherit;font:inherit;border-radius:10px;padding:10px 12px}textarea{resize:vertical;min-height:96px}button{background:var(--app-button-bg);color:var(--app-button-text)}button.secondary{color:var(--app-text);background:0 0}.button-link{background:var(--app-button-bg);min-height:44px;color:var(--app-button-text);border:1px solid;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;display:inline-flex}.button-link.secondary{color:var(--app-link);background:0 0}button.danger{color:var(--app-danger);border-color:color-mix(in srgb, var(--app-danger) 60%, var(--app-bg));background:0 0}button:disabled{opacity:.5;cursor:default}.app-shell{background:var(--app-bg);min-height:100vh;padding:20px 16px 88px}.topbar,.section-heading,.item-card__top,.filter-row,.roster-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar{width:min(100%,920px);margin:0 auto 20px}.topbar h1,.section-heading h2{margin:4px 0 0}.content{width:min(100%,920px);min-height:0;margin:0 auto;padding:0;display:block}.stack{gap:14px;display:grid}.compact-stack{margin-top:16px}.item-card,.hero-card,.attention-card,.user-row{border:1px solid var(--app-border);background:var(--app-surface);width:100%;color:inherit;text-align:left;border-radius:16px;padding:16px}.hero-card{padding:20px}.attention-card{border-color:#725b2d}.user-row{justify-content:space-between;align-items:center;display:flex}.user-row small{color:var(--app-muted);margin-top:4px;display:block}.actions,.chips{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--app-border);border-radius:999px;align-items:center;min-height:28px;padding:3px 9px;font-size:.82rem;display:inline-flex}.success{color:var(--app-success);font-weight:600}.eyebrow{color:var(--app-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.metric{margin:6px 0;font-size:2.4rem;font-weight:700}.field{gap:6px;display:grid}.field>span{color:var(--app-muted);font-size:.86rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-wide{grid-column:1/-1}.grow{flex:1}.loading-line{border-radius:12px;width:min(100%,920px);margin:0 auto 14px;padding:10px 12px}.toast{top:max(12px, env(safe-area-inset-top));z-index:40;border:1px solid var(--toast-color);background:color-mix(in srgb, var(--toast-color) 16%, var(--app-bg));width:min(100% - 24px,560px);color:var(--app-text);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:10px 12px;display:flex;position:fixed;left:12px;right:12px;box-shadow:0 6px 24px #00000040}.toast--error{--toast-color:#e5484d}.toast--notice{--toast-color:#1f9d55}.toast button{min-height:36px;padding:4px 12px}.policy-text{white-space:pre-wrap;max-height:40vh;color:var(--app-muted);margin-top:8px;overflow:auto}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.loading-line{background:var(--app-surface-alt)}.bottom-nav{z-index:10;padding:8px 8px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--app-border);background:color-mix(in srgb, var(--app-bg) 96%, transparent);justify-content:flex-start;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.bottom-nav button{white-space:nowrap;min-width:0;max-width:220px;color:var(--app-muted);background:0 0;border-color:#0000;flex:1 0 auto;padding:8px 12px;font-size:.82rem}.bottom-nav button.active{color:var(--app-text);border-color:var(--app-border)}.sheet-backdrop{z-index:20;background:#0000009e;align-items:end;display:grid;position:fixed;inset:0}.sheet{border:1px solid var(--app-border);background:var(--app-surface);border-radius:20px 20px 0 0;width:min(100%,760px);max-height:88vh;margin:0 auto;padding:20px;overflow:auto}.csv-area{min-height:150px;margin:12px 0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.break-word{overflow-wrap:anywhere}@media (width<=640px){.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.section-heading,.filter-row{flex-direction:column;align-items:stretch}.section-heading .actions{width:100%}.section-heading .actions button{flex:1}}.date-strip{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.date-strip button{color:var(--app-muted);background:0 0;flex:none}.date-strip button.active{background:var(--app-button-bg);color:var(--app-button-text)}:focus-visible{outline-offset:3px;outline:3px solid}.check-field{align-items:center;gap:10px;display:flex}.check-field input[type=checkbox]{width:22px;min-height:22px;margin:0}.audit-grid{gap:8px;margin:10px 0;display:grid}.audit-grid>div{grid-template-columns:minmax(120px,.45fr) 1fr;gap:10px;display:grid}.audit-grid strong{color:var(--app-muted);font-weight:500}
