:root{--bg-canvas:#fff;--bg-page:#fafaf8;--bg-subtle:#f5f6f8;--bg-elevated:#fff;--bg-hover:#f1f3f7;--bg-dark:#111216;--bg-dark-raised:#1b1d23;--text-primary:#15171d;--text-secondary:#5f6674;--text-muted:#8a92a0;--text-inverse:#fff;--text-inverse-secondary:#a9afbb;--border-default:#e6e8ec;--border-strong:#d6dae2;--border-dark:#2b2e36;--brand-primary:#f26b4f;--brand-hover:#e85c40;--brand-strong:#cc4a2a;--brand-strong-hover:#b53f22;--brand-soft:#fff3ee;--brand-ink:#752915;--info:#536af5;--info-soft:#eef0fe;--info-ink:#3446c9;--success:#188a63;--success-soft:#e8f5ef;--success-ink:#116647;--warning:#c87b1f;--warning-soft:#fbf2e4;--warning-ink:#8a5210;--danger:#d84d55;--danger-soft:#fcedee;--danger-ink:#a8323b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-card:0 4px 20px #15171d0b;--shadow-float:0 24px 72px #15171d1f;--shadow-pop:0 12px 32px #15171d1a, 0 1px 2px #15171d0f;--overlay:#15171d4d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--dur-fast:.14s;--dur-base:.2s;--dur-panel:.22s;--dur-drawer:.3s;--ease:cubic-bezier(.2, .7, .2, 1);--font-sans:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--focus-ring:0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--brand-primary);--chart-1:#2a78d6;--chart-2:#eb6834;--chart-3:#1baf7a;--chart-4:#eda100;--chart-5:#e87ba4;--chart-6:#6250d6;--chart-grid:#eceef1}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-panel:0s;--dur-drawer:0s}}
*{box-sizing:border-box}html,body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}:focus-visible{box-shadow:var(--focus-ring);outline:none}h1,h2,h3,p{margin:0}code{font-family:var(--font-mono);font-size:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-secondary)}.text-danger{color:var(--danger-ink)}.refreshing{opacity:.6;transition:opacity var(--dur-base) var(--ease)}.boot{min-height:100vh;color:var(--text-secondary);place-content:center;justify-items:center;gap:12px;display:grid}.signin{background:radial-gradient(circle at 15% 10%, var(--brand-soft), transparent 40%), radial-gradient(circle at 85% 90%, var(--info-soft), transparent 45%), var(--bg-page);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.signin-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-canvas);width:min(420px,100%);box-shadow:var(--shadow-float);gap:16px;padding:32px;display:grid}.signin-brand{align-items:center;gap:10px;display:flex}.signin-brand div{line-height:1.2;display:grid}.signin-brand b{font-size:16px}.signin-brand span{color:var(--text-secondary);font-size:12px}.signin-card h1{letter-spacing:-.01em;font-size:22px}.signin-card>p{color:var(--text-secondary);font-size:13px}.signin-card form{gap:14px;display:grid}.signin-card footer{border-top:1px solid var(--border-default);color:var(--text-muted);align-items:center;gap:6px;padding-top:14px;font-size:12px;display:flex}.frame{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-default);background:var(--bg-canvas);flex-direction:column;gap:18px;height:100vh;padding:18px 12px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:10px;padding:4px 8px;display:flex}.sidebar-brand span{line-height:1.15;display:grid}.sidebar-brand b{font-size:15px}.sidebar-brand small{color:var(--text-muted);font-size:11.5px}.sidebar nav{gap:16px;display:grid}.nav-group{gap:2px;display:grid}.nav-group-label{color:var(--text-muted);letter-spacing:.04em;padding:0 10px 4px;font-size:11.5px;font-weight:500}.nav-group a{border-radius:var(--radius-sm);height:36px;color:var(--text-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex;position:relative}.nav-group a:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-group a.active{background:var(--brand-soft);color:var(--text-primary)}.nav-group a.active:before{content:"";background:var(--brand-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.nav-group a.active .icon{color:var(--brand-strong)}.sidebar-account{border-top:1px solid var(--border-default);align-items:center;gap:10px;margin-top:auto;padding:10px 8px 2px;display:flex}.sidebar-account-text{flex:1;min-width:0;line-height:1.25;display:grid}.sidebar-account-text b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.sidebar-account-text small{color:var(--text-muted);font-size:11.5px}.avatar{background:var(--bg-dark);width:32px;height:32px;color:var(--text-inverse);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.avatar-sm{background:var(--info-soft);width:28px;height:28px;color:var(--info-ink)}.icon-button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);background:0 0;border:0;place-items:center;display:grid}.icon-button:hover{background:var(--bg-hover);color:var(--text-primary)}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;border-bottom:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-canvas) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:12px;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.menu-button{display:none}.topbar-search{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-subtle);width:min(420px,100%);height:36px;color:var(--text-muted);align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.topbar-search:focus-within{border-color:var(--border-strong);background:var(--bg-canvas);box-shadow:var(--focus-ring)}.topbar-search input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1}.topbar-search input:focus-visible{box-shadow:none}kbd{border:1px solid var(--border-default);background:var(--bg-canvas);font-family:var(--font-mono);border-radius:5px;padding:1px 6px;font-size:11px}.topbar-env{color:var(--text-secondary);align-items:center;gap:6px;margin-left:auto;font-size:12.5px;display:inline-flex}.topbar-env .badge-dot{color:var(--success)}.content{align-content:start;gap:20px;width:100%;max-width:1360px;margin:0 auto;padding:28px 32px 56px;display:grid}.content>*,.stack>*{min-width:0}.stack{gap:20px;display:grid}.scrim{display:none}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h1{letter-spacing:-.015em;font-size:24px;font-weight:650}.page-header p{max-width:760px;color:var(--text-secondary);margin-top:4px;font-size:13px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-canvas);min-width:0;box-shadow:var(--shadow-card);align-content:start;gap:16px;padding:20px;display:grid}.card-flush{gap:0;padding:0;overflow:hidden}.card-flush>.card-head{padding:18px 20px 14px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-head h2{font-size:15px;font-weight:600}.card-head p{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.card-actions{align-items:center;gap:8px;display:flex}.card-inset{padding:16px 20px}.card-footer{border-top:1px solid var(--border-default);padding:12px 16px}.grid{gap:20px;display:grid}.grid-main{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.grid-even{grid-template-columns:repeat(2,minmax(0,1fr))}.prose{color:var(--text-secondary);gap:10px;font-size:13px;line-height:1.7;display:grid}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;display:grid}.kpi-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-canvas);min-width:0;box-shadow:var(--shadow-card);gap:6px;padding:16px 18px;display:grid}.kpi-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.kpi-value{letter-spacing:-.02em;font-size:26px;font-weight:650;line-height:1.2}.kpi-bottom{justify-content:space-between;align-items:flex-end;gap:8px;min-height:28px;display:flex}.kpi-hint{color:var(--text-muted);font-size:12px}.delta{border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:2px;padding:1px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.delta-good{background:var(--success-soft);color:var(--success-ink)}.delta-bad{background:var(--danger-soft);color:var(--danger-ink)}.sparkline{flex:none}.stat-strip{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-canvas);color:var(--text-secondary);flex-wrap:wrap;gap:10px 28px;padding:14px 18px;font-size:13px;display:flex}.stat-strip b{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-left:6px}.stat-strip-inset{box-shadow:none;border-style:dashed}.btn{border-radius:var(--radius-sm);white-space:nowrap;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex}.btn-md{height:34px;padding:0 14px;font-size:13.5px}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-sm:has(.icon:only-child){width:28px;padding:0}.btn-lg{height:42px;padding:0 18px;font-size:14.5px}.btn-primary{background:var(--text-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--bg-dark-raised)}.btn-secondary{border-color:var(--border-default);background:var(--bg-canvas);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-subtle)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{border-color:color-mix(in srgb, var(--danger) 30%, transparent);background:var(--danger-soft);color:var(--danger-ink)}.btn-danger:hover:not(:disabled){border-color:var(--danger)}.link{color:var(--info-ink);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:500;display:inline-flex}.link:hover{text-decoration:underline}.field{min-width:0;color:var(--text-secondary);gap:6px;font-size:12.5px;font-weight:500;display:grid}.field small{color:var(--text-muted);font-weight:400}.field input,.field select,.toolbar select{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-canvas);width:100%;height:36px;color:var(--text-primary);padding:0 12px;font-size:13.5px}.field input:focus,.field select:focus,.toolbar select:focus{border-color:var(--border-strong);box-shadow:var(--focus-ring);outline:none}.form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.form-row .field{flex:180px}.form-stack{gap:12px;display:grid}.segmented{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.segmented button{height:28px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:12.5px;font-weight:500}.segmented button.active{background:var(--bg-canvas);color:var(--text-primary);box-shadow:var(--shadow-pop)}.tabs{border-bottom:1px solid var(--border-default);gap:4px;display:flex;overflow-x:auto}.card .tabs{border-bottom:0}.tabs button{height:38px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;padding:0 12px;font-weight:500;position:relative}.tabs button:hover,.tabs button.active{color:var(--text-primary)}.tabs button.active:after{content:"";background:var(--text-primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.card .tabs button{border-radius:6px;height:30px;padding:0 10px;font-size:12.5px}.card .tabs button.active{background:var(--bg-subtle)}.card .tabs button.active:after{display:none}.switch{border-radius:var(--radius-pill);background:var(--border-strong);width:38px;height:22px;transition:background var(--dur-fast) var(--ease);border:0;flex:none;padding:0;position:relative}.switch span{background:var(--bg-canvas);width:16px;height:16px;transition:transform var(--dur-fast) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #15171d40}.switch.on{background:var(--success)}.switch.on span{transform:translate(16px)}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary)}.badge-success{background:var(--success-soft);color:var(--success-ink)}.badge-warning{background:var(--warning-soft);color:var(--warning-ink)}.badge-danger{background:var(--danger-soft);color:var(--danger-ink)}.badge-info{background:var(--info-soft);color:var(--info-ink)}.badge-brand{background:var(--brand-soft);color:var(--brand-ink)}.notice{border-radius:var(--radius-sm);border:1px solid #0000;padding:10px 14px;font-size:13px}.notice-info{border-color:color-mix(in srgb, var(--info) 18%, transparent);background:var(--info-soft);color:var(--info-ink)}.notice-success{border-color:color-mix(in srgb, var(--success) 18%, transparent);background:var(--success-soft);color:var(--success-ink)}.notice-warning,.notice-brand,.notice-neutral{border-color:color-mix(in srgb, var(--warning) 20%, transparent);background:var(--warning-soft);color:var(--warning-ink)}.notice-danger{border-color:color-mix(in srgb, var(--danger) 20%, transparent);background:var(--danger-soft);color:var(--danger-ink)}.empty{color:var(--text-secondary);text-align:center;justify-items:center;gap:6px;padding:36px 20px;display:grid}.empty-icon{background:var(--bg-subtle);width:44px;height:44px;color:var(--text-muted);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.empty b{color:var(--text-primary);font-weight:600}.empty p{max-width:420px;font-size:13px}.skeleton{gap:10px;display:grid}.skeleton i{background:linear-gradient(90deg, var(--bg-subtle), var(--bg-hover), var(--bg-subtle));background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.toolbar{border-bottom:1px solid var(--border-default);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.toolbar select{width:auto;min-width:132px}.search-input{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-canvas);max-width:340px;height:36px;color:var(--text-muted);flex:240px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-input:focus-within{border-color:var(--border-strong);box-shadow:var(--focus-ring)}.search-input input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1}.search-input input:focus-visible{box-shadow:none}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{border-bottom:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-secondary);text-align:left;white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--border-default);vertical-align:middle;padding:12px 16px}.table tbody tr:last-child td{border-bottom:0}.table-hover tbody tr{cursor:pointer;transition:background var(--dur-fast) var(--ease)}.table-hover tbody tr:hover{background:var(--bg-page)}.table-dense td,.table-dense th{white-space:nowrap;padding:9px 12px}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table .muted{white-space:nowrap}.table .chevron{width:36px;color:var(--text-muted);text-align:right}.table .actions{text-align:right;white-space:nowrap}.table .actions .btn+.btn{margin-left:6px}.row-link{color:var(--text-primary);font-weight:600}.row-link:hover{color:var(--info-ink)}.cell-title{gap:2px;display:grid}.cell-badges{flex-wrap:wrap;gap:6px;display:inline-flex}.copy-id{color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.copy-id button{width:20px;height:20px;color:var(--text-muted);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.copy-id button:hover{background:var(--bg-hover);color:var(--text-primary)}.pagination{border-top:1px solid var(--border-default);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;display:flex}.pagination>div{align-items:center;gap:8px;display:flex}.pagination-page{text-align:center;font-variant-numeric:tabular-nums;min-width:52px}.meter{border-radius:3px;height:6px;display:block;overflow:hidden}.meter span{border-radius:3px;height:100%;display:block}.meter-info{background:color-mix(in srgb, var(--chart-1) 16%, var(--bg-canvas))}.meter-info span{background:var(--chart-1)}.meter-success{background:var(--success-soft)}.meter-success span{background:var(--success)}.meter-warning{background:var(--warning-soft)}.meter-warning span{background:var(--warning)}.meter-danger{background:var(--danger-soft)}.meter-danger span{background:var(--danger)}.rate{font-variant-numeric:tabular-nums;grid-template-columns:72px auto;align-items:center;gap:8px;display:inline-grid}.chart{gap:10px;display:grid}.chart-legend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:1px;width:14px;height:2px}.chart-plot{border-radius:var(--radius-sm);outline:none;width:100%;position:relative}.chart-plot:focus-visible{box-shadow:var(--focus-ring)}.chart-grid{stroke:var(--chart-grid);stroke-width:1px}.chart-axis{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.chart-crosshair{stroke:var(--text-muted);stroke-width:1px}.chart-empty{color:var(--text-muted);pointer-events:none;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.chart-tooltip{z-index:2;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-canvas);min-width:150px;box-shadow:var(--shadow-pop);pointer-events:none;gap:4px;padding:10px 12px;font-size:12px;display:grid;position:absolute}.chart-tooltip b{color:var(--text-secondary);font-weight:500}.chart-tooltip span{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.chart-tooltip i{border-radius:1px;width:12px;height:2px}.chart-tooltip strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:13px}.donut{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.donut svg{flex:none}.donut svg circle{transition:stroke-width var(--dur-fast) var(--ease)}.donut-value{fill:var(--text-primary);font-size:20px;font-weight:650}.donut-label{fill:var(--text-muted);font-size:11.5px}.donut-legend{flex:160px;gap:4px;margin:0;padding:0;list-style:none;display:grid}.donut-legend li{border-radius:6px;grid-template-columns:10px 1fr auto 40px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:grid}.donut-legend li.active{background:var(--bg-subtle)}.donut-legend i{border-radius:3px;width:10px;height:10px}.donut-legend b{font-variant-numeric:tabular-nums}.donut-legend small{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.bar-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.bar-list li{grid-template-columns:minmax(90px,160px) minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13px;display:grid}.bar-list-label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);overflow:hidden}.bar-list-track{border-radius:4px;height:8px;overflow:hidden}.bar-list-track span{border-radius:4px;height:100%;display:block}.bar-info{background:color-mix(in srgb, var(--chart-1) 14%, var(--bg-canvas))}.bar-info span{background:var(--chart-1)}.bar-success{background:var(--success-soft)}.bar-success span{background:var(--success)}.bar-warning{background:var(--warning-soft)}.bar-warning span{background:var(--warning)}.bar-danger{background:var(--danger-soft)}.bar-danger span{background:var(--danger)}.bar-list b{font-variant-numeric:tabular-nums;white-space:nowrap}.attention{margin:0;padding:0;list-style:none;display:grid}.attention li+li{border-top:1px solid var(--border-default)}.attention a{color:var(--text-primary);grid-template-columns:28px 1fr auto 16px;align-items:center;gap:10px;padding:10px 2px;display:grid}.attention a:hover b{text-decoration:underline}.attention-icon{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.attention-danger .attention-icon{background:var(--danger-soft);color:var(--danger-ink)}.attention-warning .attention-icon{background:var(--warning-soft);color:var(--warning-ink)}.attention-neutral .attention-icon{background:var(--info-soft);color:var(--info-ink)}.attention-clear .attention-icon{background:var(--success-soft);color:var(--success-ink)}.attention-clear,.attention-clear a{color:var(--text-secondary)}.attention b{font-variant-numeric:tabular-nums}.attention .icon:last-child{color:var(--text-muted)}.breadcrumb{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--text-primary)}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-title{align-items:center;gap:14px;min-width:0;display:flex}.detail-title h1{letter-spacing:-.015em;font-size:24px;font-weight:650}.detail-avatar{background:var(--brand-soft);width:48px;height:48px;color:var(--brand-ink);border-radius:12px;flex:none;place-items:center;font-size:20px;font-weight:650;display:grid}.detail-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px;font-size:12.5px;display:flex}.member-list,.switch-list,.plain-list{margin:0;padding:0;list-style:none;display:grid}.member-list li,.switch-list li{border-top:1px solid var(--border-default);align-items:center;gap:12px;padding:12px 20px;display:flex}.member-list li>span:nth-child(2),.switch-list li>span:first-child{flex:1;min-width:0;line-height:1.35;display:grid}.member-list small,.switch-list small{color:var(--text-muted);font-size:12px}.switch-list b{font-weight:500}.plan-summary{gap:10px;display:grid}.plan-summary-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.plan-credits b{letter-spacing:-.02em;font-size:28px;font-weight:650}.plan-credits span{color:var(--text-secondary);margin-left:6px}.access-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.content-view{gap:8px;display:grid}.content-view pre{border-radius:var(--radius-sm);background:var(--bg-dark);max-height:360px;color:var(--text-inverse);margin:0;padding:12px;font-size:12px;overflow:auto}.overlay{z-index:50;background:var(--overlay);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay-drawer{place-items:stretch end;padding:0}.dialog{border-radius:var(--radius-md);background:var(--bg-canvas);width:min(480px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-float);padding:22px;overflow-y:auto}.dialog form{gap:14px;display:grid}.dialog h2{font-size:17px;font-weight:650}.dialog-body{color:var(--text-secondary);font-size:13.5px;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.drawer{background:var(--bg-canvas);width:min(520px,100vw);height:100vh;box-shadow:var(--shadow-float);animation:drawer-in var(--dur-drawer) var(--ease);flex-direction:column;display:flex}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}}.drawer header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer header h2{font-size:16px;font-weight:650}.drawer-body{flex:1;align-content:start;gap:12px;padding:20px;display:grid;overflow-y:auto}.drawer-body h3{color:var(--text-secondary);margin-top:8px;font-size:13px;font-weight:600}.drawer-summary{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12.5px;display:flex}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.timeline li{align-items:center;gap:10px;padding:8px 0 8px 22px;display:flex;position:relative}.timeline li:before{content:"";background:var(--border-default);width:2px;position:absolute;top:0;bottom:0;left:5px}.timeline li:first-child:before{top:50%}.timeline li:last-child:before{bottom:50%}.timeline-dot{border:2px solid var(--bg-canvas);background:var(--text-muted);border-radius:50%;width:12px;height:12px;position:absolute;left:0}.timeline-success .timeline-dot{background:var(--success)}.timeline-danger .timeline-dot{background:var(--danger)}.timeline-warning .timeline-dot{background:var(--warning)}.timeline-info .timeline-dot{background:var(--info)}.timeline b{flex:1;font-weight:500}.plain-list li{border-bottom:1px solid var(--border-default);align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.plain-list li>:last-child{margin-left:auto}.card-fill{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.chart-fill{flex-direction:column;min-height:0;display:flex}.chart-fill .chart-plot{flex:1;min-height:260px}.chart-fill .chart-plot>svg{position:absolute;inset:0}.disclosure{border-top:1px solid var(--border-default);margin-top:8px;padding-top:10px}.disclosure summary{cursor:pointer;color:var(--text-secondary);font-size:13px;font-weight:600}.disclosure summary:hover{color:var(--text-primary)}.disclosure[open] summary{margin-bottom:6px}.timeline li>.muted{font-variant-numeric:tabular-nums;font-size:12px}.picker{border:1px solid var(--border-default);border-radius:var(--radius-sm);max-height:220px;margin:0;padding:4px;list-style:none;display:grid;overflow-y:auto}.picker li.muted{padding:8px 10px;font-weight:400}.picker button{text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.picker button:hover{background:var(--bg-hover)}.picker b{color:var(--text-primary);font-weight:500}.picked{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-subtle);justify-content:space-between;align-items:center;height:36px;padding:0 12px;display:flex}.picked b{color:var(--text-primary)}@media (max-width:1180px){.grid-main,.grid-even{grid-template-columns:minmax(0,1fr)}.kpi-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.frame{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:40;width:260px;transition:transform var(--dur-panel) var(--ease);position:fixed;left:0;transform:translate(-100%)}.menu-open .sidebar{box-shadow:var(--shadow-float);transform:none}.menu-open .scrim{z-index:30;background:var(--overlay);border:0;display:block;position:fixed;inset:0}.menu-button{display:grid}.topbar{padding:0 16px}.topbar-env{display:none}.content{padding:20px 16px 40px}}@media (max-width:560px){.kpi-grid,.kpi-grid-4{grid-template-columns:minmax(0,1fr)}.topbar-search kbd{display:none}.bar-list li{grid-template-columns:minmax(0,1fr) auto}.bar-list-track{grid-area:2/1/auto/-1}}
