@font-face{font-family:Archivo;src:url(/fonts/Archivo-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}:root{color-scheme:dark;--bg: #121212;--bg-2: #1b1b1a;--surface: #1b1b1a;--surface-2: #262523;--surface-3: #2e2d2a;--border: #2e2d2a;--border-strong: #3a3833;--text: #e9e9e6;--text-dim: #b6b1a9;--muted: #8a857d;--selection: #e9e9e6;--on-selection: #121212;--accent: #b4501f;--accent-2: #e58a50;--accent-hover: #d9702e;--accent-soft: rgba(180, 80, 31, .18);--accent-ring: rgba(180, 80, 31, .42);--ok: #00be8a;--ok-soft: rgba(0, 190, 138, .16);--danger: #e5484d;--danger-soft: rgba(229, 72, 77, .16);--warn: #e0a526;--warn-soft: rgba(224, 165, 38, .16);--info: #a287fe;--info-soft: rgba(162, 135, 254, .16);--radius: 0;--radius-sm: 0;--radius-lg: 0;--radius-pill: 0;--shadow-sm: none;--shadow: none;--shadow-lg: 0 14px 42px rgba(0, 0, 0, .6);--font: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sidebar-w: 260px;--content-w: 1180px}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .3rem}h2{font-size:1.02rem;font-weight:650;letter-spacing:-.005em;margin:0 0 .9rem}p{margin:.35rem 0}.muted{color:var(--muted)}a{color:var(--accent-2);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-ring);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;min-height:100dvh}.main{min-width:0;display:flex;flex-direction:column;padding:0 clamp(1.1rem,3vw,2rem)}.sidebar{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem .9rem;background:var(--surface);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;height:100dvh;z-index:20}.brand{display:flex;align-items:center;gap:.7rem;padding:.35rem .6rem 1.05rem}.brand-mark{display:grid;place-items:center;width:40px;height:26px;flex:none;color:var(--text)}.brand-mark svg,.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-title{font-weight:700;letter-spacing:-.01em;font-size:1.05rem}.brand-sub{font-size:.7rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:.25rem}.nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:.75rem .8rem .3rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.58rem .8rem;border-radius:var(--radius-sm);color:var(--text-dim);font-weight:500;font-size:.93rem;transition:background .15s,color .15s,box-shadow .15s}.nav-item svg{width:19px;height:19px;flex:none;opacity:.9}.nav-item:hover{background:#e9e9e60d;color:var(--text)}.nav-item.active{background:var(--selection);color:var(--on-selection);font-weight:600}.nav-item.active svg{opacity:1;color:var(--on-selection)}.nav-badge{margin-left:auto;min-width:1.35rem;padding:.05rem .4rem;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:.72rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.nav-item.active .nav-badge{background:#12121229;color:var(--on-selection)}.sidebar-foot{margin-top:auto;padding:.6rem .8rem .2rem}.sidebar-foot .muted{font-size:.72rem}.topbar{position:sticky;top:.9rem;z-index:30;width:100%;max-width:var(--content-w);margin:1rem auto 0;display:flex;align-items:center;gap:.6rem;padding:.45rem .8rem;background:#1b1b1ae6;border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.burger{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;color:var(--text-dim);border:none;border-radius:var(--radius-sm);box-shadow:none}.burger:hover{background:var(--surface-2);color:var(--text);filter:none;box-shadow:none}.burger svg{width:22px;height:22px}.topbar-search{position:relative;display:flex;align-items:center;gap:.55rem;flex:1 1 auto;min-width:0;color:var(--muted)}.topbar-search>svg{width:19px;height:19px;flex:none}.topbar-search input{flex:1;min-width:0;margin:0;padding:.45rem 0;background:transparent;border:none;color:var(--text);font-size:.95rem}.topbar-search input:focus{outline:none;box-shadow:none;background:transparent;border:none}.topbar-search input::placeholder{color:var(--muted)}.search-kbd{flex:none;font-family:var(--mono);font-size:.7rem;color:var(--muted);padding:.14rem .45rem;border:1px solid var(--border);border-bottom-width:2px}.search-pop{position:absolute;top:calc(100% + .7rem);left:-.35rem;min-width:260px;padding:.4rem;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.1rem}.search-hit{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .65rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dim);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;box-shadow:none}.search-hit svg{width:17px;height:17px;flex:none;opacity:.85}.search-hit:hover,.search-hit.active{background:var(--accent-soft);color:var(--text);filter:none;box-shadow:none}.search-hit .hit-section{margin-left:auto;font-size:.72rem;color:var(--muted)}.search-empty{padding:.55rem .65rem;font-size:.85rem;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:.35rem;flex:none}.icon-action{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;border:none;color:var(--text-dim);cursor:pointer;box-shadow:none}.icon-action:hover{background:var(--surface-2);color:var(--text);filter:none;box-shadow:none}.icon-action svg{width:20px;height:20px}.bell-badge{position:absolute;top:3px;right:1px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;background:var(--danger);color:#fff;font-size:.66rem;font-weight:700;border-radius:var(--radius-pill);border:2px solid var(--surface);font-variant-numeric:tabular-nums}.avatar-btn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;box-shadow:none}.avatar-btn:hover{filter:none;box-shadow:none}.avatar{display:grid;place-items:center;width:36px;height:36px;background:var(--surface-3);color:var(--text);font-weight:600;font-size:.95rem;text-transform:uppercase}.avatar-dot{position:absolute;right:2px;bottom:2px;width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid var(--surface)}.user-menu{position:absolute;top:calc(100% + .7rem);right:0;min-width:220px;padding:.45rem;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:40}.user-menu-head{display:flex;align-items:center;gap:.7rem;padding:.5rem .6rem .65rem}.user-menu-head .avatar{width:38px;height:38px}.user-name{font-weight:650;font-size:.93rem;line-height:1.2}.user-role{font-size:.76rem;color:var(--muted)}.user-menu-sep{height:1px;background:var(--border);margin:.2rem .35rem .35rem}.user-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.52rem .65rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dim);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;box-shadow:none}.user-menu-item svg{width:17px;height:17px}.user-menu-item:hover{background:var(--danger-soft);color:var(--danger);filter:none;box-shadow:none}.content{width:100%;max-width:var(--content-w);min-width:0;margin:0 auto;padding:1.6rem 0 2.6rem}.page-head{margin-bottom:1.3rem}.page-head .muted{max-width:72ch}.backdrop{display:none}@media(min-width:861px){.shell{transition:grid-template-columns .28s cubic-bezier(.4,0,.2,1)}.sidebar{width:var(--sidebar-w);transition:transform .28s cubic-bezier(.4,0,.2,1),visibility .28s}.menu-collapsed{grid-template-columns:0 minmax(0,1fr)}.menu-collapsed .sidebar{transform:translate(-100%);visibility:hidden;box-shadow:none}}@media(max-width:860px){.shell{display:block}.main{padding:0 max(.9rem,env(safe-area-inset-right)) 0 max(.9rem,env(safe-area-inset-left))}.topbar{top:.6rem;margin-top:calc(.6rem + env(safe-area-inset-top));padding:.35rem .6rem}.search-kbd{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(82vw,290px);height:100vh;height:100dvh;z-index:50;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);padding-top:max(1.1rem,env(safe-area-inset-top));padding-left:max(.9rem,env(safe-area-inset-left));padding-bottom:max(1.1rem,env(safe-area-inset-bottom))}.menu-open .sidebar{transform:translate(0);box-shadow:var(--shadow-lg)}.backdrop{display:block;position:fixed;inset:0;z-index:40;background:#0000009e;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s}.menu-open .backdrop{opacity:1;visibility:visible}}.card{background:var(--surface);border:1px solid var(--border);padding:1.35rem 1.4rem;margin:1.1rem 0}.card+.card{margin-top:1.1rem}.card-title{display:flex;align-items:center;gap:.55rem;margin:0 0 1rem;font-size:1rem;font-weight:650;letter-spacing:-.005em}.card-title svg{width:18px;height:18px;color:var(--muted)}label{display:block;margin:.9rem 0;font-size:.85rem;font-weight:550;color:var(--text-dim)}input,textarea,select{display:block;width:100%;margin-top:.4rem;padding:.62rem .85rem;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder,textarea::placeholder{color:var(--muted)}input:hover,textarea:hover,select:hover{border-color:var(--surface-3)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-2)}textarea{resize:vertical;min-height:2.6rem}select{background:var(--surface)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 1.1rem}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 1.1rem}@media(max-width:640px){.grid2,.grid3{grid-template-columns:1fr}}.switch{display:flex;align-items:center;gap:.75rem;margin:.35rem 0 1rem;cursor:pointer}.switch input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:46px;height:27px;margin:0;padding:0;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border-strong);position:relative;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.switch input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:var(--selection);box-shadow:0 1px 3px #00000080;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.switch input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.switch input[type=checkbox]:checked:after{transform:translate(19px)}.switch input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.switch.switch-danger input[type=checkbox]:checked{background:var(--danger);border-color:var(--danger)}.switch span{font-weight:500;color:var(--text-dim)}.form-actions{display:flex;align-items:center;gap:.8rem;margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid var(--border)}button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.2rem;background:var(--selection);color:var(--on-selection);border:1px solid var(--selection);font-family:inherit;font-weight:600;font-size:.92rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}button svg{width:16px;height:16px}button:hover{background:#fff;border-color:#fff}button:active{background:var(--text-dim);border-color:var(--text-dim)}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border-strong)}button.ghost:hover{background:var(--surface-2);color:var(--text);border-color:var(--surface-3)}button.danger{background:var(--danger);color:#12100f;border-color:var(--danger)}button.danger:hover{background:#f05a5f;border-color:#f05a5f}button.small{padding:.36rem .8rem;font-size:.82rem}.alert{padding:.8rem 1rem;border-radius:var(--radius-sm);margin:.9rem 0;font-size:.9rem;border:none}.alert.error{background:var(--danger-soft);color:#f5a3a5}.alert.ok{background:var(--ok-soft);color:#6fdcb8}.alert.created{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.code-plain{font-family:var(--mono);font-size:1.35rem;font-weight:700;letter-spacing:3px;color:var(--text)}.code-reveal{display:flex;align-items:center;gap:.6rem;padding:.55rem .5rem .55rem .9rem;background:#00000047;border:1px dashed rgba(0,190,138,.45);border-radius:var(--radius-sm)}.table-wrap{overflow-x:auto;margin:-.2rem;padding:.2rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.72rem .7rem;border-bottom:1px solid var(--border)}.table thead th{color:var(--muted);font-weight:650;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-strong)}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:#e9e9e608}.table tbody tr:last-child td{border-bottom:none}.table tr.revoked td{opacity:.5}code.hash,code.code-plain{font-family:var(--mono)}code.hash{font-size:.82rem;color:var(--text-dim);background:var(--bg-2);padding:.15rem .45rem;border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .62rem;border-radius:var(--radius-pill);font-size:.76rem;font-weight:650;border:none}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.on{background:var(--ok-soft);color:var(--ok)}.badge.off{background:#8a857d2e;color:var(--muted)}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin:1.1rem 0}@media(max-width:720px){.kpi-row{grid-template-columns:1fr}}.kpi{display:flex;align-items:flex-start;gap:1rem;background:var(--surface);border:1px solid var(--border);padding:1.25rem 1.3rem;position:relative;overflow:hidden}.kpi-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-2);flex:none}.kpi-icon svg{width:22px;height:22px}.kpi-icon.success{background:var(--ok-soft);color:var(--ok)}.kpi-icon.info{background:var(--info-soft);color:var(--info)}.kpi-icon.warning{background:var(--warn-soft);color:var(--warn)}.kpi-icon.danger{background:var(--danger-soft);color:var(--danger)}.kpi-icon.secondary{background:#8a857d2e;color:var(--text-dim)}.kpi-body{display:flex;flex-direction:column}.kpi-value{font-size:1.9rem;font-weight:750;line-height:1.1;letter-spacing:-.02em}.kpi-label{color:var(--muted);font-size:.85rem;margin-top:.2rem}.empty-cell{text-align:center;color:var(--muted);padding:1.6rem .7rem}.badge.s-new{background:var(--accent-soft);color:var(--accent-2)}.badge.s-triaged{background:var(--info-soft);color:var(--info)}.badge.s-in_progress{background:var(--warn-soft);color:var(--warn)}.badge.s-waiting_user{background:#8a857d33;color:var(--text-dim)}.badge.s-resolved{background:var(--ok-soft);color:var(--ok)}.badge.s-wont_fix,.badge.s-duplicate{background:#8a857d2e;color:var(--muted)}.badge.p-critical{background:var(--danger-soft);color:var(--danger)}.badge.p-high{background:var(--warn-soft);color:var(--warn)}.badge.p-normal{background:#8a857d2e;color:var(--muted)}.badge.p-low{background:#8a857d1c;color:var(--muted)}.type-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .58rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:650;background:#8a857d29;border:none;color:var(--text-dim);white-space:nowrap}.type-pill svg{width:13px;height:13px}.type-pill.t-bug{background:var(--danger-soft);color:#f5a3a5}.type-pill.t-crash{background:#e5484d42;color:#f5a3a5}.type-pill.t-suggestion{background:var(--ok-soft);color:var(--ok)}.type-pill.t-question{background:var(--info-soft);color:var(--info)}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.1rem 0}.chip{padding:.4rem .9rem;background:transparent;color:var(--text-dim);border:1px solid var(--border);font-size:.85rem;font-weight:500}.chip:hover{background:var(--surface-2);color:var(--text);filter:none;transform:none}.chip.active{background:var(--selection);color:var(--on-selection);border-color:var(--selection)}.chip .count{opacity:.7;margin-left:.3rem;font-variant-numeric:tabular-nums}.filters .field{display:flex;align-items:center;gap:.4rem;margin:0}.filters select,.filters input{margin-top:0;width:auto;min-width:9rem;padding:.42rem .6rem;font-size:.85rem}.filters .search{flex:1 1 12rem;min-width:10rem}.row-link{cursor:pointer}.dot-unread{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.report-title{font-weight:600;color:var(--text)}.report-title .sub{display:block;font-weight:400;font-size:.82rem;color:var(--muted)}.mono-id{font-family:var(--mono);font-size:.82rem;color:var(--text-dim);white-space:nowrap}.detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.1rem}@media(max-width:960px){.detail-grid{grid-template-columns:1fr}}.thread{display:flex;flex-direction:column;gap:.85rem}.msg{padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2)}.msg-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.78rem;color:var(--muted)}.msg-who{font-weight:650;color:var(--text-dim)}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-dim)}.msg.from-user{border-color:#b4501f73;background:#b4501f14}.msg.from-admin{border-color:#00be8a52;background:#00be8a0f}.msg.is-internal{border-style:dashed;border-color:var(--border-strong);background:var(--surface)}.msg.from-system{background:transparent;border-style:dashed}.msg.from-system .msg-body{color:var(--muted);font-size:.86rem}.meta-list{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.45rem .9rem;font-size:.87rem}.meta-list dt{color:var(--muted)}.meta-list dd{margin:0;color:var(--text-dim);overflow-wrap:anywhere}pre.diagnostics{margin:0;padding:.8rem;max-height:22rem;overflow:auto;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);font-size:.78rem;color:var(--text-dim)}.attachments{display:flex;flex-wrap:wrap;gap:.7rem}.attachment{display:flex;flex-direction:column;gap:.35rem;width:8.5rem;padding:.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--muted)}.attachment img{width:100%;height:5rem;object-fit:cover;background:var(--surface-2);cursor:zoom-in}.attachment .fname{overflow-wrap:anywhere;color:var(--text-dim)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.toolbar select{margin-top:0;width:auto;min-width:8.5rem;padding:.42rem .6rem;font-size:.85rem}.toolbar .spacer{flex:1}.pager{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin-top:.9rem;font-size:.85rem;color:var(--muted)}.login-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(1.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left));background:var(--bg)}.login-card{width:100%;max-width:380px;padding:2rem 1.9rem}.login-brand{display:flex;align-items:center;gap:.85rem;margin-bottom:1.4rem}.login-brand .brand-mark{width:58px;height:38px}.login-card h1{font-size:1.3rem;margin:0}.login-card button{width:100%;margin-top:1rem;padding:.7rem}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){input,textarea,select{font-size:16px}.content{max-width:none;padding:1.2rem 0 max(1.5rem,env(safe-area-inset-bottom));overflow-x:clip}.content code{overflow-wrap:anywhere;word-break:break-word}.page-head{margin-bottom:1.1rem}h1{font-size:1.4rem}}@media(max-width:640px){.table th,.table td{padding:.6rem .55rem}.table thead th{font-size:.68rem}button.small{padding:.45rem .8rem}.code-reveal{flex-wrap:wrap}.code-plain{font-size:1.15rem;letter-spacing:2px}.card{padding:1.15rem 1.1rem}.login-card{padding:1.7rem 1.4rem}}:root{--chart-series: #d9702e;--chart-track: rgba(233, 233, 230, .07);--chart-grid: rgba(233, 233, 230, .08);--seg-today: #f6d0b4;--seg-week: #efaf83;--seg-month: #e0854a;--seg-dormant: #a9541f}.kpi-row.kpi-auto{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}.kpi-sub{font-size:.76rem;color:var(--muted);margin-top:.3rem}.delta{font-weight:600;color:var(--muted)}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.alert-card{display:flex;gap:.9rem;align-items:flex-start;background:var(--danger-soft);border-color:#e5484d66}.alert-card p{margin:.25rem 0 0}.alert-icon{color:var(--danger);flex:none}.alert-icon svg{width:20px;height:20px;display:block}.chart{display:flex;gap:.6rem;height:190px;margin-top:.4rem}.chart-ticks{display:flex;flex-direction:column-reverse;justify-content:space-between;font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums;padding-bottom:2px;min-width:1.4rem;text-align:right}.chart-plot{position:relative;flex:1}.chart-grid{position:absolute;left:0;right:0;height:1px;background:var(--chart-grid)}.chart-cols{position:absolute;inset:0;display:flex;align-items:flex-end;gap:2px}.chart-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;max-width:24px;margin:0 auto}.chart-col-fill{width:100%;min-height:2px;background:var(--chart-series);transition:filter .12s}.chart-col:hover .chart-col-fill{filter:brightness(1.25)}.chart-col-value{position:absolute;bottom:100%;font-size:.68rem;color:var(--text-dim);font-variant-numeric:tabular-nums;opacity:0;margin-bottom:3px}.chart-col-value.shown{opacity:1}.chart-axis{display:flex;gap:2px;margin-top:.35rem}.chart-axis-label{flex:1;font-size:.66rem;color:var(--muted);text-align:center;white-space:nowrap}.empty-chart{margin:.6rem 0 0}.usage-kpis{margin:0 0 1.1rem}.usage-kpis .kpi{background:transparent;border:0;padding:0;box-shadow:none}.chart-note{margin:.55rem 0 0;font-size:.85em}.stack{display:flex;gap:2px;height:14px;margin:.2rem 0 .9rem}.stack-seg{min-width:3px}.seg-today{background:var(--seg-today)}.seg-week{background:var(--seg-week)}.seg-month{background:var(--seg-month)}.seg-dormant{background:var(--seg-dormant)}.legend{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.legend li{display:flex;align-items:center;gap:.55rem;font-size:.82rem}.legend-dot{width:10px;height:10px;flex:none}.legend-label{color:var(--text-dim)}.legend-value{margin-left:auto;color:var(--text);font-variant-numeric:tabular-nums}.legend-share{color:var(--muted);font-variant-numeric:tabular-nums;min-width:2.6rem;text-align:right}.bar-row{display:flex;align-items:center;gap:.7rem;padding:.36rem 0;font-size:.84rem}.bar-row+.bar-row{border-top:1px solid var(--border)}.bar-label{min-width:8.5rem;color:var(--text-dim);display:flex;align-items:center;gap:.4rem}.bar-track{flex:1;height:8px;background:var(--chart-track);overflow:hidden;min-width:60px}.bar-fill{display:block;height:100%;background:var(--chart-series);min-width:2px}.bar-value{color:var(--text);font-variant-numeric:tabular-nums;min-width:2.2rem;text-align:right}.bar-share{color:var(--muted);font-variant-numeric:tabular-nums;min-width:2.8rem;text-align:right}.cell-bar{width:40%;min-width:170px}.cell-usage{display:flex;align-items:center;gap:.7rem}.usage-value{min-width:5.4rem;flex:none}.usage-sub{display:block;margin-top:.25rem;font-size:.75rem}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}@media(max-width:860px){.bar-label{min-width:6rem}.chart{height:150px}}