@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap");:root{--bg:oklch(98.6% 0.003 80);--bg-elev:oklch(100% 0 0);--surface:oklch(100% 0 0);--surface-2:oklch(97.5% 0.004 80);--surface-hi:oklch(95.5% 0.005 80);--border:oklch(91% 0.005 80);--border-2:oklch(94% 0.004 80);--text:oklch(22% 0.01 260);--text-muted:oklch(50% 0.012 260);--text-dim:oklch(63% 0.01 260);--accent:oklch(54% 0.20 268);--accent-2:oklch(60% 0.18 268);--accent-soft:oklch(95% 0.04 268);--accent-fg:oklch(99% 0 0);--success:oklch(58% 0.14 155);--success-soft:oklch(94% 0.05 155);--warning:oklch(68% 0.16 75);--warning-soft:oklch(95% 0.07 75);--danger:oklch(58% 0.21 25);--danger-soft:oklch(95% 0.05 25);--info:oklch(60% 0.13 230);--info-soft:oklch(95% 0.04 230);--ring:oklch(54% 0.20 268/0.35);--shadow-sm:0 1px 0 0 oklch(20% 0.01 260/0.04),0 1px 2px 0 oklch(20% 0.01 260/0.05);--shadow-md:0 2px 4px -1px oklch(20% 0.01 260/0.06),0 4px 12px -2px oklch(20% 0.01 260/0.08);--shadow-lg:0 8px 24px -4px oklch(20% 0.01 260/0.12),0 16px 48px -8px oklch(20% 0.01 260/0.16)}.dark{--bg:oklch(14% 0.008 265);--bg-elev:oklch(16% 0.009 265);--surface:oklch(17.5% 0.01 265);--surface-2:oklch(20% 0.012 265);--surface-hi:oklch(23% 0.014 265);--border:oklch(26% 0.012 265);--border-2:oklch(22% 0.012 265);--text:oklch(96% 0.004 80);--text-muted:oklch(70% 0.012 265);--text-dim:oklch(54% 0.012 265);--accent:oklch(70% 0.18 268);--accent-2:oklch(75% 0.16 268);--accent-soft:oklch(28% 0.07 268);--accent-fg:oklch(15% 0.01 268);--success:oklch(72% 0.16 155);--success-soft:oklch(26% 0.06 155);--warning:oklch(78% 0.16 75);--warning-soft:oklch(28% 0.07 75);--danger:oklch(70% 0.20 25);--danger-soft:oklch(28% 0.08 25);--info:oklch(72% 0.14 230);--info-soft:oklch(26% 0.06 230);--ring:oklch(70% 0.18 268/0.4);--shadow-sm:0 1px 0 0 oklch(0% 0 0/0.3),0 1px 2px 0 oklch(0% 0 0/0.4);--shadow-md:0 2px 4px -1px oklch(0% 0 0/0.4),0 4px 12px -2px oklch(0% 0 0/0.5);--shadow-lg:0 8px 24px -4px oklch(0% 0 0/0.5),0 16px 48px -8px oklch(0% 0 0/0.6)}*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}.mono{font-family:Geist Mono,ui-monospace,monospace;font-feature-settings:"tnum"}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.app{display:grid;grid-template-columns:232px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid var(--border-2)}.brand-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),oklch(50% .22 295));display:grid;place-items:center;color:var(--accent-fg);font-weight:700;font-size:13px;box-shadow:inset 0 -1px 0 oklch(0 0 0/.2),0 0 0 1px oklch(50% .2 268/.3)}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:13.5px}.brand-sub{font-size:10.5px;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.sidebar-search{margin:12px 12px 4px;display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;color:var(--text-muted);font-size:12.5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-search:hover{border-color:var(--border);background:var(--surface-hi);color:var(--text)}.sidebar-search .kbd{margin-left:auto;display:inline-flex;gap:2px}.kbd-key{font-family:Geist Mono,monospace;font-size:10px;padding:1px 5px;border-radius:4px;background:var(--surface-hi);border:1px solid var(--border);color:var(--text-muted)}.nav{padding:10px 8px;overflow-y:auto;flex:1 1;min-height:0}.nav-section{margin-top:10px}.nav-label{padding:8px 10px 4px;font-size:10.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.nav-item{display:flex;align-items:center;gap:10px;padding:6.5px 10px;border-radius:6px;font-size:13px;color:var(--text-muted);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface-hi);color:var(--text);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px}.nav-item .nav-icon{width:15px;height:15px;opacity:.85;flex-shrink:0}.nav-item .nav-badge{margin-left:auto;font-family:Geist Mono,monospace;font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--danger-soft);color:var(--danger);font-weight:500}.nav-item.active .nav-icon{opacity:1;color:var(--accent)}.sidebar-foot{border-top:1px solid var(--border-2);padding:10px;display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,oklch(70% .12 25),oklch(65% .14 60));display:grid;place-items:center;color:white;font-weight:600;font-size:11px;flex-shrink:0}.avatar-sm{width:22px;height:22px;font-size:10px}.avatar-md{width:34px;height:34px;font-size:12px}.avatar-lg{width:44px;height:44px;font-size:14px}.avatar-xl{width:56px;height:56px;font-size:18px}.user-info{flex:1 1;min-width:0}.user-info .nm{font-size:12.5px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info .rl{font-size:11px;color:var(--text-dim)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg);overflow:hidden}.topbar{height:52px;gap:12px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-elev);position:-webkit-sticky;position:sticky;top:0;z-index:20;flex-shrink:0}.crumbs,.topbar{display:flex;align-items:center}.crumbs{gap:6px;font-size:12.5px;color:var(--text-muted)}.crumbs .sep{color:var(--text-dim)}.crumbs .cur{color:var(--text);font-weight:500}.topbar .spacer{flex:1 1}.iconbtn{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;color:var(--text-muted);cursor:pointer;background:transparent;border:1px solid transparent;flex-shrink:0}.iconbtn:hover{background:var(--surface-2);color:var(--text)}.iconbtn.has-notif{position:relative}.iconbtn.has-notif:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-elev)}.env-pill{display:inline-flex;align-items:center;gap:6px;padding:3.5px 8px;border-radius:5px;background:var(--warning-soft);color:var(--warning);font-size:11px;font-weight:500;letter-spacing:.02em}.env-pill .dot{width:5px;height:5px;border-radius:50%;background:var(--warning)}.env-pill.prod{background:var(--success-soft);color:var(--success)}.env-pill.prod .dot{background:var(--success)}.page{flex:1 1;overflow-y:auto;padding:24px 28px 64px;min-height:0}.page.no-pad{padding:0}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head .titles{flex:1 1;min-width:0}.page-head h1{font-size:21px;font-weight:600;letter-spacing:-.015em;margin:0}.page-head .sub{color:var(--text-muted);font-size:13px;margin-top:4px}.page-head .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:7px;padding:6.5px 12px;border-radius:6px;font-size:12.5px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,transform .04s ease;font-family:inherit}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:oklch(45% .22 268);box-shadow:inset 0 1px 0 oklch(100% 0 0/.18),0 1px 2px oklch(0 0 0/.2)}.btn.primary:hover{background:var(--accent-2)}.btn.danger{background:var(--danger);color:white;border-color:oklch(50% .22 25)}.btn.danger.ghost{background:transparent;color:var(--danger);border-color:var(--border)}.btn.danger.ghost:hover{background:var(--danger-soft);border-color:var(--danger)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{padding:4.5px 9px;font-size:11.5px;gap:5px}.btn.xs{padding:3px 7px;font-size:11px;gap:4px;border-radius:5px}.btn .ico{width:13px;height:13px;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:9px;overflow:hidden}.card-pad{padding:16px 18px}.card-head{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border-2)}.card-head h3{margin:0;font-size:13px;font-weight:600;letter-spacing:-.005em}.card-head .desc{font-size:12px;color:var(--text-muted)}.card-head .spacer{flex:1 1}.card-foot{padding:10px 18px;border-top:1px solid var(--border-2);display:flex;align-items:center;gap:10px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:14px 16px;position:relative;overflow:hidden}.kpi .label{font-size:11.5px;color:var(--text-muted);letter-spacing:.02em;display:flex;align-items:center;gap:6px}.kpi .v{font-family:Geist Mono,monospace;font-feature-settings:"tnum";font-size:24px;font-weight:500;margin-top:6px;letter-spacing:-.02em;color:var(--text)}.kpi .v small{font-size:13px;color:var(--text-muted);font-weight:400;margin-left:1px}.kpi .delta{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11.5px}.kpi .delta.up{color:var(--success)}.kpi .delta.down{color:var(--danger)}.kpi .spark{position:absolute;right:12px;top:14px;opacity:.75}.kpi.alert{border-color:oklch(60% .2 25/.4)}.kpi.alert .label{color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:500;border-radius:999px;background:var(--surface-hi);color:var(--text);border:1px solid var(--border);white-space:nowrap}.badge .dot{width:5px;height:5px;border-radius:50%;background:var(--text-dim)}.badge.success{background:var(--success-soft);color:var(--success);border-color:transparent}.badge.success .dot{background:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.badge.warning .dot{background:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.badge.danger .dot{background:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info);border-color:transparent}.badge.info .dot{background:var(--info)}.badge.muted{background:var(--surface-hi);color:var(--text-muted);border-color:transparent}.badge.muted .dot{background:var(--text-dim)}.badge.accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.badge.accent .dot{background:var(--accent)}.badge.solid-danger{background:var(--danger);color:white;border-color:transparent}.badge.tier-gold{background:oklch(95% .07 85);color:oklch(45% .12 75);border-color:oklch(80% .1 85/.5)}.badge.tier-silver{background:oklch(94% .005 260);color:oklch(40% .01 260);border-color:oklch(82% .006 260/.5)}.badge.tier-std{background:var(--accent-soft);color:var(--accent);border-color:transparent}.dark .badge.tier-gold{background:oklch(30% .07 85);color:oklch(82% .12 85);border-color:oklch(45% .1 85/.5)}.dark .badge.tier-silver{background:oklch(28% .005 260);color:oklch(82% .01 260)}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}.tbl td,.tbl th{text-align:left;padding:9px 14px;border-bottom:1px solid var(--border-2);vertical-align:middle}.tbl th{font-weight:500;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);background:var(--surface-2);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:1}.tbl tbody tr{transition:background .08s ease}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}.tbl td.num,.tbl th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tbl td.mono{font-family:Geist Mono,monospace;font-size:11.5px;color:var(--text-muted)}.tbl td .strong{color:var(--text);font-weight:500}.row-actions{display:inline-flex;gap:2px;opacity:.4;transition:opacity .12s}.tbl tr:hover .row-actions{opacity:1}.tbl.compact td,.tbl.compact th{padding:7px 12px}.tbl.divided td{border-bottom:1px solid var(--border-2)}.tbl thead.no-bg th{background:transparent;border-bottom:1px solid var(--border)}.checkcell{width:18px}.checkbox{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--border);background:var(--surface);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0}.checkbox.checked{color:var(--accent-fg)}.checkbox.checked,.checkbox.indet{background:var(--accent);border-color:var(--accent)}.checkbox.indet:after{content:"";width:8px;height:1.5px;background:var(--accent-fg);border-radius:1px}.filter-bar{gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-2);background:var(--surface);flex-wrap:wrap}.filter-bar,.searchbox{display:flex;align-items:center}.searchbox{gap:7px;padding:5px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;font-size:12.5px;min-width:240px}.searchbox input{background:transparent;border:none;outline:none;color:var(--text);flex:1 1;font-size:12.5px;font-family:inherit}.searchbox input::placeholder{color:var(--text-dim)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:4px 8px;border-radius:5px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip:hover{background:var(--surface-hi);color:var(--text)}.chip.active{background:var(--accent-soft);border-color:oklch(54% .2 268/.4);color:var(--accent)}.chip .ico{width:12px;height:12px}.scrim{position:fixed;inset:0;background:oklch(0 0 0/.4);z-index:50;opacity:0;pointer-events:none;transition:opacity .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scrim.on{opacity:1;pointer-events:all}.drawer{position:fixed;top:0;bottom:0;right:0;width:640px;max-width:96vw;background:var(--bg-elev);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .22s cubic-bezier(.2,.7,.2,1);z-index:51;display:flex;flex-direction:column;overflow:hidden}.drawer.on{transform:translateX(0)}.drawer-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.drawer-head h3{margin:0;font-size:14px;font-weight:600}.drawer-body{flex:1 1;overflow-y:auto;padding:16px 18px}.drawer-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.modal-scrim{position:fixed;inset:0;background:oklch(0 0 0/.4);z-index:52;opacity:0;pointer-events:none;transition:opacity .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center}.modal-scrim.on{opacity:1;pointer-events:all}.modal-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;width:540px;max-width:96vw;max-height:92vh;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translateY(8px) scale(.985);opacity:0;transition:transform .18s ease,opacity .18s ease}.modal-scrim.on .modal-card{transform:translateY(0) scale(1);opacity:1}.modal-card .mhead{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}.modal-card .mbody{padding:18px;overflow-y:auto;flex:1 1}.modal-card .mfoot{padding:12px 18px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 18px}.tab{padding:9px 12px;font-size:12.5px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab.active,.tab:hover{color:var(--text)}.tab.active{border-bottom-color:var(--accent);font-weight:500}.tab .count{color:var(--text-dim);margin-left:4px;font-family:Geist Mono,monospace;font-size:11px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field .label{font-size:12px;color:var(--text-muted);font-weight:500}.field .hint{font-size:11.5px;color:var(--text-dim)}.inp,.input,.select,.textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:13px;color:var(--text);font-family:inherit;outline:none;transition:border-color .12s,box-shadow .12s}.inp:focus,.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.inp.mono,.input.mono{font-family:Geist Mono,monospace;font-size:12px}.row2{grid-template-columns:1fr 1fr;grid-gap:12px}.row2,.row3{display:grid;gap:12px}.row3{grid-template-columns:1fr 1fr 1fr;grid-gap:12px}.toggle{position:relative;display:inline-block;width:30px;height:18px;flex-shrink:0}.toggle input{display:none}.toggle .slider{position:absolute;inset:0;background:var(--surface-hi);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background .14s}.toggle .slider:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--text-muted);border-radius:50%;transition:transform .14s,background .14s}.toggle input:checked+.slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.slider:after{transform:translateX(12px);background:white}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:2px;gap:2px}.seg .opt{padding:4px 9px;font-size:11.5px;color:var(--text-muted);border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.seg .opt.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:500}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:80}.toast{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;align-items:flex-start;gap:10px;min-width:280px;max-width:380px;box-shadow:var(--shadow-md);animation:toast-in .22s cubic-bezier(.2,.7,.2,1)}.toast .ic{width:18px;height:18px;display:grid;place-items:center;flex-shrink:0}.toast.success .ic{color:var(--success)}.toast.error .ic{color:var(--danger)}.toast.warning .ic{color:var(--warning)}.toast.info .ic{color:var(--info)}.toast .ttl{font-size:12.5px;font-weight:500}.toast .msg{font-size:12px;color:var(--text-muted);margin-top:2px}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.sk{background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-hi) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:skshine 1.4s linear infinite;border-radius:5px}@keyframes skshine{0%{background-position:200% 0}to{background-position:-200% 0}}.legend{display:flex;align-items:center;gap:14px;font-size:11.5px;color:var(--text-muted);flex-wrap:wrap}.legend .dot{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:middle}.divider{height:1px;background:var(--border-2);margin:14px 0;border:0}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.strong{color:var(--text);font-weight:500}.k{font-family:Geist Mono,monospace;font-feature-settings:"tnum"}.t-r{text-align:right}.t-c{text-align:center}.flex{display:flex}.ic-flex{display:inline-flex;align-items:center;gap:6px}.row{align-items:center}.col,.row{display:flex;gap:10px}.col{flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grow{flex:1 1;min-width:0}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:8px;color:var(--text-muted);text-align:center}.empty .ico{width:36px;height:36px;color:var(--text-dim)}.pulse{position:relative;display:inline-block;width:8px;height:8px;flex-shrink:0}.pulse .core,.pulse .ring{position:absolute;inset:0;background:var(--success);border-radius:50%}.pulse .ring{opacity:.5;animation:pulsing 1.8s ease-out infinite}@keyframes pulsing{0%{transform:scale(1);opacity:.5}to{transform:scale(2.6);opacity:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::-webkit-scrollbar-track{background:transparent}.statdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.statdot.ok{background:var(--success)}.statdot.warn{background:var(--warning)}.statdot.err{background:var(--danger)}.statdot.idle{background:var(--text-dim)}.popover{position:absolute;right:0;top:calc(100% + 6px);width:360px;max-height:480px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:30;display:flex;flex-direction:column}.popover .ph{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center}.popover .pb{overflow-y:auto;flex:1 1}.popover .pf{border-top:1px solid var(--border);padding:8px 14px}.noti{padding:10px 14px;border-bottom:1px solid var(--border-2);display:flex;gap:10px;cursor:pointer}.noti:hover{background:var(--surface-2)}.noti:last-child{border-bottom:none}.noti .ic{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.noti .ic.success{background:var(--success-soft);color:var(--success)}.noti .ic.danger{background:var(--danger-soft);color:var(--danger)}.noti .ic.warning{background:var(--warning-soft);color:var(--warning)}.noti .ic.info{background:var(--info-soft);color:var(--info)}.noti .ttl{font-size:12.5px;font-weight:500}.noti .msg{font-size:12px;color:var(--text-muted);margin-top:2px}.noti .tm{font-size:11px;color:var(--text-dim);margin-top:3px}.cmdpalette{position:fixed;top:12vh;left:50%;transform:translateX(-50%);width:640px;max-width:92vw;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:70;display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-8px) scale(.98);transition:opacity .14s ease,transform .14s ease}.cmdpalette.on{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0) scale(1)}.cmdpalette .chead{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.cmdpalette .chead input{background:transparent;border:none;outline:none;flex:1 1;color:var(--text);font-size:14px;font-family:inherit}.cmdpalette .clist{max-height:360px;overflow-y:auto;padding:6px}.cmd-item{padding:8px 10px;border-radius:6px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px}.cmd-item.act,.cmd-item:hover{background:var(--surface-2)}.cmd-item .ico{color:var(--text-muted)}.cmd-item .grp{margin-left:auto;font-size:11px;color:var(--text-dim)}.bar{height:5px;background:var(--surface-hi);overflow:hidden}.bar,.bar>div{border-radius:999px}.bar>div{height:100%;background:var(--accent)}.bar.warning>div{background:var(--warning)}.bar.danger>div{background:var(--danger)}.bar.success>div{background:var(--success)}.tl{position:relative;padding-left:22px}.tl:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:var(--border)}.tl-item{position:relative;padding:4px 0 16px}.tl-item:before{content:"";position:absolute;left:-19px;top:8px;width:9px;height:9px;background:var(--surface);border:2px solid var(--accent);border-radius:50%}.tl-item.success:before{border-color:var(--success)}.tl-item.danger:before{border-color:var(--danger)}.tl-item.warning:before{border-color:var(--warning)}.tl-item .ttl{font-size:12.5px;font-weight:500}.tl-item .meta{font-size:11.5px;color:var(--text-muted);margin-top:3px}.tl-item .tm{font-size:11px;color:var(--text-dim);margin-top:2px}.tier-card{border:1px solid var(--border);border-radius:9px;padding:14px 16px;background:var(--surface)}.tier-card.gold{border-color:oklch(70% .1 85/.4)}.tier-card.silver{border-color:oklch(80% .005 260)}.dark .tier-card.gold{border-color:oklch(50% .1 85/.4)}.dark .tier-card.silver{border-color:oklch(40% .005 260)}.code{border:1px solid var(--border-2);border-radius:6px;padding:9px 11px;font-size:11.5px;color:var(--text);overflow-x:auto;white-space:pre}.code,.receipt{background:var(--surface-2);font-family:Geist Mono,monospace}.receipt{border:1px solid var(--border);border-radius:8px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(135deg,transparent,transparent 8px,oklch(50% .01 260/.04) 0,oklch(50% .01 260/.04) 9px);color:var(--text-dim);font-size:11px;letter-spacing:.04em;text-transform:uppercase;position:relative;overflow:hidden}.receipt:before{content:"";inset:18px;border:1px dashed var(--border)}.receipt-page,.receipt:before{position:absolute;border-radius:4px}.receipt-page{inset:24px;background:var(--surface);box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:16px;font-family:Geist Mono,monospace;text-align:left;text-transform:none;letter-spacing:0;font-size:10px;color:var(--text-muted);line-height:1.6}.receipt-page .rlbl{color:var(--text);font-weight:600;font-size:11px;margin-bottom:6px}.receipt-page .rrow{display:flex;justify-content:space-between}.receipt-page .ramt{font-size:18px;color:var(--text);font-weight:600;margin:8px 0 4px}.delta-cell{display:inline-flex;gap:4px;align-items:center}.delta-cell .arr{font-size:10px}