:root{--brand:#1d3fa8;--brand-ink:#162f80;--brand-50:#ebf0fb;--ink:#14171f;--ink-2:#464d5b;--line:#d5dae3;--ground:#f4f5f8;--surface:#fff;--ok:#17703a;--ok-50:#e3f4e9;--warn:#7a4e00;--warn-50:#fff1d1;--warn-icon:#b87a00;--bad:#b3261e;--bad-50:#fde8e6;--mute:#4f5663;--mute-50:#eceef2;--net-on:#1e9e4a;--net-off:#8a919e;--net-send:#d99a00;--disabled-bg:#c9ced8;--tap:48px;--tap-primary:56px;--gap-tap:8px;--header:64px;--tabbar-parent:72px;--tabbar-staff:68px;--rail:248px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-key:10px;--radius-ctl:12px;--radius-card:14px;--radius-sheet:20px;--radius-pill:999px;--font:Roboto, "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif}.panel-parent{--t-code:2rem;--t-amount:1.75rem;--t-title:1.375rem;--t-button:1.25rem;--t-body:1.125rem;--t-grid:1.125rem;--t-label:1rem;--t-nav:1rem;--t-wordmark:1.375rem}.panel-staff{--t-code:1.75rem;--t-amount:1.75rem;--t-title:1.25rem;--t-button:1.25rem;--t-button-compact:1.0625rem;--t-body:1rem;--t-grid:1.125rem;--t-label:.9375rem;--t-nav:.875rem;--t-wordmark:1.125rem}:root{--line-input:#b9c0cc;--line-soft:#e3e6ec;--scrim:#14171f80}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--ground);-webkit-tap-highlight-color:transparent;margin:0;font-size:1rem;line-height:1.35}h1,h2,h3,p{margin:0}a{color:var(--brand)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tab-nums{font-variant-numeric:tabular-nums}.ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.ic-20{width:20px;height:20px}.ic-32{width:32px;height:32px}.ic-64{width:64px;height:64px}.screen{background:var(--ground);flex-direction:column;min-height:100dvh;display:flex}.main{padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;width:100%;display:flex}.main-narrow{max-width:560px;margin:0 auto}.surface{background:var(--surface)}.hd{min-height:var(--header);background:var(--surface);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex;position:sticky;top:0}.hd-brand{border-bottom:3px solid var(--brand)}.hd-back{gap:4px;padding-left:4px}.wordmark{font-size:var(--t-wordmark);color:var(--brand);flex:1;min-width:0;font-weight:700}.hd-title{min-width:0;font-size:var(--t-title);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.hd-school{min-width:0;color:var(--brand);flex:1;font-size:1.1875rem;font-weight:700;line-height:1.1}.hd-school small{color:var(--ink-2);font-size:1rem;font-weight:400;display:block}.panel-staff .hd-school{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;overflow:hidden}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-ctl);color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.lang{border:1px solid var(--line-input);border-radius:var(--radius-key);flex:none;display:flex;overflow:hidden}.lang button{background:var(--surface);width:48px;height:46px;color:var(--ink-2);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:700;display:flex}.panel-staff .lang button{font-size:.9375rem}.lang button[aria-pressed=true]{background:var(--brand);color:#fff}.net{font-size:var(--t-nav);white-space:nowrap;align-items:center;gap:6px;padding:0 4px;display:flex}.panel-staff .net{font-size:.9375rem}@media (width<=399px){.hd-has-menu .net-word{display:none}}.dot{background:var(--net-on);border-radius:50%;flex:none;width:12px;height:12px}.dot-off{background:var(--net-off)}.dot-send{background:var(--net-send)}.offline-bar{background:var(--mute-50);color:var(--ink);font-size:var(--t-label);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 16px;font-weight:700;display:flex}.offline-bar .count{font-variant-numeric:tabular-nums;margin-left:auto}.cache-chip{border-radius:var(--radius-pill);background:var(--mute-50);min-height:28px;color:var(--mute);font-size:var(--t-label);align-items:center;gap:6px;padding:2px 10px;font-weight:700;display:inline-flex}.btn{min-height:var(--tap-primary);border-radius:var(--radius-ctl);background:var(--brand);color:#fff;width:100%;font-size:var(--t-button);cursor:pointer;text-align:center;border:0;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-weight:700;text-decoration:none;display:flex}.btn:disabled,.btn[aria-disabled=true]{background:var(--disabled-bg);color:var(--mute);cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--brand);border:2px solid var(--brand)}.btn-secondary:disabled{background:var(--surface);border-color:var(--disabled-bg)}.btn-destructive{background:var(--surface);color:var(--bad);border:2px solid var(--bad)}.btn-compact{min-height:var(--tap);width:auto;font-size:var(--t-button-compact,1.0625rem);flex:none;padding:0 16px}.btn-text{min-height:var(--tap);width:auto;color:var(--brand);font-size:var(--t-label);background:0 0;padding:0 8px}.link-row{min-height:var(--tap-primary);font-size:var(--t-body);color:var(--brand);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.chip{border-radius:var(--radius-pill);min-height:32px;font-size:var(--t-label);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.chip .ic{width:20px;height:20px}.chip-sm{min-height:28px;padding:2px 10px}.tone-ok{color:var(--ok);background:var(--ok-50)}.tone-warn{color:var(--warn);background:var(--warn-50)}.tone-warn .ic{color:var(--warn-icon)}.tone-bad{color:var(--bad);background:var(--bad-50)}.tone-mute{color:var(--mute);background:var(--mute-50)}.tone-brand{color:var(--brand);background:var(--brand-50)}.msg{font-size:var(--t-body);border-radius:var(--radius-ctl);align-items:flex-start;gap:10px;padding:12px;line-height:1.4;display:flex}.msg-inline{padding:0}.banner{font-size:var(--t-label);border-radius:var(--radius-ctl);align-items:center;gap:10px;padding:10px 12px;line-height:1.4;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);color:var(--ink);flex-direction:column;gap:2px;padding:12px 16px;text-decoration:none;display:flex}.card-name{align-items:center;gap:10px;min-height:48px;display:flex}.card-name b{font-size:var(--t-title);text-transform:uppercase;overflow-wrap:anywhere;flex:1;min-width:0}.card-name .cls{font-size:var(--t-label);color:var(--ink-2);text-align:right}.card-name .cls small{font-size:var(--t-label);display:block}.row{min-height:44px;font-size:var(--t-body);align-items:center;gap:12px;display:flex}.row .w{flex:1}.amt{font-variant-numeric:tabular-nums;font-weight:700}.rt{flex-direction:column;align-items:flex-end;gap:4px;padding:4px 0;display:flex}.skeleton{background:linear-gradient(90deg, var(--mute-50), var(--surface), var(--mute-50));background-size:200% 100%;border-radius:8px;height:20px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.title-row{align-items:center;gap:10px;display:flex}.title-row h1{font-size:var(--t-title);flex:1}.sub{font-size:var(--t-label);color:var(--ink-2)}.form{flex-direction:column;gap:10px;display:flex}.lab{font-size:var(--t-button);align-items:center;gap:10px;font-weight:700;display:flex}.panel-staff .lab{font-size:1rem}.field-label{font-size:var(--t-label);font-weight:700}.in{border:2px solid var(--line-input);border-radius:var(--radius-ctl);width:100%;min-height:52px;font-size:var(--t-body);color:var(--ink);background:var(--surface);padding:0 14px}.in-phone{letter-spacing:3px;font-variant-numeric:tabular-nums;height:64px;padding:0 16px;font-size:1.5rem}.in-pin{letter-spacing:12px}.in-ok{border-color:var(--ok);background:var(--ok-50)}.in-bad{border-color:var(--bad);background:var(--bad-50)}.field-ok{font-size:var(--t-body);color:var(--ok);align-items:center;gap:8px;min-height:28px;font-weight:700;display:flex}.field-err{font-size:var(--t-body);color:var(--bad);align-items:center;gap:8px;min-height:28px;display:flex}.hint{font-size:var(--t-label);color:var(--ink-2)}.chips{gap:var(--gap-tap);flex-wrap:wrap;display:flex}.chip-toggle{min-height:var(--tap);border-radius:var(--radius-pill);border:2px solid var(--line);background:var(--surface);font-size:var(--t-label);cursor:pointer;align-items:center;gap:6px;padding:0 16px;font-weight:700;display:inline-flex}.chip-toggle[aria-pressed=true]{border-color:var(--brand);background:var(--brand-50);color:var(--brand)}.check{min-height:var(--tap);font-size:var(--t-label);align-items:flex-start;gap:12px;line-height:1.4;display:flex}.check input{width:24px;height:24px;accent-color:var(--brand);flex:none;margin:2px 0 0}.select-btn{border:2px solid var(--line-input);border-radius:var(--radius-ctl);background:var(--surface);width:100%;min-height:52px;font-size:var(--t-body);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:0 8px 0 14px;display:flex}.select-btn .v{flex:1}.select-btn .ph{color:var(--ink-2);flex:1}.steps{gap:6px;display:flex}.steps span{background:var(--mute-50);border-radius:3px;flex:1;height:6px}.steps span.on{background:var(--brand)}.scrim{background:var(--scrim);z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;flex-direction:column;gap:12px;width:100%;max-width:560px;max-height:88vh;padding:8px 16px 16px;display:flex;overflow:auto}.sheet-grab{background:var(--line);border-radius:2px;flex:none;width:40px;height:4px;margin:4px auto}.sheet-head{align-items:center;gap:8px;display:flex}.sheet-head h2{font-size:var(--t-title);flex:1}.list{background:var(--surface);border-top:1px solid var(--line-soft);flex-direction:column;display:flex}.li{background:var(--surface);border:0;border-bottom:1px solid var(--line-soft);min-height:56px;font-size:var(--t-body);color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;padding:0 12px 0 16px;text-decoration:none;display:flex}.li-64{min-height:64px}.li .w{flex:1;font-weight:700}.li .v{font-size:var(--t-label);color:var(--ink-2)}.li[aria-selected=true]{background:var(--brand-50);color:var(--brand)}.li-add{color:var(--brand);font-weight:700}.li-danger{color:var(--bad)}.group-label{font-size:var(--t-label);color:var(--ink-2);background:var(--ground);padding:12px 16px 6px;font-weight:700}.pick{border:2px solid var(--line);border-radius:var(--radius-card);min-height:64px;font-size:var(--t-button);color:var(--ink);background:var(--surface);cursor:pointer;align-items:center;gap:14px;width:100%;padding:0 16px;font-weight:700;text-decoration:none;display:flex}.tabs{height:var(--tabbar-parent);background:var(--surface);border-top:1px solid var(--line);z-index:20;flex:none;display:flex;position:sticky;bottom:0}.panel-staff .tabs{height:var(--tabbar-staff)}.tabs a{min-width:0;font-size:var(--t-nav);color:var(--ink-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative}.tabs a[aria-current=page]{color:var(--brand);box-shadow:inset 0 3px 0 var(--brand);font-weight:700}.rail{width:var(--rail);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:2px;padding:16px 12px;display:none}.rail a{border-radius:var(--radius-ctl);min-height:48px;color:var(--ink);align-items:center;gap:12px;padding:0 12px;font-size:1rem;text-decoration:none;display:flex}.rail a[aria-current=page]{background:var(--brand-50);color:var(--brand);font-weight:700}.staff-frame{flex:1;min-height:0;display:flex}.staff-col{flex-direction:column;flex:1;min-width:0;display:flex}@media (width>=1024px){.rail{display:flex}.staff-frame .tabs{display:none}}.cards-2{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=600px){.panel-staff .cards-2{grid-template-columns:1fr 1fr}}.menu-wrap{position:relative}.menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-ctl);z-index:40;min-width:200px;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 8px 24px #14171f29}.menu button{width:100%;min-height:var(--tap);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 16px;font-size:1rem;display:flex}.empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);text-align:center;flex-direction:column;align-items:stretch;gap:12px;padding:24px 16px;display:flex}.empty .ic{color:var(--ink-2);margin:0 auto}.empty b{font-size:var(--t-title)}.empty p{font-size:var(--t-body);color:var(--ink-2);line-height:1.4}.cl-head{background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.cl-head-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cl-head h1{font-size:var(--t-title)}.progress{background:var(--mute-50);border-radius:6px;flex:1;height:12px;overflow:hidden}.progress>div{background:var(--brand);height:100%}.st{background:var(--surface);border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;min-height:72px;padding:10px 12px 10px 14px;display:flex}.st-next{background:var(--brand-50)}.st .n{border:2px solid var(--line-input);width:32px;height:32px;color:var(--ink-2);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:flex}.st-next .n{border-color:var(--brand);color:var(--brand)}.st .n.done{background:var(--ok-50);color:var(--ok);border:0}.st .w{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.st .w b{font-size:1.0625rem}.st .w span{color:var(--ink-2);font-size:.9375rem}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:14px;width:100%;max-width:440px;margin:32px auto;padding:24px;display:flex}.admin-card h1{font-size:1.375rem}.qr{border:1px solid var(--line);border-radius:var(--radius-ctl);align-self:center;width:200px;height:200px}.mono{word-break:break-all;background:var(--ground);border-radius:8px;padding:8px 10px;font-family:ui-monospace,Roboto Mono,monospace;font-size:1rem}.dev-scale{z-index:90;border-radius:var(--radius-pill);border:2px solid var(--ink);cursor:pointer;opacity:.85;background:#fff;min-height:40px;padding:0 12px;font-weight:700;position:fixed;bottom:84px;left:8px}