*,:before,:after{box-sizing:border-box}:root{--bg:#f3f7f4;--surface:#fff;--surface-soft:#f7faf8;--line:#e4ece7;--line-strong:#d3e0d9;--ink:#10231b;--ink-soft:#3f574c;--muted:#6d7f76;--faint:#93a49b;--green-950:#07231b;--green-900:#0b3b2e;--green-800:#0f4a38;--green-700:#12634a;--green-600:#15805e;--green-500:#1f9a70;--green-100:#e1f2e9;--green-50:#f0f8f3;--accent:#f6c453;--accent-strong:#e8a91f;--accent-ink:#4a3200;--blue:#2f6fe4;--blue-soft:#eaf1ff;--blue-ink:#1f4fb0;--amber:#a76500;--amber-soft:#fff3dc;--red:#c23b32;--red-soft:#fdecea;--radius-xl:26px;--radius-lg:20px;--radius:16px;--radius-sm:10px;--radius-xs:8px;--shadow-sm:0 1px 2px #0f3b2e0d, 0 10px 30px -24px #0f3b2e59;--shadow-md:0 18px 50px -24px #0f3b2e59;--shadow-lg:0 40px 80px -40px #07231b80;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px;line-height:1.5}html,body,#root{min-height:100%}body{background:radial-gradient(1100px 600px at 100% -10%, #eaf6ef 0, transparent 60%), radial-gradient(900px 500px at -10% 110%, #f6f2e7 0, transparent 55%), var(--bg);color:var(--ink);margin:0;font-size:14px}h1,h2,h3,h4,p,dl,dd{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img,video{max-width:100%}ul{margin:0}::selection{color:var(--green-900);background:#c8f1dd}:focus-visible{outline:2px solid var(--green-500);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#c4d6cc transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c4d6cc;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#a9c2b4}.muted{color:var(--muted)}.strong{color:var(--ink);font-weight:600}.nowrap{white-space:nowrap}.num{text-align:right;font-variant-numeric:tabular-nums}.text-green{color:var(--green-700)!important}.text-blue{color:var(--blue-ink)!important}.text-danger{color:var(--red)!important}.text-muted{color:var(--muted)!important}.inline-sep{color:var(--faint);margin:0 3px}.hint{color:var(--faint);font-size:10.5px;line-height:1.5}.section-note{color:var(--muted);font-size:11.5px;line-height:1.6}.only-mobile-inline{display:none}.hide-sm,.hide-md,.hide-lg{display:table-cell}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{border-radius:var(--radius-sm);color:var(--ink);white-space:nowrap;background:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s,color .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55}.btn-primary{background:linear-gradient(180deg, var(--green-600), var(--green-700));color:#fff;box-shadow:0 8px 18px -10px #0f533eb3,inset 0 1px #ffffff24}.btn-primary:hover:not(:disabled){background:linear-gradient(#18906a,#0f5a44)}.btn-accent{background:linear-gradient(180deg, #ffd36d, var(--accent-strong));color:#3d2a00;box-shadow:0 8px 18px -10px #c88c008c,inset 0 1px #fff6}.btn-accent:hover:not(:disabled){background:linear-gradient(#ffdc8c,#eab126)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:var(--surface-soft);color:var(--ink);border-color:#b9cec3}.btn-kiosk-ghost{color:#e7f1ec;background:#ffffff0f;border-color:#ffffff2e}.btn-kiosk-ghost:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d}.btn-danger-text{color:var(--red)}.btn-danger-text:hover:not(:disabled){background:var(--red-soft);color:#9e2b23;border-color:#f4c7c2}.btn-block{width:100%}.btn-sm{border-radius:9px;padding:8px 12px;font-size:12.5px}.btn-xs{border-radius:7px;padding:5px 9px;font-size:11.5px}.btn-lg{border-radius:12px;padding:13px 20px;font-size:14.5px}.icon-btn{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-soft);border-color:var(--line-strong);color:var(--ink)}.icon-btn--dark{color:#b9cec4;background:0 0;border-color:#ffffff1f}.icon-btn--dark:hover{color:#fff;background:#ffffff14;border-color:#fff3}.shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:50;color:#dcece4;background:radial-gradient(500px 300px at 110% 0,#f6c45314,#0000 60%),linear-gradient(#0c3a2d 0%,#082a20 100%);flex-direction:column;height:100vh;padding:22px 18px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:2px 4px 20px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1c9a70,#0f5b41);border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #ffffff40,0 8px 20px -10px #0009}.brand-mark--light{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e}.brand-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.brand-text strong{letter-spacing:-.2px;color:#fff;font-size:17px;font-weight:700}.brand-text span{color:#8fb3a3;letter-spacing:.02em;font-size:10.5px}.sidebar-close{color:#c7dcd1;background:0 0;border-color:#ffffff1f;margin-left:auto;display:none}.nav{flex-direction:column;gap:4px;margin-top:8px;display:flex}.nav-label{letter-spacing:.13em;text-transform:uppercase;color:#709183;padding:10px 12px 6px;font-size:10px;font-weight:700}.nav-item{color:#b7ccc2;border-radius:11px;align-items:center;gap:11px;padding:11px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.nav-item svg{color:#7fa99a;flex-shrink:0}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.is-active{color:#fff;background:#ffffff1a}.nav-item.is-active svg{color:var(--accent)}.nav-item.is-active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-18px}.sidebar-cta{background:linear-gradient(160deg,#f6c45326,#ffffff0d);border:1px solid #f6c45338;border-radius:16px;flex-direction:column;gap:6px;margin-top:auto;margin-bottom:16px;padding:16px;display:flex}.sidebar-cta-icon{width:36px;height:36px;color:var(--accent);background:#f6c45329;border-radius:10px;place-items:center;margin-bottom:2px;display:grid}.sidebar-cta strong{color:#fff;font-size:13.5px}.sidebar-cta span{color:#a6c2b4;font-size:11.5px;line-height:1.45}.sidebar-cta .btn{margin-top:8px}.sidebar-foot{border-top:1px solid #ffffff14;align-items:center;gap:8px;padding-top:14px;display:flex}.user-chip{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.user-avatar{color:#3d2a00;background:linear-gradient(145deg,#f6c453,#d99a22);border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:11.5px;font-weight:700;display:grid}.user-chip-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.user-chip-text strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.user-chip-text span{color:#86a999;font-size:10px}.sidebar-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07191380;border:0;display:none;position:fixed;inset:0}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7faf8d6;border-bottom:1px solid #d3e0d9b3;align-items:center;gap:16px;padding:14px 32px;display:flex;position:sticky;top:0}.menu-btn{display:none}.topbar-title h1{letter-spacing:-.3px;color:var(--ink);font-size:19px;font-weight:700;line-height:1.2}.topbar-title p{color:var(--muted);margin-top:2px;font-size:11.5px}.topbar-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.topbar-avatar{background:var(--green-900);color:#fff;letter-spacing:.02em;border-radius:11px;place-items:center;width:36px;height:36px;font-size:11.5px;font-weight:700;display:grid}.page{width:100%;max-width:1360px;margin:0 auto;padding:26px 32px 44px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.page-head h2{letter-spacing:-.4px;color:var(--ink);font-size:22px;font-weight:700;line-height:1.25}.page-head p{max-width:640px;color:var(--muted);margin-top:4px;font-size:12.5px;line-height:1.55}.page-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-footnote{color:var(--faint);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:14px;padding:0 4px;font-size:11.5px;display:flex}.page-footnote svg{color:var(--green-600)}.full-loader{background:var(--bg);min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel-head h3{letter-spacing:-.15px;color:var(--ink);font-size:15px;font-weight:700}.panel-head p{color:var(--muted);margin-top:3px;font-size:11.5px}.card-link{color:var(--green-700);white-space:nowrap;align-items:center;gap:2px;padding:4px;font-size:12px;font-weight:600;display:inline-flex}.card-link:hover{color:var(--green-900);text-underline-offset:3px;text-decoration:underline}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:600;line-height:1.5;display:inline-flex}.badge--green{color:#116b4c;background:#e5f5ec;border-color:#d0ecdd}.badge--green-soft{color:#197a57;background:#edf8f2;border-color:#d9efe4}.badge--blue{background:var(--blue-soft);color:var(--blue-ink);border-color:#dbe7ff}.badge--amber{background:var(--amber-soft);color:var(--amber);border-color:#f3e0bd}.badge--gray{color:#66776f;background:#f0f4f2;border-color:#e3eae6}.badge-row{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.avatar{color:#11573f;letter-spacing:.02em;background:linear-gradient(145deg,#d9eee3,#b9dfcc);border:1px solid #11573f14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.alert{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:9px;padding:10px 13px;font-size:12px;line-height:1.45;display:flex}.alert svg{flex-shrink:0}.alert .btn{margin-left:auto}.alert--error{background:var(--red-soft);color:#9e2b23;border-color:#f5d3cf}.alert--warning{background:var(--amber-soft);color:#855300;border-color:#f2dfb9}.alert--info{background:var(--blue-soft);color:var(--blue-ink);border-color:#d9e5ff}.progress{background:#dfeae4;border-radius:5px;height:5px;margin-top:5px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--green-500), var(--green-700));border-radius:5px;height:100%;transition:width .4s;display:block}.skeleton{background:linear-gradient(90deg,#eef3f0 25%,#f7faf8 37%,#eef3f0 63%) 0 0/400% 100%;border-radius:8px;animation:1.4s infinite shimmer}.skeleton--line{height:11px}.skeleton--lg{height:22px}.skeleton--avatar{border-radius:12px;flex-shrink:0;width:44px;height:44px}.skeleton--block{width:100%;height:180px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:132px;box-shadow:var(--shadow-sm);flex-direction:column;padding:16px 17px;display:flex;position:relative;overflow:hidden}.stat:before{content:"";background:var(--tone,#15805e);height:3px;position:absolute;inset:0 0 auto}.stat--green{--tone:#15805e;--tone-soft:#e4f4ec;--tone-ink:#12634a}.stat--blue{--tone:#3f83df;--tone-soft:#eaf2fe;--tone-ink:#1f5cb0}.stat--amber{--tone:#e0a737;--tone-soft:#fff4df;--tone-ink:#9a6400}.stat--slate{--tone:#5f7a6d;--tone-soft:#eef3f0;--tone-ink:#3f574c}.stat-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-label{letter-spacing:.045em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.stat-icon{background:var(--tone-soft);width:34px;height:34px;color:var(--tone-ink);border-radius:10px;place-items:center;display:grid}.stat-value{letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:10px;font-size:23px;font-weight:700;line-height:1.2}.stat-note{color:var(--faint);margin-top:auto;padding-top:8px;font-size:11px;line-height:1.45}.stat .skeleton+.skeleton{margin-top:10px}.dash-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:16px;margin-bottom:18px;display:grid}.dash-side{flex-direction:column;gap:14px;display:flex}.chart-panel{flex-direction:column;display:flex}.chart-legend{color:var(--muted);align-items:center;gap:14px;font-size:11.5px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:3px;width:8px;height:8px;display:inline-block}.legend-dot--plan{background:#4b8bd4}.legend-dot--wallet{background:#d99a22}.chart{border-bottom:1px dashed var(--line);background-image:repeating-linear-gradient(0deg,#e3ebe6a6 0 1px,#0000 1px 52px);align-items:flex-end;gap:10px;height:214px;margin-top:6px;padding:10px 4px 0;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.chart-value{height:14px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.chart-track{flex:1;justify-content:center;align-items:flex-end;width:100%;max-width:42px;display:flex}.chart-bar{border-radius:7px 7px 4px 4px;flex-direction:column;width:100%;transition:height .5s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff4d}.chart-bar.is-empty{background:var(--line);border-radius:4px;height:4px!important}.chart-seg{width:100%;display:block}.chart-seg--plan{background:linear-gradient(#4b8bd4,#6aa6e6)}.chart-seg--wallet{background:linear-gradient(#d99a22,#e8b34a)}.chart-label{color:var(--faint);white-space:nowrap;font-size:10.5px}.chart-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;font-size:11.5px;display:flex}.chart-foot strong{color:var(--ink)}.coverage-card{flex:1}.coverage-body{align-items:center;gap:18px;display:flex}.coverage-ring{border-radius:50%;flex-shrink:0;place-items:center;width:116px;height:116px;display:grid}.coverage-ring>div{background:var(--surface);text-align:center;width:88px;height:88px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.coverage-ring strong{letter-spacing:-1px;color:var(--ink);font-size:24px;font-weight:700;line-height:1}.coverage-ring span{color:var(--muted);margin-top:3px;font-size:9.5px}.coverage-text{flex-direction:column;gap:6px;min-width:0;display:flex}.coverage-text>strong{color:var(--ink);font-size:13.5px}.coverage-text p{color:var(--muted);font-size:11.5px;line-height:1.55}.kiosk-cta{background:linear-gradient(120deg, var(--green-900), var(--green-700));color:#fff;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 12px 24px -18px #07231be6}.kiosk-cta:hover{transform:translateY(-1px);box-shadow:0 16px 30px -16px #07231bcc}.kiosk-cta-icon{width:34px;height:34px;color:var(--accent);background:#ffffff1f;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.kiosk-cta>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.kiosk-cta strong{font-size:12px}.kiosk-cta small{color:#a9c9b9;font-size:10px}.kiosk-cta>svg{color:#a9c9b9;flex-shrink:0}.dash-alert{color:var(--ink);background:linear-gradient(135deg,#fff8ea,#fffdf8);border:1px solid #f0d9ae;border-radius:14px;align-items:center;gap:11px;padding:14px;transition:border-color .15s;display:flex}.dash-alert:hover{border-color:#e6c88f}.dash-alert-icon{width:34px;height:34px;color:var(--amber);background:#ffefd0;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.dash-alert>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dash-alert strong{font-size:12.5px}.dash-alert small{color:#8a6b38;font-size:11px;line-height:1.45}.dash-alert>svg{color:#b98d44}.dash-tip{border:1px dashed var(--line-strong);background:var(--surface-soft);color:var(--muted);border-radius:13px;align-items:flex-start;gap:9px;padding:13px 14px;font-size:11.5px;line-height:1.5;display:flex}.dash-tip svg{color:var(--green-600);flex-shrink:0;margin-top:1px}.recent-panel{padding-bottom:10px}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:12.5px}.table--students{min-width:460px}.table--transactions{min-width:440px}.table th{border-bottom:1px solid var(--line);letter-spacing:.07em;text-transform:uppercase;text-align:left;color:var(--faint);white-space:nowrap;padding:0 12px 9px;font-size:10px;font-weight:700}.table td{vertical-align:middle;border-bottom:1px solid #edf3ef;padding:11px 12px}.table th.num,.table td.num{text-align:right}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fafcfb}.table tr.is-clickable{cursor:pointer;transition:background .12s}.table tr.is-clickable:focus-visible{outline:2px solid var(--green-500);outline-offset:-2px}.table tr.is-clickable:hover .row-chevron{background:var(--green-50);color:var(--green-700);border-color:#cfe6da}.table--students th:first-child,.table--students td:first-child{padding-left:4px}.cell-student{align-items:center;gap:10px;min-width:150px;display:flex}.cell-student>div:last-child{flex-direction:column;gap:1px;min-width:0;display:flex}.cell-student strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.cell-student span{color:var(--faint);font-size:10.5px}.cell-student--plain{min-width:130px}.cell-action{text-align:right;width:38px}.row-chevron{border:1px solid var(--line);background:var(--surface-soft);width:26px;height:26px;color:var(--faint);border-radius:8px;place-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-grid}.money{color:var(--ink);white-space:nowrap;font-weight:600}.row-note{color:var(--red);margin-top:1px;font-size:9.5px;font-weight:600;display:block}.plan-cell{flex-direction:column;gap:4px;min-width:78px;display:flex}.plan-cell>span{color:var(--ink-soft);font-size:11px}.mini-progress{background:var(--green-100);border-radius:4px;height:4px;overflow:hidden}.mini-progress>span{background:linear-gradient(90deg, var(--green-500), var(--green-700));border-radius:4px;height:100%;display:block}.cell-note{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.method{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.method svg{color:var(--green-600)}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:var(--ink-soft);font-size:11.5px;font-weight:600}.field>small{color:var(--faint);font-size:10.5px;line-height:1.45}.field input,.field select,.field textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:9px;outline:none;padding:9px 11px;font-size:12.5px;transition:border-color .15s,box-shadow .15s,background .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #1f9a7021}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--surface-soft);color:var(--muted);cursor:not-allowed}.field textarea{resize:vertical;min-height:74px}.field input::placeholder,.field textarea::placeholder{color:#a9b8b0}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row{grid-template-columns:1fr 1.4fr;gap:10px;display:grid}.field--span{grid-column:1/-1}.field--grow{flex:1}.input-icon{align-items:center;display:flex;position:relative}.input-icon>svg{color:var(--faint);pointer-events:none;position:absolute;left:11px}.input-icon input{padding-left:36px;padding-right:38px}.input-icon-action{width:28px;height:28px;color:var(--faint);background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;right:6px}.input-icon-action:hover{background:var(--surface-soft);color:var(--ink-soft)}.input-suffix{align-items:center;display:flex;position:relative}.input-suffix input{padding-right:46px}.input-suffix>span{color:var(--faint);pointer-events:none;font-size:11.5px;font-weight:600;position:absolute;right:11px}.inline-form{align-items:center;gap:8px;display:flex}.inline-form .input-suffix{flex:1}.inline-form input{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:9px;outline:none;padding:9px 11px;font-size:12.5px}.inline-form input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #1f9a7021}.switch-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.switch-row>span{flex-direction:column;gap:2px;display:flex}.switch-row strong{color:var(--ink);font-size:12px}.switch-row small{color:var(--muted);font-size:10.5px}.switch-row input{appearance:none;cursor:pointer;background:#cedbd4;border:0;border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch-row input:checked{background:var(--green-600)}.switch-row input:checked:after{transform:translate(18px)}.login{background:var(--surface);grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-hero{color:#e9f3ee;background:radial-gradient(900px 600px at 80% 10%,#f6c45329,#0000 55%),radial-gradient(700px 500px at 0 100%,#1f9a7040,#0000 60%),linear-gradient(150deg,#0c3f30 0%,#08281e 70%,#061d16 100%);align-items:center;padding:44px clamp(28px,5vw,64px);display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 40% 40%,#000 0%,#0000 100%);mask-image:radial-gradient(70% 70% at 40% 40%,#000 0%,#0000 100%)}.login-hero:after{content:"";pointer-events:none;border:1px solid #f6c4532e;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-220px;right:-220px;box-shadow:0 0 0 80px #f6c45308,0 0 0 160px #f6c45306}.login-hero-inner{z-index:1;width:100%;max-width:560px;position:relative}.login-brand{align-items:center;gap:11px;margin-bottom:clamp(28px,5vh,54px);display:flex}.login-brand>div:last-child{flex-direction:column;line-height:1.25;display:flex}.login-brand strong{color:#fff;letter-spacing:-.2px;font-size:18px}.login-brand span{color:#8fb3a3;font-size:11px}.login-hero h1{letter-spacing:-1.4px;color:#fff;margin:0 0 16px;font-size:clamp(30px,3.6vw,46px);font-weight:700;line-height:1.12}.login-lead{color:#a9c6b8;max-width:500px;font-size:14px;line-height:1.7}.login-features{flex-direction:column;gap:11px;margin-top:26px;display:flex}.login-features>div{color:#c3d8cd;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;display:flex}.login-features svg{color:var(--accent);flex-shrink:0;margin-top:1px}.login-mock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff21;border-radius:16px;align-items:center;gap:12px;max-width:430px;margin-top:30px;padding:13px 15px;display:flex;box-shadow:0 24px 48px -30px #000c}.login-mock-ring{width:46px;height:46px;color:var(--accent);background:#f6c45324;border:1px solid #f6c45333;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.login-mock-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.login-mock-info strong{color:#fff;font-size:13px}.login-mock-info span{color:#9dbdaf;font-size:10.5px}.login-mock-amount{color:var(--accent);white-space:nowrap;font-size:14px;font-weight:700}.login-privacy{color:#789c8c;border-left:2px solid #f6c45359;max-width:460px;margin-top:26px;padding-left:12px;font-size:10.5px;line-height:1.6}.login-panel{background:radial-gradient(700px 400px at 100% 0%, #f4faf6, transparent 60%), var(--surface);justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-card{width:100%;max-width:390px;animation:.3s modalIn}.login-card-head{margin-bottom:22px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--green-600);font-size:10px;font-weight:700}.login-card-head h2{letter-spacing:-.8px;color:var(--ink);margin-top:8px;font-size:28px;font-weight:700}.login-card-head p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5}.demo-accounts{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.demo-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:700}.demo-accounts-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.demo-chip{border:1px solid var(--line);background:var(--surface-soft);text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 11px;transition:border-color .15s,background .15s;display:flex}.demo-chip:hover{background:var(--green-50);border-color:#bcd3c6}.demo-chip strong{color:var(--ink);font-size:11px;font-weight:600}.demo-chip span{font-family:var(--mono);color:var(--muted);font-size:9.5px}.demo-accounts small{color:var(--faint);margin-top:8px;font-size:10px;display:block}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-box{flex:1;align-items:center;min-width:240px;max-width:420px;display:flex;position:relative}.search-box>svg{color:var(--faint);pointer-events:none;position:absolute;left:11px}.search-box input{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;outline:none;width:100%;padding:9px 34px 9px 36px;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.search-box input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #1f9a701f}.search-box input::placeholder{color:#a9b8b0}.search-clear{background:var(--surface-soft);width:24px;height:24px;color:var(--muted);border:0;border-radius:6px;font-size:16px;line-height:1;position:absolute;right:6px}.search-clear:hover{color:var(--ink)}.filter-chips{border:1px solid var(--line);background:var(--surface);border-radius:11px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.filter-chip{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s}.filter-chip:hover{background:var(--surface-soft);color:var(--ink)}.filter-chip.is-active{background:var(--green-900);color:#fff;box-shadow:0 4px 10px -6px #07231b99}.table-panel{padding:16px 16px 8px}.table-skeleton{padding:8px 4px}.table-skeleton-row{border-bottom:1px solid #f0f4f2;align-items:center;gap:14px;padding:10px 0;display:flex}.table-skeleton-row:last-child{border-bottom:0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:52px 20px;display:flex}.empty-icon{border:1px solid var(--line);background:var(--surface-soft);width:48px;height:48px;color:var(--faint);border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.empty-state strong{color:var(--ink);font-size:13.5px}.empty-state>span:not(.empty-icon){max-width:340px;color:var(--muted);font-size:11.5px;line-height:1.5}.empty-state .btn{margin-top:10px}.empty-state--sm{padding:30px 16px}.tx-filters{flex-direction:column;gap:12px;margin-bottom:14px;padding:16px 18px;display:flex}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filter-row .field{flex:0 0 150px;width:150px}.filter-row .field--grow{flex:1;width:auto;min-width:200px}.filter-actions{gap:7px;padding-bottom:1px;display:flex}.filter-foot{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:11px;display:flex}.date-presets{flex-wrap:wrap;gap:5px;display:flex}.filter-summary{color:var(--faint);font-size:10.5px}.preset{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:8px;padding:6px 11px;font-size:11.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.preset:hover{background:var(--surface-soft);border-color:#b9cec3}.preset.is-active{border-color:var(--green-500);background:var(--green-50);color:var(--green-700)}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 6px;display:flex}.pagination-info{color:var(--faint);font-size:11px}.pagination-actions{gap:7px;display:flex}.settings-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);align-items:start;gap:16px;display:grid}.settings-main,.settings-side{flex-direction:column;gap:16px;display:flex}.settings-card{padding:20px}.settings-head{align-items:flex-start;gap:11px;margin-bottom:16px;display:flex}.settings-icon{border:1px solid var(--green-100);background:var(--green-50);width:38px;height:38px;color:var(--green-700);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.settings-icon--accent{background:var(--amber-soft);color:var(--amber);border-color:#f4e2c0}.settings-head h3{letter-spacing:-.15px;color:var(--ink);font-size:14.5px;font-weight:700}.settings-head p{color:var(--muted);margin-top:2px;font-size:11px}.settings-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.settings-preview{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;padding:10px 12px;font-size:11px;display:flex}.settings-preview svg{color:var(--green-600)}.settings-preview strong{color:var(--ink);font-weight:600}.settings-actions{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.settings-actions span{color:var(--muted);font-size:11px}.threshold-meter{margin-top:14px}.threshold-track{border:1px solid var(--line);background:#f0f4f2;border-radius:7px;height:7px;position:relative;overflow:visible}.threshold-fill{background:linear-gradient(90deg,#a9dcc3,#15805e);border-radius:7px;position:absolute;top:0;bottom:0;left:0}.threshold-mark{background:var(--ink);border-radius:2px;width:2px;height:15px;position:absolute;top:-4px}.threshold-labels{color:var(--faint);justify-content:space-between;margin-top:6px;font-size:9.5px;display:flex}.acct-head{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;align-items:center;gap:11px;margin-bottom:14px;padding:11px 12px;display:flex}.acct-head>div:last-child{flex-direction:column;gap:1px;min-width:0;display:flex}.acct-head strong{color:var(--ink);font-size:12.5px}.acct-head span{color:var(--muted);font-size:10.5px}.pwd-form{flex-direction:column;gap:10px;display:flex}.pwd-form .btn{align-self:flex-start}.health{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px;display:flex}.health>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.health strong{color:var(--ink);font-size:12px}.health span{color:var(--muted);font-size:10.5px;line-height:1.45}.health>svg{flex-shrink:0}.health-dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.health.is-ok{background:#f1faf5;border-color:#d5eddf}.health.is-ok .health-dot{background:#22a06b;box-shadow:0 0 0 4px #22a06b24}.health.is-ok>svg{color:#1a8a5c}.health.is-warn{background:#fffaef;border-color:#f0e0bb}.health.is-warn .health-dot{background:#e0a02a;box-shadow:0 0 0 4px #e0a02a26}.health.is-warn>svg{color:#b07a16}.health.is-error{background:var(--red-soft);border-color:#f4d2ce}.health.is-error .health-dot{background:var(--red);box-shadow:0 0 0 4px #c23b3221}.health.is-error>svg{color:var(--red)}.info-list{flex-direction:column;margin:0;display:flex}.info-list>div{border-bottom:1px dashed #edf3ef;justify-content:space-between;align-items:center;gap:16px;padding:7px 0;font-size:11.5px;display:flex}.info-list>div:last-child{border-bottom:0}.info-list dt{color:var(--faint)}.info-list dd{text-align:right;color:var(--ink-soft);margin:0;font-weight:500}.info-list--compact>div{padding:6px 0}.privacy-card{box-shadow:var(--shadow-sm);color:#cfe3d9;background:linear-gradient(145deg,#0c3c2d,#08281e);border:1px solid #ffffff0f;border-radius:16px;gap:11px;padding:16px;display:flex}.privacy-icon{width:34px;height:34px;color:var(--accent);background:#f6c45321;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.privacy-card>div{flex-direction:column;gap:4px;display:flex}.privacy-card strong{color:#fff;font-size:12px}.privacy-card p{color:#9dbfb0;font-size:10.5px;line-height:1.55}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071d1680;justify-content:center;align-items:center;padding:24px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);border:1px solid #fff6;border-radius:22px;flex-direction:column;animation:.2s cubic-bezier(.2,.8,.2,1) modalIn;display:flex}.modal--sm{max-width:420px}.modal--md{max-width:520px}.modal--lg{max-width:860px}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 22px 14px;display:flex}.modal-head h2{letter-spacing:-.3px;color:var(--ink);font-size:18px;font-weight:700}.modal-head p{color:var(--muted);margin-top:3px;font-size:11.5px}.modal-body{padding:18px 22px 22px;overflow-y:auto}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.enroll-layout{grid-template-columns:1.35fr .85fr;gap:16px;margin-bottom:16px;display:grid}.camera-stage{aspect-ratio:4/3;border:1px solid var(--line);background:#06120e;border-radius:14px;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%;display:block}.is-mirrored{transform:scaleX(-1)}.camera-stage .camera-video{position:absolute;inset:0}.face-guide{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.face-oval{border:2px dashed #ffffff8c;border-radius:50%;width:44%;height:64%;box-shadow:0 0 0 999px #071d161f}.camera-pill{z-index:3;color:#e9f5ef;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071d1699;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:10.5px;font-weight:500;display:inline-flex;position:absolute;top:12px;left:12px}.dot{background:#8aa79a;border-radius:50%;width:7px;height:7px;display:inline-block}.dot.is-live{background:#4ade80;animation:1.8s infinite livePulse;box-shadow:0 0 0 3px #4ade8033}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.45}}.camera-overlay{z-index:2;color:#dceee6;background:#071d168c;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11.5px;display:flex;position:absolute;inset:0}.enroll-side{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;flex-direction:column;justify-content:space-between;gap:14px;padding:15px;display:flex}.enroll-side h3{color:var(--ink);margin-bottom:7px;font-size:12.5px;font-weight:700}.guide-list{color:var(--muted);flex-direction:column;gap:5px;padding-left:16px;font-size:11px;line-height:1.45;display:flex}.guide-list li::marker{color:var(--green-500)}.sample-counter{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:1px;padding:10px 12px;display:flex}.sample-counter span{color:var(--faint);font-size:10px}.sample-counter strong{letter-spacing:-.4px;color:var(--ink);font-size:17px}.sample-counter small{color:var(--muted);font-size:10px}.enroll-buttons{flex-direction:column;gap:7px;display:flex}.capture-section{border-top:1px solid var(--line);padding-top:14px}.capture-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.capture-head h3{color:var(--ink);font-size:12.5px}.capture-head span{color:var(--faint);font-size:10.5px}.capture-empty{border:1px dashed var(--line-strong);background:var(--surface-soft);text-align:center;color:var(--faint);border-radius:11px;padding:18px;font-size:11.5px}.capture-grid{flex-wrap:wrap;gap:8px;display:flex}.capture-tile{border:1px solid var(--line);border-radius:10px;width:76px;height:76px;position:relative;overflow:hidden}.capture-tile img{object-fit:cover;width:100%;height:100%}.capture-remove{color:#fff;background:#071d16bf;border:0;border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:3px;right:3px}.drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071d1673;justify-content:flex-end;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);flex-direction:column;width:min(540px,100%);height:100%;animation:.22s cubic-bezier(.2,.8,.2,1) slideIn;display:flex;box-shadow:-24px 0 60px -30px #071d1699}@keyframes slideIn{0%{opacity:.5;transform:translate(24px)}to{opacity:1;transform:none}}.drawer-head{border-bottom:1px solid var(--line);background:linear-gradient(#fbfdfc,#fff);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 16px;display:flex}.drawer-identity{align-items:center;gap:13px;min-width:0;display:flex}.drawer-identity>div{min-width:0}.drawer-identity h2{letter-spacing:-.3px;color:var(--ink);font-size:17px;font-weight:700;line-height:1.3}.drawer-identity p{color:var(--muted);margin-top:2px;font-size:11.5px}.drawer-actions{flex-shrink:0;gap:6px;display:flex}.drawer-body{flex-direction:column;gap:16px;padding:18px 20px 30px;display:flex;overflow-y:auto}.drawer-loading{color:var(--muted);justify-content:center;align-items:center;gap:9px;padding:50px 0;font-size:12px;display:flex}.wallet-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wallet-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;flex-direction:column;gap:4px;padding:13px;display:flex}.wallet-card--green{color:#fff;background:linear-gradient(140deg,#0e4b38,#0a3226);border-color:#0000}.wallet-card span{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:10.5px;font-weight:600}.wallet-card--green span{color:#9cc6b4}.wallet-card strong{letter-spacing:-.4px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px}.wallet-card--green strong{color:#fff}.wallet-card small{color:var(--faint);font-size:10px;line-height:1.4}.wallet-card--green small{color:#9cc6b4}.wallet-card--green .progress{background:#ffffff2e}.wallet-card--green .progress>span{background:linear-gradient(90deg,#f6c453,#e8a91f)}.drawer-section{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:15px;display:flex}.drawer-section h3{letter-spacing:-.1px;color:var(--ink);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:flex}.drawer-section h3 svg{color:var(--green-600)}.section-count{border:1px solid var(--line);background:var(--surface-soft);color:var(--faint);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.preset-row{flex-wrap:wrap;gap:6px;display:flex}.face-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.face-tile{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;position:relative;overflow:hidden}.face-tile img{object-fit:cover;width:100%;height:100%}.face-placeholder{width:100%;height:100%;color:var(--faint);place-items:center;display:grid}.face-remove{color:#fff;opacity:0;background:#0c2018b8;border:0;border-radius:7px;place-items:center;width:22px;height:22px;transition:opacity .15s;display:grid;position:absolute;top:4px;right:4px}.face-tile:hover .face-remove,.face-remove:focus-visible{opacity:1}.face-add{aspect-ratio:1;border:1px dashed var(--line-strong);background:var(--surface-soft);color:var(--faint);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9.5px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.face-add:hover{border-color:var(--green-500);background:var(--green-50);color:var(--green-700)}.empty-inline{color:var(--faint);padding:10px 0;font-size:11.5px}.tx-list{flex-direction:column;display:flex}.tx-line{border-bottom:1px dashed #edf3ef;align-items:center;gap:9px;padding:8px 0;display:flex}.tx-line:last-child{border-bottom:0}.tx-icon{background:var(--surface-soft);width:30px;height:30px;color:var(--ink-soft);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.tx-icon.is-green{color:var(--green-700);background:#e5f5ec}.tx-icon.is-blue{background:var(--blue-soft);color:var(--blue-ink)}.tx-icon.is-amber{background:var(--amber-soft);color:var(--amber)}.tx-line-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tx-line-main strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.tx-line-main span{color:var(--faint);font-size:10px}.tx-line-amount{color:var(--ink-soft);white-space:nowrap;font-size:11.5px;font-weight:600}.tx-line-amount.is-positive{color:var(--green-700)}.drawer-footer-note{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px;padding-top:12px;font-size:10px;display:flex}.kiosk{color:#eef6f2;background:radial-gradient(1100px 700px at 75% -10%,#1f9a7047,#0000 60%),radial-gradient(900px 600px at -10% 110%,#f6c4531a,#0000 55%),linear-gradient(160deg,#07261d,#041a14 70%);flex-direction:column;min-height:100vh;padding:0 clamp(16px,3vw,34px) 22px;display:flex}.kiosk :focus-visible{outline-color:var(--accent)}.kiosk-top{border-bottom:1px solid #ffffff14;align-items:center;gap:20px;padding:16px 2px;display:flex}.kiosk-brand{align-items:center;gap:11px;display:flex}.kiosk-brand .brand-mark{border-radius:13px;width:44px;height:44px}.kiosk-brand>div:last-child{flex-direction:column;line-height:1.2;display:flex}.kiosk-brand strong{letter-spacing:-.2px;color:#fff;font-size:18px}.kiosk-brand span{color:#89ae9f;font-size:10.5px}.kiosk-top-mid{align-items:center;gap:9px;margin-left:8px;display:flex}.kiosk-price-chip{color:var(--accent);background:#f6c4531a;border:1px solid #f6c4532e;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.kiosk-month{letter-spacing:.03em;text-transform:uppercase;color:#7fa393;font-size:10.5px}.kiosk-top-right{align-items:center;gap:10px;margin-left:auto;display:flex}.kiosk-clock{flex-direction:column;align-items:flex-end;margin-right:4px;line-height:1.2;display:flex}.kiosk-clock strong{letter-spacing:.5px;color:#fff;font-variant-numeric:tabular-nums;font-size:19px}.kiosk-clock span{text-transform:capitalize;color:#7fa393;font-size:9.5px}.kiosk-staff{color:#9cbdaf;white-space:nowrap;text-overflow:ellipsis;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;max-width:180px;padding:6px 9px;font-size:10.5px;display:inline-flex;overflow:hidden}.kiosk-staff-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 3px #4ade8026}.kiosk-icon-btn{color:#c5dacf;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:inline-flex}.kiosk-icon-btn:hover{color:#fff;background:#ffffff1a}.kiosk-main{flex:1;grid-template-columns:minmax(0,1.4fr) minmax(360px,.9fr);align-items:stretch;gap:clamp(16px,2.2vw,28px);width:100%;max-width:1500px;margin:0 auto;padding-top:clamp(16px,3vh,30px);display:grid}.kiosk-camera-wrap{flex-direction:column;gap:12px;min-width:0;display:flex}.kiosk-camera{background:#06120e;border:1px solid #ffffff1a;border-radius:26px;flex:1;min-height:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 40px 80px -50px #000}.kiosk-camera .camera-video{object-fit:cover;filter:saturate(.92)contrast(1.03);width:100%;height:100%;position:absolute;inset:0}.kiosk-camera:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 90%,#0000 45%,#030f0b8c 100%);position:absolute;inset:0}.kiosk-camera.is-matched{border-color:#f6c45380;box-shadow:0 0 0 1px #f6c45340,0 40px 80px -50px #000}.kiosk-frame{z-index:2;pointer-events:none;position:absolute;inset:0}.kiosk-corner{border:2px solid #f6c453bf;width:54px;height:54px;position:absolute}.kiosk-corner--tl{border-bottom:0;border-right:0;border-radius:10px 0 0;top:22px;left:22px}.kiosk-corner--tr{border-bottom:0;border-left:0;border-radius:0 10px 0 0;top:22px;right:22px}.kiosk-corner--bl{border-top:0;border-right:0;border-radius:0 0 0 10px;bottom:22px;left:22px}.kiosk-corner--br{border-top:0;border-left:0;border-radius:0 0 10px;bottom:22px;right:22px}.kiosk-oval{border:2px dashed #ffffff61;border-radius:50%;width:min(36%,300px);height:min(62%,400px);transition:border-color .2s,box-shadow .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #030f0b21}.kiosk-oval.is-locked{border-style:solid;border-color:#f6c453e6;box-shadow:0 0 0 9999px #030f0b2e,0 0 40px #f6c45340}.kiosk-cam-top{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}.kiosk-cam-top .camera-pill{position:static}.camera-pill--dark{color:#e9f5ef;background:#04130e9e;border-color:#ffffff24}.kiosk-cam-price{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071d168c;border:1px solid #ffffff24;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.kiosk-scan-hint{z-index:3;color:#e9f5ef;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071d16b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:10px 14px;font-size:12px;font-weight:500;animation:.2s fadeIn;display:flex;position:absolute;bottom:26px;left:50%;overflow:hidden;transform:translate(-50%)}.kiosk-scan-hint svg{color:var(--accent);flex-shrink:0}.kiosk-scan-hint.is-warn{color:#ffe3a1;background:#322300b8;border-color:#f6c45366}.kiosk-cam-error{z-index:4;color:#e7f2ec;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04130ed1;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;display:flex;position:absolute;inset:0}.kiosk-cam-error svg{color:var(--accent)}.kiosk-cam-error strong{font-size:16px}.kiosk-cam-error span{color:#a8c5b7;max-width:420px;font-size:11.5px;line-height:1.5}.kiosk-cam-error>div{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.kiosk-cam-dim{z-index:4;color:#e7f2ec;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04130ea8;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.kiosk-flash{z-index:5;color:#3d2a00;text-align:center;background:#f6c453f0;border-radius:10px;max-width:calc(100% - 32px);padding:9px 14px;font-size:11.5px;font-weight:600;animation:.2s flashIn;position:absolute;top:76px;left:50%;box-shadow:0 14px 30px -16px #000000b3}@keyframes flashIn{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.kiosk-below{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.kiosk-privacy-line{color:#7ca191;align-items:center;gap:6px;font-size:10px;display:inline-flex}.kiosk-privacy-line svg{color:#5d8a77}.kiosk-side{min-width:0;display:flex}.kiosk-panel{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(165deg,#ffffff13,#ffffff06);border:1px solid #ffffff17;border-radius:26px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:420px;padding:clamp(22px,3vw,36px);animation:.24s panelIn;display:flex;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -50px #000}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.kiosk-panel h2{letter-spacing:-.8px;color:#fff;margin-top:10px;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.15}.kiosk-panel>p{color:#a9c6b8;max-width:380px;margin-top:8px;font-size:12.5px;line-height:1.65}.kiosk-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:9.5px;font-weight:700}.kiosk-icon-badge{width:58px;height:58px;color:var(--accent);background:#f6c4531f;border:1px solid #f6c45338;border-radius:17px;place-items:center;margin-bottom:6px;display:grid}.kiosk-tips{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:360px;margin:18px 0 20px;padding:0;list-style:none;display:flex}.kiosk-tips li{color:#b9d0c5;background:#ffffff09;border:1px solid #ffffff0d;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:11.5px;display:flex}.kiosk-tips li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 3px #f6c4531f}.scan-radar{width:120px;height:120px;color:var(--accent);background:radial-gradient(circle,#f6c4531f,#0000 65%);border-radius:50%;place-items:center;margin-bottom:14px;display:grid;position:relative}.scan-radar-ring{border:1px solid #f6c4534d;border-radius:50%;animation:2.6s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}.scan-radar-ring--slow{border-color:#ffffff2e;animation-delay:1.3s}@keyframes ping{0%{opacity:.9;transform:scale(.55)}80%,to{opacity:0;transform:scale(1.15)}}.scan-radar--busy{color:#e7f2ec;background:radial-gradient(circle,#ffffff14,#0000 65%)}.kiosk-code{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:360px;margin-top:16px;display:flex}.kiosk-code-label{letter-spacing:.02em;color:#a9c6b8;font-size:10.5px;font-weight:600}.kiosk-code-input{color:#fff;width:100%;font-family:var(--mono);letter-spacing:4px;text-align:center;text-transform:uppercase;background:#00000040;border:1px solid #ffffff29;border-radius:13px;outline:none;padding:14px 16px;font-size:22px;font-weight:700;transition:border-color .15s,box-shadow .15s}.kiosk-code-input::placeholder{letter-spacing:2px;color:#54746a;font-weight:500}.kiosk-code-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #f6c4531f}.kiosk-code-error{color:#ffb5ad;font-size:11px}.kiosk-code-actions{gap:8px;margin-top:4px;display:flex}.kiosk-code-actions .btn{flex:1}.kiosk-panel--match{text-align:left;justify-content:flex-start;align-items:stretch;gap:0}.match-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.match-countdown{border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.match-countdown>span{width:34px;height:34px;color:var(--accent);font-variant-numeric:tabular-nums;background:#0b2a20;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.match-student{align-items:center;gap:14px;margin-top:18px;display:flex}.match-student>div:last-child{min-width:0}.match-student h2{letter-spacing:-.7px;margin:0;font-size:26px;line-height:1.2}.match-student p{color:#9cbdb0;margin-top:2px;font-size:11.5px}.match-student .avatar{border:2px solid #ffffff24;border-radius:20px;box-shadow:0 16px 30px -20px #000;width:88px!important;height:88px!important}.match-balances{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.match-balance{background:#ffffff0b;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:4px;padding:11px 13px;display:flex}.match-balance span{letter-spacing:.04em;text-transform:uppercase;color:#8fb2a2;align-items:center;gap:6px;font-size:10px;display:inline-flex}.match-balance span svg{color:#6f9a86}.match-balance strong{letter-spacing:-.4px;color:#fff;font-variant-numeric:tabular-nums;font-size:17px}.match-charge{background:#f6c45312;border:1px solid #f6c4532e;border-radius:14px;margin-top:12px;padding:13px 15px}.match-charge-row{color:#b9d1c5;justify-content:space-between;align-items:center;gap:12px;font-size:11.5px;display:flex}.match-charge-row+.match-charge-row{border-top:1px dashed #ffffff17;margin-top:7px;padding-top:7px}.match-charge-row strong{letter-spacing:-.3px;color:#fff;font-size:16px}.pay-source{letter-spacing:.02em;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700}.pay-source.is-plan{color:#9ac7f2;background:#5da0e129;border:1px solid #5da0e140}.pay-source.is-wallet{color:var(--accent);background:#f6c45324;border:1px solid #f6c45340}.match-after{color:#8fb2a2;margin:9px 0 0;font-size:10.5px}.kiosk-alert{color:#ffe3a1;background:#f6c4531a;border-color:#f6c45338;width:100%;margin-top:12px;font-size:11px}.match-actions{gap:9px;width:100%;margin-top:16px;display:flex}.match-actions .btn{flex:1}.match-actions .btn-accent{flex:1.5}.match-hint{color:#7fa393;text-align:center;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:10px;font-size:9.5px;display:flex}.kiosk-panel--success{background:linear-gradient(165deg,#1b8f652e,#ffffff06);border-color:#4ade8033}.success-badge{color:#032a1d;background:linear-gradient(145deg,#3ddc97,#149e6d);border-radius:50%;place-items:center;width:82px;height:82px;margin-bottom:16px;animation:.4s cubic-bezier(.2,.9,.3,1.2) successPop;display:grid;box-shadow:0 0 0 10px #3ddc9714,0 20px 40px -20px #3ddc9799}@keyframes successPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.success-eyebrow{color:#7ee2b4}.success-student{color:#a9c6b8;font-size:12px!important}.success-amount{color:#a9c6b8;background:#ffffff0d;border:1px solid #ffffff17;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:18px;padding:13px 15px;font-size:11.5px;display:flex}.success-amount strong{letter-spacing:-.4px;color:#fff;font-size:19px}.success-meta{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:9px;display:grid}.success-meta>div{background:#ffffff09;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:3px;padding:10px;display:flex}.success-meta span{letter-spacing:.05em;text-transform:uppercase;color:#7fa393;font-size:9px}.success-meta strong{color:#fff;white-space:nowrap;font-size:12px}.kiosk-continue{width:100%;margin-top:18px}.auto-note{color:#6f9483;margin-top:8px;font-size:9.5px}.kiosk-panel--error{background:linear-gradient(165deg,#c23b3224,#ffffff05);border-color:#ff968c29}.error-badge{color:#ff9d94;background:#c23b322e;border:1px solid #ff8c824d;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:14px;display:grid}.error-eyebrow{color:#ff9d94}.kiosk-error-message{max-width:360px;font-weight:600;color:#ffd6d2!important;margin-top:12px!important;font-size:14px!important;line-height:1.5!important}.kiosk-muted{color:#7fa393!important;margin-top:10px!important;font-size:11px!important;line-height:1.55!important}.kiosk-panel--error .btn{width:100%;margin-top:14px}.toast-stack{z-index:200;flex-direction:column;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;top:18px;right:18px}.toast{color:#eaf5ef;background:#0c2c22;border:1px solid #ffffff14;border-radius:11px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:11.5px;line-height:1.45;animation:.22s toastIn;display:flex;box-shadow:0 18px 40px -20px #0009}.toast svg{flex-shrink:0;margin-top:1px}.toast--success{background:#0e3d2c;border-color:#4ade8033}.toast--success svg{color:#7ee2b4}.toast--error{background:#3d1714;border-color:#ff968c33}.toast--error svg{color:#ff9d94}.toast--info{background:#13293d;border-color:#82b4ff33}.toast--info svg{color:#9ac7f2}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (width<=1280px){.page{padding:24px 24px 40px}.topbar{padding:14px 24px}}@media (width<=1180px){.hide-lg{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr)}.kiosk-main{grid-template-columns:minmax(0,1.2fr) minmax(340px,.9fr)}}@media (width<=1024px){.shell{grid-template-columns:1fr}.sidebar{z-index:60;width:270px;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:none}.sidebar-close{display:inline-flex}.sidebar-overlay{display:block}.menu-btn{display:inline-flex}.topbar{padding:12px 18px}.page{padding:20px 18px 36px}.dash-grid,.settings-layout,.kiosk-main{grid-template-columns:1fr}.kiosk-camera{flex:none;min-height:min(56vh,480px)}.kiosk-panel{min-height:0}.kiosk-staff,.kiosk-month{display:none}}@media (width<=900px){.hide-md{display:none}.login{grid-template-columns:1fr}.login-hero{padding:30px 24px 26px}.login-hero-inner{max-width:none}.login-brand{margin-bottom:20px}.login-hero h1{margin-bottom:8px;font-size:27px}.login-lead{font-size:12px}.login-features,.login-mock,.login-privacy{display:none}.login-panel{align-items:flex-start;padding:28px 20px 40px}.login-card{max-width:430px;margin:0 auto}.kiosk-top{flex-wrap:wrap;gap:12px}.kiosk-top-mid{margin-left:0}.kiosk-clock{display:none}.kiosk-top-right{margin-left:auto}.kiosk-camera{border-radius:22px}.enroll-layout{grid-template-columns:1fr}.camera-stage{max-height:360px}.settings-grid{grid-template-columns:1fr}}@media (width<=760px){.page-head h2{font-size:20px}.panel{border-radius:var(--radius);padding:16px}.settings-card{padding:16px}.chart{gap:7px;height:180px}.chart-legend{gap:9px}.filter-row .field{flex:calc(50% - 5px);width:auto}.filter-row .field--grow{flex-basis:100%}.filter-actions{width:100%}.filter-actions .btn{flex:1}.form-grid,.form-row{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:calc(100vh - 20px)}.modal-head{padding:18px 18px 12px}.modal-body{padding:16px 18px 20px}.drawer-body{padding:16px 16px 26px}.drawer-head{padding:16px}.wallet-grid{grid-template-columns:1fr}.face-grid{grid-template-columns:repeat(4,1fr)}.settings-actions{flex-direction:column;align-items:stretch}.settings-actions .btn{width:100%}.kiosk{padding:0 14px 18px}.kiosk-top{padding:12px 0}.kiosk-price-chip{padding:6px 9px;font-size:10.5px}.kiosk-brand strong{font-size:16px}.kiosk-brand span{font-size:9.5px}.kiosk-brand .brand-mark{width:38px;height:38px}.kiosk-camera{border-radius:20px;min-height:300px}.kiosk-corner{width:38px;height:38px}.kiosk-corner--tl,.kiosk-corner--tr{top:16px}.kiosk-corner--bl,.kiosk-corner--br{bottom:16px}.kiosk-corner--tl,.kiosk-corner--bl{left:16px}.kiosk-corner--tr,.kiosk-corner--br{right:16px}.kiosk-cam-top{top:12px;left:12px;right:12px}.kiosk-oval{width:44%;height:66%}.kiosk-scan-hint{font-size:11px;bottom:18px}.kiosk-panel{border-radius:20px;padding:22px 18px}.match-student h2{font-size:22px}.match-student .avatar{border-radius:16px;width:68px!important;height:68px!important}.success-meta{gap:6px}.success-meta>div{padding:8px}.success-meta strong{font-size:11px}}@media (width<=700px){.hide-sm{display:none}.only-mobile-inline{display:inline}.topbar-title p{display:none}.topbar-title h1{font-size:17px}.page{padding:16px 14px 32px}.topbar{padding:10px 14px}.stats-grid{gap:10px}.stat{min-height:118px;padding:13px 14px}.stat-value{font-size:20px}.stat-icon{width:30px;height:30px}.coverage-body{flex-direction:column;align-items:flex-start;gap:12px}.coverage-ring{width:104px;height:104px}.coverage-ring>div{width:78px;height:78px}.coverage-ring strong{font-size:21px}.panel-head{flex-wrap:wrap}.search-box{flex-basis:100%;min-width:0;max-width:none}.filter-chips{width:100%}.filter-chip{white-space:nowrap;flex:1}.page-head-actions{width:100%}.page-head-actions .btn{flex:1}.table-panel{padding:12px 10px 6px}.table th{padding:0 8px 8px}.table td{padding:10px 8px}.cell-student{gap:8px;min-width:130px}.table--students th:first-child,.table--students td:first-child{padding-left:2px}.face-grid{grid-template-columns:repeat(4,1fr)}.kiosk-top-mid{order:3;width:100%;margin-top:2px}.kiosk-top-right{margin-left:auto}.kiosk-main{gap:14px;padding-top:14px}.kiosk-below{justify-content:center}.kiosk-privacy-line,.kiosk-steps{display:none}.success-meta{grid-template-columns:1fr 1fr}.success-meta>div:last-child{grid-column:1/-1}}@media (width<=520px){.stats-grid{grid-template-columns:1fr}.table--students th:nth-child(3),.table--students td:nth-child(3),.table--students th:nth-child(5),.table--students td:nth-child(5){display:none}.table--students .cell-student{min-width:0}.stat{min-height:0}.stat-note{padding-top:6px}.chart{gap:5px;height:158px}.chart-col{gap:4px}.chart-value{font-size:9.5px}.chart-label{font-size:9px}.chart-legend{display:none}.demo-accounts-row{grid-template-columns:1fr}.kiosk-clock,.kiosk-brand span,.kiosk-top-mid{display:none}.kiosk-icon-btn{width:33px;height:33px}.kiosk-panel h2{font-size:23px}.match-balances{grid-template-columns:1fr}.match-actions{flex-direction:column-reverse}.match-actions .btn{width:100%}.match-student h2{font-size:20px}.kiosk-code-actions{flex-direction:column}.success-meta{grid-template-columns:1fr}.success-meta>div:last-child{grid-column:auto}.face-grid{grid-template-columns:repeat(3,1fr)}.drawer{width:100%}.drawer-head{padding:14px}.drawer-identity h2{font-size:15.5px}.face-tile,.face-add{border-radius:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}