:root,[data-theme=dark]{color-scheme:dark;--bg: #08090d;--bg-2: #0d0f15;--glow-1: rgba(109, 124, 255, .18);--glow-2: rgba(154, 92, 255, .16);--glow-3: rgba(50, 210, 200, .1);--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .065);--surface-solid: #14161e;--pop-bg: rgba(24, 26, 34, .97);--topbar-bg: rgba(8, 9, 13, .55);--hover: rgba(255, 255, 255, .055);--stroke: rgba(255, 255, 255, .09);--stroke-strong: rgba(255, 255, 255, .16);--fg: #f4f5fa;--fg-2: #c7cbd9;--muted: #8b90a4;--faint: #5d6275;--accent: #7b8cff;--accent-2: #a06bff;--accent-soft: rgba(123, 140, 255, .16);--grad-accent: linear-gradient(135deg, #7b8cff 0%, #a06bff 55%, #6f5bff 100%);--grad-stroke: linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.04) 45%, rgba(123,140,255,.3));--green: #43e08e;--green-bg: rgba(67, 224, 142, .13);--red: #ff5b6e;--red-bg: rgba(255, 91, 110, .13);--amber: #ffc24b;--amber-bg: rgba(255, 194, 75, .13);--blue: #5fa8ff;--blue-bg: rgba(95, 168, 255, .13);--shadow: 0 8px 22px -14px rgba(0, 0, 0, .55);--shadow-pop: 0 28px 70px -20px rgba(0, 0, 0, .8);--radius: 20px;--radius-sm: 13px;--radius-xs: 9px;--blur: 22px}[data-theme=light]{color-scheme:light;--bg: #eef0f6;--bg-2: #e6e9f2;--glow-1: rgba(109, 124, 255, .22);--glow-2: rgba(154, 92, 255, .18);--glow-3: rgba(50, 200, 190, .14);--surface: rgba(255, 255, 255, .62);--surface-2: rgba(255, 255, 255, .78);--surface-solid: #ffffff;--pop-bg: rgba(255, 255, 255, .98);--topbar-bg: rgba(238, 240, 246, .6);--hover: rgba(0, 0, 0, .035);--stroke: rgba(17, 22, 40, .1);--stroke-strong: rgba(17, 22, 40, .16);--fg: #14161d;--fg-2: #353a48;--muted: #6b7180;--faint: #9aa0b0;--accent: #5a64f0;--accent-2: #8b46f0;--accent-soft: rgba(90, 100, 240, .12);--grad-accent: linear-gradient(135deg, #5a64f0 0%, #8b46f0 60%, #5a64f0 100%);--grad-stroke: linear-gradient(135deg, rgba(255,255,255,.9), rgba(90,100,240,.18) 50%, rgba(139,70,240,.22));--green: #0f8f4f;--green-bg: rgba(18, 163, 90, .12);--red: #d62f44;--red-bg: rgba(226, 59, 80, .12);--amber: #8a5d09;--amber-bg: rgba(185, 130, 26, .16);--blue: #2f78e0;--blue-bg: rgba(47, 120, 224, .12);--shadow: 0 8px 22px -14px rgba(40, 50, 90, .22);--shadow-pop: 0 30px 70px -22px rgba(40, 50, 90, .38)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root,[data-theme=dark]{--surface: rgba(20,22,30,.95);--surface-2: rgba(26,28,38,.98)}[data-theme=light]{--surface: rgba(255,255,255,.95);--surface-2: rgba(255,255,255,.99)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.55 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Inter,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 600px at 12% -8%,var(--glow-1),transparent 60%),radial-gradient(800px 620px at 100% 8%,var(--glow-2),transparent 55%),radial-gradient(700px 700px at 50% 115%,var(--glow-3),transparent 60%),var(--bg);background-attachment:fixed}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 18%,rgba(123,140,255,.1) 33%,rgba(50,210,200,.08) 48%,rgba(255,90,160,.07) 60%,rgba(160,107,255,.1) 74%,transparent 90%);background-size:260% 260%;mix-blend-mode:screen;opacity:.6;animation:iridescence 22s ease-in-out infinite}[data-theme=light] body:after{mix-blend-mode:multiply;opacity:.4}@keyframes iridescence{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){body:after{animation:none}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--stroke-strong);border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}.center{display:grid;place-items:center;height:100%;color:var(--muted);gap:12px}.muted{color:var(--muted)}.faint{color:var(--faint)}.err{color:var(--red);font-size:13px}.ok-text{color:var(--green);font-size:13px}.mono{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:.92em}.right{margin-left:auto}.grow{flex:1;min-width:0}.nowrap{white-space:nowrap}.glass{background:var(--surface);backdrop-filter:blur(var(--blur)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.6);border:1px solid var(--stroke);position:relative}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--grad-stroke);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;pointer-events:none}.app{display:grid;grid-template-columns:248px 1fr;height:100%}.sidebar{background:var(--surface);backdrop-filter:url(#glass-distort) blur(var(--blur)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.6);border-right:1px solid var(--stroke);padding:16px 14px;display:flex;flex-direction:column;gap:3px;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 18px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--grad-accent);display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;box-shadow:0 8px 22px -6px var(--accent-2),inset 0 1px #fff6;flex-shrink:0}.brand-name{font-weight:700;font-size:16px;letter-spacing:.2px}.brand-role{color:var(--muted);font-size:11.5px;margin-top:1px}.nav-label{color:var(--faint);font-size:10.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:14px 10px 6px}.navitem{display:flex;align-items:center;gap:11px;text-align:left;background:none;border:0;color:var(--fg-2);padding:9px 11px;border-radius:var(--radius-xs);cursor:pointer;font-size:13.5px;font-weight:500;width:100%;transition:background .14s,color .14s}.navitem:hover{background:var(--hover);color:var(--fg)}.navitem.active{background:var(--accent-soft);color:var(--fg)}.navitem.active .navicon{color:var(--accent)}.navicon{width:18px;height:18px;flex-shrink:0;color:var(--muted)}.navitem .nav-badge{margin-left:auto;font-size:11px;color:var(--amber);background:var(--amber-bg);padding:1px 7px;border-radius:99px}.navspacer{flex:1;min-height:8px}.main{overflow:auto;height:100%}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:16px 28px 12px;background:transparent;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}.page-title{font-size:22px;font-weight:700;margin:0;letter-spacing:-.3px}.page-sub{color:var(--muted);font-size:13px;margin-top:2px}.content{padding:6px 28px 36px}.account{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 8px 6px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--stroke);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.account:hover{border-color:var(--stroke-strong)}.account .who{font-size:13px;font-weight:600;line-height:1.1}.account .bal{font-size:11.5px;color:var(--muted)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--grad-accent);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;box-shadow:inset 0 1px #fff6}.balance-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:var(--surface-2);border:1px solid var(--stroke);font-weight:700;font-size:14px;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));white-space:nowrap}.balance-pill .bp-ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--green-bg);color:var(--green)}.balance-pill .bp-ic svg{width:15px;height:15px}.balance-pill .counter{color:var(--green);letter-spacing:.2px}.counter{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums}.ctr-col{display:inline-block;height:1em;overflow:hidden;line-height:1}.ctr-roll{display:flex;flex-direction:column;transition:transform .65s cubic-bezier(.2,.85,.25,1)}.ctr-roll>span{height:1em;line-height:1;display:block}.ctr-sep{display:inline-block}@property --glow-a{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.glow{position:relative;isolation:isolate}.glow:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:inherit;padding:1.5px;z-index:-1;background:conic-gradient(from var(--glow-a),transparent 0%,var(--accent) 18%,var(--accent-2) 32%,transparent 50%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:glowspin 4.5s linear infinite;opacity:.9}@keyframes glowspin{to{--glow-a: 360deg}}@media(prefers-reduced-motion:reduce){.glow:before{animation:none}}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:var(--pop-bg);backdrop-filter:blur(26px) saturate(1.7);-webkit-backdrop-filter:blur(26px) saturate(1.7);border:1px solid var(--stroke-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);padding:7px;z-index:60;animation:selectIn .16s cubic-bezier(.2,1,.4,1)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;color:var(--fg-2);padding:9px 10px;border-radius:var(--radius-xs);font-size:13.5px;cursor:pointer}.menu-item:hover{background:var(--hover);color:var(--fg)}.menu-item.danger{color:var(--red)}.menu-sep{height:1px;background:var(--stroke);margin:6px 4px}.card{background:var(--surface);backdrop-filter:blur(var(--blur)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.6);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:18px;position:relative}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--grad-stroke);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-title{font-size:15px;font-weight:650;margin:0}.card-sub{color:var(--muted);font-size:12.5px;margin:4px 0 0}.card-head .right{display:flex;gap:8px;align-items:center}.stat-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-bottom:18px}.stat{background:var(--surface);backdrop-filter:blur(var(--blur)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.6);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:16px 17px;position:relative;overflow:hidden}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px;background:var(--accent-soft);color:var(--accent)}.stat-icon svg{width:18px;height:18px}.stat-val{font-size:27px;font-weight:750;letter-spacing:-.5px;line-height:1}.stat-label{color:var(--muted);font-size:12.5px;margin-top:6px}.stat.clickable{cursor:pointer;font:inherit;text-align:left;width:100%;transition:border-color .14s,transform .12s}.stat.clickable:hover{border-color:var(--stroke-strong);transform:translateY(-2px)}.stat.clickable.active{border-color:var(--accent);background:var(--accent-soft)}.stat .stat-go{vertical-align:middle;margin-left:4px;opacity:.5;transform:rotate(-90deg)}.stat.tint-green .stat-icon{background:var(--green-bg);color:var(--green)}.stat.tint-red .stat-icon{background:var(--red-bg);color:var(--red)}.stat.tint-amber .stat-icon{background:var(--amber-bg);color:var(--amber)}.stat.tint-blue .stat-icon{background:var(--blue-bg);color:var(--blue)}.row{display:flex;gap:11px;flex-wrap:wrap;align-items:flex-end}.col{display:flex;flex-direction:column;gap:11px}.grid{display:grid;gap:13px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:500}.field>span{padding-left:2px}input,select,textarea,.input{background:var(--surface-2);border:1px solid var(--stroke);color:var(--fg);border-radius:var(--radius-xs);padding:9px 12px;font-size:14px;outline:none;min-width:0;font-family:inherit;transition:border-color .14s,box-shadow .14s,background .14s}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#ffffffb3}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}textarea{resize:vertical;min-height:64px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b90a4' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.check{display:inline-flex;align-items:center;gap:8px;color:var(--fg-2);font-size:13.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{position:absolute;opacity:0;width:0;height:0}.check .box{width:19px;height:19px;border-radius:6px;border:1.5px solid var(--stroke-strong);background:var(--surface-2);display:grid;place-items:center;transition:all .14s}.check input:checked+.box{background:var(--grad-accent);border-color:transparent}.check input:checked+.box:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg) translateY(-1px)}.check input:focus-visible+.box{box-shadow:0 0 0 3.5px var(--accent-soft)}.switch{position:relative;display:inline-block;width:46px;height:27px;flex-shrink:0;cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--stroke-strong);border-radius:99px;transition:background .2s}.switch .track:before{content:"";position:absolute;height:21px;width:21px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .22s cubic-bezier(.3,1.3,.5,1);box-shadow:0 2px 6px #0000004d}.switch input:checked+.track{background:linear-gradient(135deg,var(--green),#2bbf78)}.switch input:checked+.track:before{transform:translate(19px)}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--stroke);border-radius:11px;padding:3px;gap:2px}.segmented button{border:0;background:none;color:var(--muted);padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .14s}.segmented button.active{background:var(--grad-accent);color:#fff;box-shadow:0 4px 12px -4px var(--accent-2)}.segmented button:not(.active):hover{color:var(--fg)}.select-widget{position:relative;width:100%;min-width:120px}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--stroke);color:var(--fg);border-radius:var(--radius-xs);padding:9px 12px;font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .14s,box-shadow .14s}[data-theme=light] .select-trigger{background:#ffffffb3}.select-trigger:hover{border-color:var(--stroke-strong)}.select-trigger.open{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}.select-trigger:disabled{opacity:.5;cursor:not-allowed}.select-placeholder{color:var(--faint)}.select-caret{color:var(--muted);flex-shrink:0;transition:transform .2s}.select-trigger.open .select-caret{transform:rotate(180deg)}.select-menu{z-index:1000;background:var(--pop-bg);backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7);border:1px solid var(--stroke-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);padding:6px;max-height:280px;overflow:auto;animation:selectIn .16s cubic-bezier(.2,1,.4,1)}.select-menu.up{animation:selectInUp .16s cubic-bezier(.2,1,.4,1)}.select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:none;border:0;color:var(--fg-2);padding:9px 10px;border-radius:var(--radius-xs);font-size:13.5px;font-family:inherit;cursor:pointer;transition:background .12s,color .12s}.select-option:hover{background:var(--hover);color:var(--fg)}.select-option.active{background:var(--accent-soft);color:var(--fg)}.select-option:disabled{opacity:.4;cursor:not-allowed}.select-option svg{color:var(--accent);flex-shrink:0}@keyframes selectIn{0%{opacity:0;transform:translateY(-6px) scale(.985)}}@keyframes selectInUp{0%{opacity:0;transform:translateY(6px) scale(.985)}}.form-grid{display:grid;gap:13px;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));align-items:end}.form-grid .field{min-width:0}.form-grid .btn{align-self:end}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}}@keyframes pageFade{0%{opacity:0}}.page-anim{animation:pageFade .25s ease}.page-anim>.card,.page-anim>.stat-grid{animation:pageIn .42s cubic-bezier(.2,.7,.3,1) both}.page-anim>*:nth-child(2){animation-delay:.05s}.page-anim>*:nth-child(3){animation-delay:.1s}.page-anim>*:nth-child(4){animation-delay:.15s}@media(prefers-reduced-motion:reduce){.page-anim,.page-anim>*,.select-menu,.menu,.modal{animation:none!important}}.hist{display:flex;align-items:flex-end;gap:3px;height:120px}.hist-bar{flex:1;background:var(--accent-soft);border-radius:4px 4px 0 0;min-height:3px;transition:height .35s cubic-bezier(.2,.8,.3,1)}.hist-bar.peak{background:var(--grad-accent)}.hist-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--faint);margin-top:6px}.loc-list{display:flex;flex-direction:column;gap:9px}.loc-row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:11px;font-size:13px}.loc-name{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.loc-name .mono{font-weight:500}.loc-bar{height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden}.loc-bar>span{display:block;height:100%;background:var(--grad-accent);border-radius:99px;transition:width .4s}.loc-n{font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.loc-n small{color:var(--faint);font-weight:500}.picker-label{font-size:12px;color:var(--muted);font-weight:500;margin-bottom:9px;display:flex;align-items:center;gap:8px}.product-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:268px;overflow:auto;padding:2px}.product-tile{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--stroke);cursor:pointer;text-align:left;transition:border-color .14s,background .14s,transform .12s;font:inherit;color:var(--fg)}.product-tile:hover{border-color:var(--stroke-strong);transform:translateY(-1px)}.product-tile.active{border-color:var(--accent);background:var(--accent-soft)}.product-tile .pt-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--grad-accent);color:#fff;font-weight:800;font-size:15px;flex-shrink:0;box-shadow:inset 0 1px #ffffff4d}.product-tile .pt-name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-tile .pt-sub{font-size:11.5px;color:var(--muted)}.product-tile.frozen .pt-mark{background:var(--surface);color:var(--muted);filter:grayscale(1)}.plan-chips{display:flex;flex-wrap:wrap;gap:9px}.plan-chip{display:flex;flex-direction:column;gap:3px;padding:10px 15px;border-radius:12px;background:var(--surface-2);border:1px solid var(--stroke);cursor:pointer;min-width:96px;transition:border-color .14s,background .14s,transform .12s;font:inherit;color:var(--fg);text-align:left}.plan-chip:hover{border-color:var(--stroke-strong);transform:translateY(-1px)}.plan-chip.active{border-color:var(--accent);background:var(--accent-soft)}.plan-chip .pc-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.plan-chip .pc-name{font-weight:600;font-size:13px}.plan-chip .pc-price{font-weight:700;color:var(--green);font-size:13px}.plan-chip .pc-meta{font-size:11.5px;color:var(--muted)}.plan-chip.dev .pc-price{color:var(--amber)}.search{position:relative;display:inline-flex;align-items:center;min-width:220px}.search svg{position:absolute;left:11px;width:16px;height:16px;color:var(--muted);pointer-events:none}.search input{padding-left:34px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;color:#fff;padding:9px 16px;border-radius:var(--radius-xs);cursor:pointer;font-size:13.5px;font-weight:600;font-family:inherit;white-space:nowrap;background:var(--grad-accent);box-shadow:0 8px 20px -8px var(--accent-2),inset 0 1px #ffffff40;transition:transform .12s,box-shadow .14s,opacity .14s,background .14s,border-color .14s}.btn svg{width:16px;height:16px}.btn:not(.ghost):not(.glass):not(.danger){position:relative;overflow:hidden}.btn:not(.ghost):not(.glass):not(.danger):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-130%);transition:transform .65s ease}.btn:not(.ghost):not(.glass):not(.danger):hover:after{transform:translate(130%)}@media(prefers-reduced-motion:reduce){.btn:after{display:none}}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px -8px var(--accent-2),inset 0 1px #ffffff4d}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn.glass{background:var(--surface-2);color:var(--fg);border-color:var(--stroke-strong);box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn.glass:hover{border-color:var(--accent);background:var(--hover)}.btn.ghost{background:transparent;color:var(--fg-2);border-color:var(--stroke);box-shadow:none}.btn.ghost:hover{background:var(--hover);color:var(--fg);border-color:var(--stroke-strong)}.btn.danger{background:transparent;color:var(--red);border-color:var(--red);box-shadow:none}.btn.danger:hover{background:var(--red);color:#fff}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn.icon{padding:7px}.btn.block{width:100%}.btn-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--stroke);position:sticky;top:0;z-index:2;background:var(--surface-solid)}tbody td{padding:11px 12px;border-bottom:1px solid var(--stroke);vertical-align:middle}tbody tr{transition:background .12s}tbody tr:hover td{background:var(--hover)}tbody tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:600;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{color:var(--green);background:var(--green-bg)}.badge.red{color:var(--red);background:var(--red-bg)}.badge.amber{color:var(--amber);background:var(--amber-bg)}.badge.blue{color:var(--blue);background:var(--blue-bg)}.badge.muted{color:var(--muted);background:var(--hover)}.badge.plain:before{display:none}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:8px;font-size:12px;background:var(--surface-2);border:1px solid var(--stroke);color:var(--fg-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;z-index:100;padding:20px;animation:fade .18s ease}.modal{width:100%;max-width:440px;background:var(--surface-2);backdrop-filter:blur(34px) saturate(1.8);-webkit-backdrop-filter:blur(34px) saturate(1.8);border:1px solid var(--stroke-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop);animation:pop .22s cubic-bezier(.2,1.1,.4,1);position:relative;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 40px)}.modal.wide{max-width:620px}.modal-head{padding:18px 20px 6px;flex:0 0 auto}.modal-title{font-size:17px;font-weight:700;margin:0}.modal-desc{color:var(--muted);font-size:13px;margin-top:4px}.modal-body{padding:14px 20px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;overflow:auto}.modal-foot{padding:14px 20px 18px;display:flex;gap:10px;justify-content:flex-end;flex:0 0 auto}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.97)}}.toast-host{position:fixed;bottom:22px;right:22px;display:flex;flex-direction:column;gap:10px;z-index:200}.toast{display:flex;align-items:center;gap:11px;min-width:250px;max-width:380px;background:var(--surface-2);backdrop-filter:blur(26px) saturate(1.7);-webkit-backdrop-filter:blur(26px) saturate(1.7);border:1px solid var(--stroke-strong);border-left-width:3px;border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);padding:13px 15px;font-size:13.5px;animation:slidein .26s cubic-bezier(.2,1.1,.4,1)}.toast.ok{border-left-color:var(--green)}.toast.err{border-left-color:var(--red)}.toast.info{border-left-color:var(--accent)}.toast .ic{width:18px;height:18px;flex-shrink:0}.toast.ok .ic{color:var(--green)}.toast.err .ic{color:var(--red)}.toast.info .ic{color:var(--accent)}@keyframes slidein{0%{opacity:0;transform:translate(24px)}}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--stroke-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty svg{width:34px;height:34px;color:var(--faint)}.skeleton{background:linear-gradient(90deg,var(--hover),var(--surface-2),var(--hover));background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:8px;height:14px}@keyframes shimmer{to{background-position:-200% 0}}.divider{height:1px;background:var(--stroke);margin:14px 0;border:0}.keylist{font-family:ui-monospace,monospace;font-size:13px;background:var(--surface-solid);border:1px solid var(--stroke);border-radius:var(--radius-xs);padding:13px;white-space:pre-wrap;word-break:break-all;max-height:240px;overflow:auto;line-height:1.7}.kv{display:grid;grid-template-columns:130px 1fr;gap:8px 14px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0}.code-pill{font-family:ui-monospace,monospace;background:var(--surface-2);border:1px solid var(--stroke);border-radius:7px;padding:2px 8px;font-size:12.5px;letter-spacing:1px}.howto{margin:0;padding-left:20px;display:grid;gap:8px;font-size:13px;color:var(--fg-2)}.howto li{line-height:1.55}.howto li::marker{color:var(--muted);font-weight:600}.login{display:grid;place-items:center;height:100%;padding:20px}.login-card{width:100%;max-width:380px;padding:30px 28px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:22px}.login-brand .brand-mark{width:52px;height:52px;border-radius:16px;font-size:26px}.login-brand h1{font-size:21px;margin:0;font-weight:700;background:linear-gradient(90deg,var(--fg),var(--accent) 50%,var(--fg));background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shineText 6s linear infinite}@keyframes shineText{to{background-position:200% center}}@media(prefers-reduced-motion:reduce){.login-brand h1{animation:none}}.login-brand p{color:var(--muted);font-size:13px;margin:2px 0 0}.otp-input{letter-spacing:9px;text-align:center;font-size:19px;font-family:ui-monospace,monospace}.hide-desktop,.nav-scrim{display:none}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:60;width:264px;max-width:84vw;height:100%;border-right:1px solid var(--stroke-strong);box-shadow:0 0 60px #00000080;transform:translate(-102%);transition:transform .26s cubic-bezier(.3,1,.4,1)}.sidebar.open{transform:none}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#04050980;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade .2s ease}.hide-desktop{display:inline-flex}.content,.topbar{padding-left:18px;padding-right:18px}}@media(max-width:560px){.topbar{padding:13px 14px 10px;gap:10px}.content{padding:4px 14px 30px}.page-title{font-size:19px}.page-sub{font-size:12px}.card{padding:15px;border-radius:17px;margin-bottom:14px}.card-head{flex-wrap:wrap}.card-head .right{flex-wrap:wrap;width:100%}.card-head .right>*{flex:1 1 auto}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:13px 14px}.loc-row{grid-template-columns:78px 1fr auto;gap:8px}.stat-val{font-size:22px}.search{min-width:0;width:100%}.account .who,.account .bal{display:none}.account{padding:5px}.modal{max-width:100%}.row{gap:9px}table{font-size:12.5px}thead th,tbody td{padding:9px}.toast-host{left:14px;right:14px;bottom:14px}.toast{min-width:0;max-width:none}}