@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "Cascadia Mono", "Consolas", monospace;--forest-950:#172019;--forest-800:#203024;--forest-600:#334436;--forest-500:#425143;--forest-200:#65736a;--sage-400:#9aac9c;--sage-100:#dfe8db;--paper-50:#f7f9f4;--paper-100:#f3f6ee;--paper-200:#e8ede0;--lime-400:#d8ff74;--approved-500:#18784a;--approved-100:#d6f0e0;--due-500:#996a00;--due-100:#f5e6c2;--missed-700:#8a1f15;--missed-100:#f5d0cc;--text-primary:var(--forest-950);--text-secondary:var(--forest-500);--text-muted:var(--forest-200);--text-on-dark:var(--paper-50);--surface-app:var(--paper-50);--surface-card:#fff;--surface-card-quiet:var(--paper-100);--surface-dark:var(--forest-950);--border-card:#eaeee2;--border-light:var(--paper-200);--shadow-sm:0 1px 3px #1720190f;--shadow-md:0 10px 24px #1b271d0d;--shadow-focus:0 0 0 3px #d8ff7459;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--surface-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}button,input{font:inherit}.page{max-width:480px;min-height:100dvh;padding:16px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.page--centered{justify-content:center}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}.card{background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px}.card--quiet{background:var(--surface-card-quiet);box-shadow:none}.card--dark{background:var(--surface-dark);color:var(--text-on-dark);border-color:var(--forest-600)}.caption{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.75rem;font-weight:500}.card--dark .caption{color:var(--sage-100)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.small{font-size:.875rem}.mono{font-family:var(--font-mono)}.kpi{letter-spacing:-.02em;font-size:2.25rem;font-weight:700;line-height:1.1}label.field{flex-direction:column;gap:6px;display:flex}label.field>span{color:var(--text-secondary);font-size:.875rem;font-weight:500}input{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-card);width:100%;color:var(--text-primary);outline:none;padding:14px;font-size:1.0625rem}input:focus{border-color:var(--forest-600);box-shadow:var(--shadow-focus)}input.mono{letter-spacing:.12em;text-align:center;font-size:1.5rem}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:600;text-decoration:none;transition:transform 80ms,opacity .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--forest-950);color:var(--lime-400)}.btn--lime{background:var(--lime-400);color:var(--forest-950)}.btn--ghost{color:var(--text-secondary);border-color:var(--border-light);background:0 0}.btn--small{min-height:36px;padding:0 12px;font-size:.875rem}.btn--block{width:100%}.pill{border-radius:var(--radius-pill);align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.pill--owner{background:var(--approved-100);color:var(--approved-500)}.pill--staff{background:var(--due-100);color:var(--due-500)}.notice{border-radius:var(--radius-md);padding:12px 14px;font-size:.9375rem}.notice--error{background:var(--missed-100);color:var(--missed-700)}.notice--info{background:var(--sage-100);color:var(--forest-800)}.list{flex-direction:column;display:flex}.list>li{border-top:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 0;list-style:none;display:flex}.list{margin:0;padding:0}.list>li:first-child{border-top:none}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.tabs{gap:8px;display:flex}.tab{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-card);min-height:40px;color:var(--text-secondary);cursor:pointer;flex:1;font-weight:600}.tab[aria-selected=true]{background:var(--forest-950);color:var(--paper-50);border-color:var(--forest-950)}.banner{z-index:10;border-radius:var(--radius-lg);width:min(100% - 32px,448px);box-shadow:var(--shadow-md);align-items:center;gap:12px;padding:12px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.banner--top{top:calc(12px + env(safe-area-inset-top));background:var(--due-100);color:var(--due-500)}.banner--bottom{bottom:calc(16px + env(safe-area-inset-bottom));background:var(--forest-950);color:var(--paper-50)}