:root{color-scheme:light;--v50:#F2F0FE;--v100:#E6E2FD;--v200:#CFC8FC;--v300:#AEA2F9;--v400:#8B7BF6;--v500:#6E5AF2;--v600:#5A44E0;--v700:#4A35BE;--v800:#3A2A93;--v900:#251C60;--m50:#E6FAF2;--m100:#C8F4E3;--m300:#6FE0BC;--m500:#12BF88;--m600:#0A9E6F;--m700:#087A56;--g50:#FFF7E6;--g100:#FFEBC2;--g300:#FFD36B;--g400:#FFC23D;--g500:#FBA918;--g600:#D8850A;--g700:#A15E05;--c50:#FEECEC;--c100:#FBD5D6;--c500:#F04452;--c600:#DC2B39;--c700:#B01B27;--s50:#E6F4FE;--s100:#C9E7FB;--s500:#1FA0E8;--s600:#0B7FC4;--s700:#0A6199;--n0:#FFFFFF;--n25:#FAFBFD;--n50:#F4F6FA;--n100:#EBEEF5;--n200:#DDE2EC;--n300:#C3CAD9;--n400:#98A1B5;--n500:#666F82;--n600:#4E5668;--n700:#383F4E;--n800:#262C38;--n900:#171B24;--n950:#0C0F15;--bg:var(--n50);--surface:var(--n0);--surface-hover:var(--n50);--surface-sunken:var(--n100);--surface-inverse:var(--n900);--border:var(--n200);--border-soft:var(--n100);--border-strong:var(--n300);--text:var(--n900);--text-secondary:var(--n600);--text-muted:var(--n500);--text-inverse:var(--n0);--primary:var(--v500);--primary-hover:var(--v600);--primary-active:var(--v700);--primary-ink:var(--v600);--primary-soft:var(--v50);--primary-soft-border:var(--v100);--success:var(--m500);--success-solid:var(--m700);--success-ink:var(--m700);--success-soft:var(--m50);--warning:var(--g400);--warning-solid:var(--g700);--warning-ink:var(--g700);--warning-soft:var(--g50);--danger:var(--c600);--danger-solid:var(--c600);--danger-ink:var(--c700);--danger-soft:var(--c50);--info:var(--s500);--info-solid:var(--s700);--info-ink:var(--s700);--info-soft:var(--s50);--reward-ink:var(--g700);--ring:rgba(110,90,242,.35);--ring-danger:rgba(220,43,57,.28);--grad-brand:linear-gradient(135deg,var(--v500) 0%,var(--v600) 100%);--grad-card:linear-gradient(140deg,var(--v500) 0%,#7A4BEC 50%,#8B3FD9 100%);--grad-reward:linear-gradient(135deg,var(--g300) 0%,var(--g500) 100%);--grad-mint:linear-gradient(135deg,var(--m300) 0%,var(--m600) 100%);--font-display:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--fs-display-xl:34px;--lh-display-xl:38px;--fs-display:28px;--lh-display:33px;--fs-h1:24px;--lh-h1:29px;--fs-h2:20px;--lh-h2:26px;--fs-h3:17px;--lh-h3:24px;--fs-body:16px;--lh-body:24px;--fs-sm:14px;--lh-sm:20px;--fs-caption:13px;--lh-caption:18px;--fs-over:11px;--lh-over:14px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--gutter:16px;--touch:44px;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-pill:999px;--sh-1:0 1px 2px rgba(12,15,21,.06), 0 1px 1px rgba(12,15,21,.04);--sh-2:0 2px 4px -1px rgba(12,15,21,.07), 0 6px 14px -4px rgba(12,15,21,.07);--sh-3:0 8px 24px -8px rgba(12,15,21,.16), 0 2px 6px -2px rgba(12,15,21,.07);--sh-4:0 28px 56px -16px rgba(12,15,21,.24);--sh-primary:0 8px 18px -8px rgba(110,90,242,.55);--sh-gold:0 8px 18px -8px rgba(251,169,24,.55);--t-fast:.12s;--t-base:.18s;--t-slow:.28s;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-pop:cubic-bezier(.34,1.56,.64,1);--z-nav:10;--z-sticky:20;--z-scrim:30;--z-sheet:40;--z-toast:50;--chart-1:var(--v500);--chart-grid:var(--border);--chart-ink:var(--text-muted)}:root[data-theme=dark]{color-scheme:dark;--bg:var(--n950);--surface:#171B24;--surface-hover:#1E2430;--surface-sunken:#11151D;--surface-inverse:var(--n0);--border:#2A313F;--border-soft:#20262F;--border-strong:#3B4353;--text:#F4F6FA;--text-secondary:#B9C0CF;--text-muted:#98A1B5;--text-inverse:var(--n950);--primary:var(--v500);--primary-hover:#7C6BF7;--primary-active:var(--v400);--primary-ink:#AEA2F9;--primary-soft:#1E1B3A;--primary-soft-border:#2E2A5C;--success-ink:#6FE0BC;--success-soft:#0D2A22;--warning-ink:var(--g300);--warning-soft:#2E220B;--danger-ink:#FF9BA1;--danger-soft:#2D1416;--info-ink:#8FD3F8;--info-soft:#0A2233;--reward-ink:var(--g300);--ring:rgba(124,107,247,.45);--sh-1:0 1px 2px rgba(0,0,0,.5);--sh-2:0 2px 6px rgba(0,0,0,.5), 0 8px 20px -8px rgba(0,0,0,.6);--sh-3:0 10px 30px -10px rgba(0,0,0,.7);--sh-4:0 30px 60px -20px rgba(0,0,0,.8);--chart-1:#8B7BF6}*,*:before,*:after{box-sizing:border-box}body{margin:0}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}.u-display-xl{font:800 var(--fs-display-xl)/var(--lh-display-xl) var(--font-display);letter-spacing:-.03em}.u-display{font:800 var(--fs-display)/var(--lh-display) var(--font-display);letter-spacing:-.025em}.u-h1{font:700 var(--fs-h1)/var(--lh-h1) var(--font-display);letter-spacing:-.02em}.u-h2{font:700 var(--fs-h2)/var(--lh-h2) var(--font-display);letter-spacing:-.015em}.u-h3{font:600 var(--fs-h3)/var(--lh-h3) var(--font-ui);letter-spacing:-.01em}.u-body{font:400 var(--fs-body)/var(--lh-body) var(--font-ui)}.u-sm{font:400 var(--fs-sm)/var(--lh-sm) var(--font-ui)}.u-caption{font:400 var(--fs-caption)/var(--lh-caption) var(--font-ui)}.u-over{font:700 var(--fs-over)/var(--lh-over) var(--font-ui);letter-spacing:.09em;text-transform:uppercase}.u-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.u-muted{color:var(--text-muted)}.u-secondary{color:var(--text-secondary)}.ico{width:22px;height:22px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ico-sm{width:18px;height:18px}.ico-lg{width:28px;height:28px}.ico-xl{width:40px;height:40px;stroke-width:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch);padding:0 18px;border:1px solid transparent;border-radius:var(--r-md);font:600 15px/1 var(--font-ui);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--t-fast) var(--ease-out),box-shadow var(--t-fast),transform var(--t-fast),border-color var(--t-fast);-webkit-tap-highlight-color:transparent}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn[disabled],.btn.is-disabled{opacity:.42;pointer-events:none;box-shadow:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--sh-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-tonal{background:var(--primary-soft);color:var(--primary-ink);border-color:var(--primary-soft-border)}.btn-tonal:hover{border-color:var(--primary)}.btn-outline{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-outline:hover{background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--danger-solid);color:#fff}.btn-success{background:var(--success-solid);color:#fff}.btn-reward{background:var(--grad-reward);color:var(--n950);font-weight:700;box-shadow:var(--sh-gold)}.btn-dark{background:var(--n950);color:#fff}.btn-sm{min-height:36px;padding:0 12px;font-size:13.5px;border-radius:var(--r-sm);gap:6px}.btn-lg{min-height:52px;padding:0 24px;font-size:16.5px;border-radius:var(--r-lg)}.btn-block{width:100%}.btn-pill{border-radius:var(--r-pill)}.btn-icon{width:var(--touch);padding:0}.btn-icon.btn-sm{width:36px}.fab{width:58px;height:58px;border:0;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:var(--sh-primary),var(--sh-2);cursor:pointer}.spinner{width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:block;margin-bottom:var(--sp-4)}.label{display:block;font:600 13px/1.4 var(--font-ui);color:var(--text-secondary);margin-bottom:6px}.label .opt{font-weight:400;color:var(--text-muted)}.label .req{color:#e11d48}.input,.textarea,.select{width:100%;min-height:48px;padding:12px 14px;font:400 16px/1.4 var(--font-ui);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.input:disabled,.select:disabled{background:var(--surface-sunken);color:var(--text-muted);cursor:not-allowed}.textarea{min-height:104px;resize:vertical;line-height:1.5}.hint{font:400 12.5px/1.45 var(--font-ui);color:var(--text-muted);margin-top:6px}.err{display:flex;gap:6px;align-items:center;font:500 12.5px/1.4 var(--font-ui);color:var(--danger-ink);margin-top:6px}.field.is-error .input,.field.is-error .textarea{border-color:var(--danger-solid)}.field.is-error .input:focus{box-shadow:0 0 0 3px var(--ring-danger)}.select-wrap{position:relative}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;cursor:pointer}.select-wrap>.ico{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.input-group{display:flex;align-items:stretch}.input-group .addon{display:flex;align-items:center;padding:0 12px;background:var(--surface-sunken);border:1px solid var(--border);border-right:0;border-radius:var(--r-md) 0 0 var(--r-md);font:500 15px/1 var(--font-ui);color:var(--text-secondary);white-space:nowrap}.input-group .input{border-radius:0 var(--r-md) var(--r-md) 0}.input-search{position:relative}.input-search .ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.input-search .input{padding-left:42px}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:20px;height:20px;margin:0;cursor:pointer}.check{display:flex;gap:10px;align-items:flex-start;min-height:var(--touch);padding:4px 0;cursor:pointer;font:400 15px/1.4 var(--font-ui)}.check .sub{display:block;font-size:13px;color:var(--text-muted);margin-top:2px}.switch{display:inline-flex;align-items:center;gap:12px;min-height:var(--touch);cursor:pointer;font:500 15px/1.3 var(--font-ui)}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:46px;height:28px;flex:0 0 auto;padding:3px;border-radius:var(--r-pill);background:var(--n300);transition:background var(--t-base) var(--ease-out)}:root[data-theme=dark] .switch .track{background:var(--border-strong)}.switch .track:after{content:"";display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform var(--t-base) var(--ease-out)}.switch input:checked+.track{background:var(--primary)}.switch input:checked+.track:after{transform:translate(18px)}.switch input:focus-visible+.track{outline:2px solid var(--primary);outline-offset:2px}.segmented{display:flex;gap:2px;padding:3px;background:var(--surface-sunken);border-radius:var(--r-md)}.segmented button{flex:1;min-height:38px;border:0;background:transparent;border-radius:calc(var(--r-md) - 3px);font:600 14px/1 var(--font-ui);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.segmented button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--sh-1)}.stepper{display:inline-flex;align-items:center;gap:4px;background:var(--surface-sunken);border-radius:var(--r-md);padding:4px}.stepper button{width:38px;height:38px;border:0;border-radius:var(--r-sm);background:var(--surface);color:var(--text);box-shadow:var(--sh-1);display:grid;place-items:center;cursor:pointer}.stepper .val{min-width:44px;text-align:center;font:700 17px/1 var(--font-display);font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 13px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);font:500 13.5px/1 var(--font-ui);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.chip:hover{border-color:var(--border-strong)}.chip.is-on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-ink);font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font:600 12px/1.5 var(--font-ui);white-space:nowrap}.badge-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.badge-brand{background:var(--primary-soft);color:var(--primary-ink)}.badge-ok{background:var(--success-soft);color:var(--success-ink)}.badge-warn{background:var(--warning-soft);color:var(--warning-ink)}.badge-bad{background:var(--danger-soft);color:var(--danger-ink)}.badge-info{background:var(--info-soft);color:var(--info-ink)}.badge-gold{background:var(--grad-reward);color:var(--n950)}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--text-muted)}.dot-ok{background:var(--success)}.dot-warn{background:var(--warning)}.dot-bad{background:var(--danger-solid)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.card-raised{border-color:transparent;box-shadow:var(--sh-2)}.card-flat{box-shadow:none}.card-head{display:flex;align-items:center;gap:12px;padding:var(--sp-4) var(--sp-4) 0}.card-head .u-h3{flex:1;min-width:0}.card-body{padding:var(--sp-4)}.card-foot{padding:0 var(--sp-4) var(--sp-4);display:flex;gap:8px}.sec-head{display:flex;align-items:baseline;gap:8px;margin:var(--sp-6) 0 var(--sp-2)}.sec-head .u-over{color:var(--text-muted);flex:1}.divider{height:1px;background:var(--border);border:0;margin:var(--sp-4) 0}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.row{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px var(--sp-4);border-top:1px solid var(--border-soft);text-decoration:none;color:inherit}.row:first-child{border-top:0}a.row,.row.is-tappable{cursor:pointer;transition:background var(--t-fast)}a.row:hover,.row.is-tappable:hover{background:var(--surface-hover)}.row-lead{width:40px;height:40px;flex:0 0 auto;border-radius:var(--r-md);display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink)}.row-lead.is-gold{background:var(--warning-soft);color:var(--warning-ink)}.row-lead.is-ok{background:var(--success-soft);color:var(--success-ink)}.row-lead.is-plain{background:var(--surface-sunken);color:var(--text-secondary)}.row-main{flex:1;min-width:0}.row-title{display:block;font:600 15px/1.3 var(--font-ui);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{display:block;font:400 13px/1.4 var(--font-ui);color:var(--text-muted);margin-top:2px}.row-trail{display:flex;align-items:center;gap:8px;font:600 15px/1 var(--font-ui);color:var(--text);font-variant-numeric:tabular-nums}.row-trail .ico{color:var(--text-muted)}.row-trail .pos{color:var(--success-ink)}.row-trail .neg{color:var(--danger-ink)}.stat{padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}.stat-label{font:700 var(--fs-over)/var(--lh-over) var(--font-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.stat-value{font:800 26px/1.1 var(--font-display);letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:8px;color:var(--text)}.stat-value small{font-size:15px;font-weight:600;color:var(--text-muted);letter-spacing:0}.stat-delta{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font:600 12.5px/1 var(--font-ui);white-space:nowrap}.stat-delta.up{color:var(--success-ink)}.stat-delta.down{color:var(--danger-ink)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:var(--sp-3)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.table{width:100%;border-collapse:separate;border-spacing:0;font:400 14px/1.4 var(--font-ui)}.table th{position:sticky;top:0;background:var(--surface);text-align:left;font:700 11.5px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:13px 14px;border-bottom:1px solid var(--border-soft);color:var(--text-secondary)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-hover)}.table td.strong{color:var(--text);font-weight:600}.table .num{text-align:right;font-variant-numeric:tabular-nums}.sk{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--border-soft) 37%,var(--surface-sunken) 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.sk-text{height:12px;margin:6px 0}.sk-circle{border-radius:50%}.empty{text-align:center;padding:var(--sp-8) var(--sp-5)}.empty .art{width:64px;height:64px;margin:0 auto var(--sp-4);border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink)}.empty p{margin:6px 0 var(--sp-5);color:var(--text-muted);font:400 14px/1.5 var(--font-ui)}.appbar{position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;gap:8px;min-height:56px;padding:0 8px;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.6);backdrop-filter:blur(12px) saturate(1.6);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top)}.appbar-title{flex:1;min-width:0;font:700 17px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-title small{display:block;font:400 12px/1.3 var(--font-ui);color:var(--text-muted);letter-spacing:0}.appbar .btn-ghost{color:var(--text)}.tabbar{position:sticky;bottom:0;z-index:var(--z-nav);display:flex;align-items:flex-end;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:56px;padding:9px 0 8px;text-decoration:none;font:600 10.5px/1.2 var(--font-ui);color:var(--text-muted)}.tabbar a.is-active{color:var(--primary-ink)}.tabbar .tab-fab{flex:0 0 auto;padding:0 10px;transform:translateY(-14px)}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{border:0;background:none;padding:12px 4px;margin:0 8px;cursor:pointer;white-space:nowrap;font:600 14.5px/1 var(--font-ui);color:var(--text-muted);border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--primary)}.sidebar{width:236px;flex:0 0 auto;background:var(--surface);border-right:1px solid var(--border);padding:var(--sp-3);display:flex;flex-direction:column;gap:2px}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:10px 8px var(--sp-4)}.sidebar a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:var(--r-md);text-decoration:none;font:500 14.5px/1 var(--font-ui);color:var(--text-secondary)}.sidebar a:hover{background:var(--surface-hover);color:var(--text)}.sidebar a.is-active{background:var(--primary-soft);color:var(--primary-ink);font-weight:600}.sidebar .spacer{flex:1}.logo{width:34px;height:34px;border-radius:10px;background:url(/icon.svg) center/contain no-repeat;color:transparent;font-size:0}.alert{display:flex;gap:11px;padding:12px 14px;border-radius:var(--r-md);border:1px solid;font:400 13.5px/1.45 var(--font-ui)}.alert b{display:block;font-weight:600;font-size:14px;margin-bottom:2px}.alert .ico{margin-top:1px}.alert-info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,transparent);color:var(--info-ink)}.alert-ok{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 30%,transparent);color:var(--success-ink)}.alert-warn{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 40%,transparent);color:var(--warning-ink)}.alert-bad{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger-solid) 30%,transparent);color:var(--danger-ink)}.toast{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:var(--r-lg);background:var(--surface-inverse);color:var(--bg);box-shadow:var(--sh-3);font:500 14px/1.3 var(--font-ui);max-width:420px}.toast .ico{color:var(--m300)}.toast button{margin-left:auto;background:none;border:0;color:inherit;font:600 13.5px/1 var(--font-ui);cursor:pointer;opacity:.75}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-scrim);background:#0c0f1580;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-4);padding:var(--sp-5);width:min(400px,calc(100% - 32px))}.dialog h3{margin:0 0 6px;font:700 19px/1.3 var(--font-display);letter-spacing:-.015em}.dialog p{margin:0 0 var(--sp-5);color:var(--text-secondary);font:400 14.5px/1.5 var(--font-ui)}.dialog-actions{display:flex;gap:10px}.dialog-actions .btn{flex:1}.sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-4);padding:var(--sp-2) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom))}.grabber{width:38px;height:4px;border-radius:2px;background:var(--border-strong);margin:0 auto var(--sp-4)}.progress{height:8px;background:var(--surface-sunken);border-radius:var(--r-pill);overflow:hidden}.progress>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--grad-brand);transition:width var(--t-slow) var(--ease-out)}.progress.is-gold>i{background:var(--grad-reward)}.balance{display:flex;align-items:baseline;gap:8px}.balance .n{font:800 44px/1 var(--font-display);letter-spacing:-.035em;font-variant-numeric:tabular-nums}.balance .u{font:600 15px/1 var(--font-ui);opacity:.8}.ring{--p:0;--ring-size:132px;width:var(--ring-size);height:var(--ring-size);position:relative;display:grid;place-items:center}.ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p)*1%),var(--surface-sunken) 0);mask:radial-gradient(farthest-side,transparent calc(100% - 11px),#000 calc(100% - 10px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 11px),#000 calc(100% - 10px))}.ring.is-gold:before{background:conic-gradient(var(--g500) calc(var(--p)*1%),var(--surface-sunken) 0)}.ring-in{text-align:center;z-index:1}.ring-in .n{display:block;font:800 30px/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text)}.ring-in .l{display:block;font:600 11px/1.3 var(--font-ui);color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.stamps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stamp{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1.5px dashed var(--border-strong);color:var(--text-muted);font:700 13px/1 var(--font-display)}.stamp.is-filled{border:0;background:var(--grad-reward);color:var(--n950);box-shadow:var(--sh-gold)}.stamp.is-next{border-style:solid;border-color:var(--primary);color:var(--primary-ink);background:var(--primary-soft);animation:breathe 2.4s var(--ease-in-out) infinite}@keyframes breathe{50%{transform:scale(1.06)}}.reward{display:flex;align-items:center;gap:13px;padding:14px;border-radius:var(--r-lg);background:var(--grad-reward);color:var(--n950);box-shadow:var(--sh-gold)}.reward .art{width:42px;height:42px;flex:0 0 auto;border-radius:var(--r-md);background:#ffffff59;display:grid;place-items:center}.reward .t{display:block;font:700 15px/1.25 var(--font-display)}.reward .s{display:block;font:500 12.5px/1.35 var(--font-ui);opacity:.8;margin-top:2px}.reward-soft{background:var(--warning-soft);color:var(--warning-ink);box-shadow:none;border:1px solid color-mix(in srgb,var(--warning) 35%,transparent)}.reward-soft .art{background:color-mix(in srgb,var(--warning) 30%,transparent)}.streak{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-pill);background:#ffffff2e;font:700 12.5px/1 var(--font-ui)}.pop{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--r-pill);background:var(--grad-mint);color:var(--n950);font:800 15px/1 var(--font-display);animation:pop-up 1.6s var(--ease-out) infinite}@keyframes pop-up{0%{transform:translateY(6px) scale(.9);opacity:0}25%{transform:translateY(0) scale(1);opacity:1}75%{opacity:1}to{transform:translateY(-14px);opacity:0}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-14px;width:7px;height:12px;border-radius:2px;animation:fall 2.6s linear infinite}.confetti i:nth-child(4n+1){background:var(--v400)}.confetti i:nth-child(4n+2){background:var(--g400)}.confetti i:nth-child(4n+3){background:var(--m300)}.confetti i:nth-child(4n){background:var(--c500)}@keyframes fall{to{transform:translateY(680px) rotate(540deg)}}.tier{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-ink);font:700 12px/1 var(--font-ui)}.tier .ico{color:var(--g500)}.wcard{width:100%;max-width:330px;border-radius:var(--r-xl);overflow:hidden;background:var(--card-bg,var(--grad-card));color:var(--card-fg,#fff);box-shadow:var(--sh-3)}.wcard-head{display:flex;align-items:center;gap:10px;padding:13px 15px 0}.wcard-head .mark{width:32px;height:32px;border-radius:9px;background:#fff3;display:grid;place-items:center}.wcard-head .nm{font:700 14.5px/1.2 var(--font-display);flex:1;min-width:0}.wcard-hero{padding:14px 15px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.wcard-body{background:var(--card-bg,var(--surface));color:var(--card-fg,var(--text));padding:var(--sp-4)}.wcard-strip{display:flex;gap:8px;flex-wrap:wrap}.qr{width:154px;aspect-ratio:1;padding:7px;background:#fff;border-radius:var(--r-md);display:grid;grid-template-columns:repeat(21,1fr);box-shadow:var(--sh-1)}.qr i{background:#0c0f15}.qr i.o{background:transparent}.qr-block{display:flex;flex-direction:column;align-items:center;gap:10px}.qr-token{font:500 12px/1 var(--font-mono);color:var(--text-muted);letter-spacing:.06em}.viewfinder{position:relative;aspect-ratio:1;border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#2a313f,#0c0f15 70%)}.viewfinder .frame{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:var(--r-lg)}.viewfinder .frame span{position:absolute;width:30px;height:30px;border:3px solid var(--m300)}.viewfinder .frame span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:12px 0 0}.viewfinder .frame span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 12px 0 0}.viewfinder .frame span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 12px}.viewfinder .frame span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 12px}.viewfinder .scan{position:absolute;left:16%;right:16%;height:2px;background:var(--m300);box-shadow:0 0 12px var(--m500);animation:scan 2.2s var(--ease-in-out) infinite}@keyframes scan{0%,to{top:18%}50%{top:80%}}.viewfinder .hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#fffc;margin:0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{min-height:56px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-md);font:600 22px/1 var(--font-display);color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums}.keypad button:active{background:var(--surface-sunken)}.keypad button.is-soft{background:var(--surface-sunken);font-size:18px}.amount-display{text-align:center;padding:var(--sp-5) 0;font:800 42px/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text)}.amount-display .cur{font-size:24px;color:var(--text-muted);margin-left:4px}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.app-main{flex:1;min-height:0;overflow-y:auto}.page{width:100%;max-width:480px;margin:0 auto;padding:var(--sp-4) var(--gutter) var(--sp-8)}.page-wide{max-width:1120px}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.stack-lg{gap:var(--sp-5)}.hstack{display:flex;align-items:center;gap:var(--sp-2)}.sticky-actions{position:sticky;bottom:0;padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.shell{display:flex;min-height:100%;background:var(--bg)}@media(max-width:899px){.shell>.sidebar{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background:var(--bg);color:var(--text);font:400 var(--fs-body)/var(--lh-body) var(--font-ui);-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.app{height:100dvh}.app-main{display:flex;flex-direction:column}.app-main>.page{flex:1 0 auto}.app-main>.sticky-actions{flex:0 0 auto;padding-bottom:calc(var(--sp-5) + env(safe-area-inset-bottom))}.page.is-centered{display:flex;flex-direction:column;justify-content:center}@media(min-width:900px){.tabbar{display:none}}.viewfinder video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.qr-img{width:154px;padding:7px;background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-1)}.file-input{width:0;height:0;opacity:0;flex:0 0 auto}.btn:focus-within{outline:2px solid var(--primary);outline-offset:2px}