:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;--app-bg:#0e1118;--sidebar-bg:#10141d;--surface:#151a24;--surface-raised:#1a202c;--surface-soft:#1d2432;--text:#edf0f7;--text-strong:#f6f7fc;--muted:#b0b8c7;--faint:#8793a7;--border:#272f3d;--grid:#293242;--accent:#a89aff;--accent-strong:#8979fa;--blue:#7bafff;--cyan:#59bbdb;--teal:#63cbb5;--orange:#f2aa70;--pink:#e885bd;--green:#62c69b;--red:#ee7f87;--tooltip-bg:#181e29;--shadow:0 12px 32px #00000024;font-family:Microsoft YaHei,微软雅黑,Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,Segoe UI,system-ui,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f4f6fa;--sidebar-bg:#fbfcfe;--surface:#fff;--surface-raised:#f8f9fc;--surface-soft:#f1f3f9;--text:#30394b;--text-strong:#171e2e;--muted:#59667c;--faint:#6e7a90;--border:#e3e7ef;--grid:#e6eaf1;--accent:#7465e9;--accent-strong:#6452df;--blue:#4e86df;--cyan:#2c9ec3;--teal:#299e87;--orange:#d88446;--pink:#c25894;--green:#269768;--red:#ce5c64;--tooltip-bg:#fff;--shadow:0 8px 24px #1f31500f}*{box-sizing:border-box}body{background:var(--app-bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;line-height:1.5}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:238px;padding:27px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--text-strong);align-items:center;gap:11px;padding:0 9px 35px;display:flex}.brand strong{letter-spacing:-.35px;font-size:15px;font-weight:700;display:block}.brand small{color:var(--faint);letter-spacing:1.05px;margin-top:4px;font-family:DM Mono,monospace;font-size:8px;display:block}.brand-mark{background:linear-gradient(145deg,#8e7aff,#6358c8);border-radius:11px;justify-content:center;align-items:end;gap:3px;width:34px;height:34px;padding:8px 7px;display:flex;box-shadow:0 5px 18px #7768ea55}.brand-mark span{background:#fff;border-radius:5px;width:4px}.brand-mark span:first-child{opacity:.68;height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){opacity:.82;height:11px}.sidebar-caption{color:var(--faint);letter-spacing:1.35px;margin-bottom:10px;padding:0 12px;font-family:DM Mono,monospace;font-size:9px}.main-nav{gap:5px;display:grid}.main-nav button{width:100%;min-height:42px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:0 12px;font-size:12.5px;transition:background .16s,color .16s;display:flex}.main-nav button:hover{background:var(--surface-raised);color:var(--text)}.main-nav button.active{color:var(--text-strong);background:var(--surface-soft);box-shadow:inset 2px 0 var(--accent)}.nav-icon{width:17px;color:var(--faint);text-align:center;font-size:17px}.main-nav button.active .nav-icon{color:var(--accent)}.nav-count{background:var(--surface);color:var(--muted);border-radius:8px;margin-left:auto;padding:2px 7px;font-family:DM Mono,monospace;font-size:10px}.sidebar-foot{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:10px;margin:auto 6px 13px;padding:13px 10px;display:flex}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{color:var(--text);font-size:10.5px;font-weight:600}.sidebar-foot small{color:var(--faint);margin-top:4px;font-size:9px}.source-indicator,.connection-status i,.live-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 15%, transparent);border-radius:50%;display:inline-block}.source-indicator.warning,.connection-status i.warning{background:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 14%, transparent)}.source-indicator.custom{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.sidebar-note{color:var(--faint);align-items:start;gap:8px;padding:7px 10px 0;display:flex}.sidebar-note span{color:var(--accent)}.sidebar-note p{margin:0;font-size:9.5px;line-height:1.5}.main-area{flex-direction:column;min-height:100vh;margin-left:238px;display:flex}.topbar{z-index:8;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--app-bg) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex:0 0 62px;justify-content:space-between;align-items:center;height:62px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--faint);align-items:center;gap:10px;font-size:11px;display:flex}.breadcrumb b{color:var(--border);font-weight:400}.breadcrumb strong{color:var(--text);font-weight:600}.topbar-actions{align-items:center;gap:11px;display:flex}.connection-status{color:var(--muted);align-items:center;gap:8px;margin-right:9px;font-size:10px;display:flex}.connection-status i{width:6px;height:6px}.connection-status i:not(.warning){animation:1.8s infinite pulse}.icon-button{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;font-size:15px;display:grid}.icon-button:hover{color:var(--text);border-color:var(--faint)}.button{border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:31px;padding:0 11px;font-size:10.5px;font-weight:600;transition:background .15s,border .15s,transform .15s;display:inline-flex}.button:disabled{opacity:.52;cursor:not-allowed}.button:not(:disabled):active{transform:translateY(1px)}.button.secondary{background:var(--surface);color:var(--muted)}.button.secondary:hover{background:var(--surface-raised);border-color:var(--faint);color:var(--text)}.button.primary{background:var(--accent-strong);color:#fff;border-color:var(--accent-strong)}.button.primary:hover{filter:brightness(1.08)}.refresh-button{background:var(--surface-soft);color:var(--text);border-color:var(--border)}.refresh-button>span{color:var(--accent);font-size:15px}.refresh-button.is-refreshing>span{animation:.8s linear infinite spin}.content-area{flex:1;width:min(100%,1480px);margin:0 auto;padding:31px 34px 48px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.eyebrow{color:var(--accent);letter-spacing:1.15px;font-family:DM Mono,monospace;font-size:9px;font-weight:500}.page-heading h1{color:var(--text-strong);letter-spacing:-.9px;margin:8px 0 5px;font-size:clamp(23px,2.3vw,31px);font-weight:600}.page-heading p{color:var(--muted);margin:0;font-size:11.5px}.heading-meta{min-width:170px;color:var(--muted);flex-direction:column;align-items:end;gap:7px;padding-bottom:2px;font-size:10px;display:flex}.heading-meta span{color:var(--text);align-items:center;gap:7px;display:flex}.heading-meta .live-dot{width:6px;height:6px}.heading-meta small{color:var(--faint);font-size:9px}.toolbar-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.range-control-wrap{align-items:center;gap:11px;display:flex}.segmented-control{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented-control button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:6px 10px;font-size:10px}.segmented-control button:hover{color:var(--text)}.segmented-control button.selected{color:var(--text-strong);background:var(--surface-soft);box-shadow:0 1px 3px #0002}.date-fields{gap:7px;display:flex}.date-fields label{color:var(--faint);align-items:center;gap:5px;font-size:9px;display:flex}.date-fields input{border:1px solid var(--border);background:var(--surface);width:117px;color:var(--text);color-scheme:inherit;border-radius:6px;padding:5px 7px;font-size:9px}.export-actions{gap:7px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);min-height:90px;box-shadow:var(--shadow);border-radius:10px;padding:13px 14px 11px;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--metric-color,var(--accent));opacity:.8;width:32px;height:1px;position:absolute;top:0;left:0}.stat-label{color:var(--muted);align-items:center;gap:7px;font-size:9.5px;display:flex}.stat-dot{background:var(--metric-color,var(--accent));border-radius:50%;width:6px;height:6px}.stat-label .hint-mark{border:1px solid var(--border);width:13px;height:13px;color:var(--faint);border-radius:50%;place-items:center;margin-left:auto;font-family:serif;font-size:9px;font-style:italic;display:inline-grid}.stat-card>strong{color:var(--text-strong);letter-spacing:-.7px;margin-top:11px;font-family:DM Mono,monospace;font-size:clamp(16px,1.6vw,21px);font-weight:500;line-height:1.05;display:block}.stat-footnote{color:var(--faint);margin-top:6px;font-size:8px;display:block}.accent-violet{--metric-color:#a89aff}.accent-blue{--metric-color:#7bafff}.accent-cyan{--metric-color:#59bbdb}.accent-teal{--metric-color:#63cbb5}.accent-orange{--metric-color:#f2aa70}.accent-pink{--metric-color:#e885bd}.accent-green{--metric-color:#62c69b}.callout-note{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface));color:var(--muted);border-radius:8px;align-items:start;gap:9px;margin:12px 0 17px;padding:9px 12px;display:flex}.callout-note>span{color:var(--accent);font-size:14px}.callout-note p{margin:0;font-size:9.5px;line-height:1.5}.callout-note strong{color:var(--text);font-weight:600}.overview-grid{grid-template-columns:minmax(0,2.2fr) minmax(220px,.9fr);gap:12px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:11px}.usage-panel,.pulse-panel,.breakdown-panel,.recent-panel,.events-panel{padding:16px}.panel-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.panel-heading h3,.settings-section-title h3{color:var(--text-strong);letter-spacing:-.1px;margin:0;font-size:12px;font-weight:600}.panel-heading p,.settings-section-title p{color:var(--muted);margin:5px 0 0;font-size:9.5px}.chart-total{color:var(--text-strong);flex-direction:column;align-items:end;font-family:DM Mono,monospace;font-size:16px;display:flex}.chart-total small{color:var(--faint);margin-top:3px;font-family:DM Sans,sans-serif;font-size:8px}.chart-frame{width:100%;height:214px;margin-top:10px}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:16px;padding:6px 4px 0;font-size:8.5px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend small{color:var(--faint);font-size:8px}.legend-cached,.legend-uncached,.legend-output{border-radius:2px;width:7px;height:7px;display:inline-block}.legend-cached{background:#56b6d9}.legend-uncached{background:#8277ee}.legend-output{background:#f3a66b}.pulse-panel{flex-direction:column;display:flex}.health-mark{border-radius:7px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.health-mark.healthy{color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--surface))}.health-mark.needs-review{color:var(--orange);background:color-mix(in srgb, var(--orange) 12%, var(--surface))}.health-stat{margin:26px 0 17px}.health-stat strong{color:var(--text-strong);letter-spacing:-1px;font-family:DM Mono,monospace;font-size:31px;font-weight:500;display:block}.health-stat span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.health-rows{gap:10px;margin-top:auto;display:grid}.health-rows div{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.health-rows strong{color:var(--text);font-family:DM Mono,monospace;font-size:10px;font-weight:500}.health-rows .warn-text{color:var(--orange)}.text-action{width:fit-content;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:17px;padding:0;font-size:9.5px;font-weight:600;display:inline-flex}.text-action span{transition:transform .15s}.text-action:hover span{transform:translate(3px)}.breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.subtle-count{color:var(--faint);font-family:DM Mono,monospace;font-size:9px}.breakdown-list{margin-top:13px;display:grid}.breakdown-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;grid-template-columns:24px minmax(92px,1fr) minmax(50px,1.1fr) 56px;align-items:center;gap:8px;width:100%;padding:8px 2px;display:grid}.breakdown-row:last-child{border-bottom:0}.breakdown-row.clickable{cursor:pointer}.breakdown-row.clickable:hover .breakdown-name{color:var(--accent)}.breakdown-row:disabled{color:inherit}.rank{color:var(--faint);font-family:DM Mono,monospace;font-size:8px}.breakdown-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.breakdown-name small,.breakdown-value small{color:var(--faint);margin-top:3px;font-size:8px;display:block}.breakdown-bar{background:var(--surface-soft);border-radius:5px;height:4px;overflow:hidden}.breakdown-bar i{background:linear-gradient(90deg, var(--accent-strong), #5fb9dc);border-radius:5px;height:100%;display:block}.breakdown-value{color:var(--text);text-align:right;font-family:DM Mono,monospace;font-size:10px}.breakdown-legend{display:none}.recent-panel{margin-top:12px}.recent-panel .panel-heading{align-items:center;margin-bottom:13px}.recent-panel .text-action{margin:0}.table-scroll{width:100%;overflow-x:auto}.session-table{border-collapse:collapse;white-space:nowrap;width:100%}.session-table thead{background:var(--surface-raised)}.session-table th{color:var(--faint);letter-spacing:.55px;text-align:left;text-transform:uppercase;padding:9px 11px;font-family:DM Mono,monospace;font-size:8px;font-weight:400}.session-table th:first-child{border-radius:6px 0 0 6px}.session-table th:last-child{border-radius:0 6px 6px 0}.session-table td{border-bottom:1px solid var(--border);color:var(--muted);padding:11px;font-size:9px}.session-table tbody tr{cursor:pointer;transition:background .15s}.session-table tbody tr:hover{background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.session-table tbody tr:last-child td{border-bottom:0}.session-id{max-width:205px;color:var(--text);text-overflow:ellipsis;font-family:DM Mono,monospace;font-size:9px;display:block;overflow:hidden}.session-title{max-width:260px;color:var(--text);text-overflow:ellipsis;font-size:9px;font-weight:500;display:block;overflow:hidden}.session-table td small{color:var(--faint);margin-top:4px;font-size:8px;display:block}.session-table td .session-id-caption{text-overflow:ellipsis;max-width:205px;font-family:DM Mono,monospace;overflow:hidden}.project-cell{color:var(--text);align-items:center;gap:6px;display:inline-flex}.folder-icon{color:var(--accent);font-size:13px;font-style:normal}.model-pill{border:1px solid var(--border);background:var(--surface-raised);max-width:130px;color:var(--muted);text-overflow:ellipsis;vertical-align:middle;border-radius:5px;padding:4px 7px;font-family:DM Mono,monospace;font-size:8px;display:inline-block;overflow:hidden}.numeric{text-align:right;font-family:DM Mono,monospace}.session-table th:nth-child(6),.session-table th:nth-child(7){text-align:right}.session-table .strong-number{color:var(--text);font-weight:500}.rate-pill{background:color-mix(in srgb, var(--teal) 11%, var(--surface));color:var(--teal);border-radius:5px;padding:4px 6px;font-family:DM Mono,monospace;font-size:8px}.rate-na{color:var(--faint)}.state-pill{color:var(--faint);align-items:center;gap:5px;font-size:8px;display:inline-flex}.state-pill i{background:var(--faint);border-radius:50%;width:5px;height:5px}.state-pill.active{color:var(--green)}.state-pill.active i{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 15%, transparent)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:17px;display:flex}.empty-glyph{border:1px solid var(--border);width:30px;height:30px;color:var(--accent);border-radius:9px;place-items:center;font-size:17px;display:grid}.empty-state strong{color:var(--text);margin-top:10px;font-size:10px;font-weight:600}.empty-state p{max-width:280px;color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.5}.loading-panel,.detail-loading{min-height:230px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:17px;height:17px;animation:.75s linear infinite spin}.app-footer{color:var(--faint);justify-content:space-between;gap:12px;padding:13px 34px 18px;font-size:8px;display:flex}.app-footer i{color:var(--border);margin:0 5px;font-style:normal}.error-banner{border:1px solid color-mix(in srgb, var(--red) 35%, var(--border));background:color-mix(in srgb, var(--red) 8%, var(--surface));border-radius:8px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 12px;display:flex}.error-banner>span{width:17px;height:17px;color:var(--red);background:color-mix(in srgb, var(--red) 15%, transparent);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.error-banner strong,.error-banner small{display:block}.error-banner strong{color:var(--text);font-size:9px}.error-banner small{color:var(--muted);margin-top:3px;font-size:9px}.error-banner button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:17px}.inline-error{color:var(--red);margin-top:12px;font-size:10px}.sessions-heading{margin-bottom:20px}.session-total{border:1px solid var(--border);color:var(--muted);border-radius:7px;margin-bottom:3px;padding:7px 10px;font-family:DM Mono,monospace;font-size:9px}.session-total i{color:var(--faint);padding:0 4px;font-style:normal}.session-browser{padding:13px}.session-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.search-field{border:1px solid var(--border);background:var(--app-bg);min-width:220px;height:33px;color:var(--faint);border-radius:7px;flex:1;align-items:center;gap:7px;padding:0 9px;display:flex}.search-field>span{font-size:18px;line-height:1}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:9px}.search-field input::placeholder{color:var(--faint)}.search-field kbd{border:1px solid var(--border);color:var(--faint);border-radius:4px;padding:2px 4px;font-size:8px}.select-control{border:1px solid var(--border);background:var(--surface);max-width:180px;min-height:31px;color:var(--muted);border-radius:7px;padding:0 25px 0 9px;font-size:9px}.sort-select{margin-left:auto}.list-range{margin:4px 0 13px;display:flex}.list-range .segmented-control button{padding:5px 8px;font-size:9px}.table-footer{color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 3px 0;font-size:8.5px;display:flex}.table-pagination{align-items:center;gap:7px;display:flex}.table-pagination>span{text-align:center;min-width:56px}.table-pagination .button{min-height:27px;padding:0 8px;font-size:8px}.table-pagination .button:disabled{cursor:default;opacity:.45}.detail-view{gap:13px;display:grid}.detail-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.back-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:10px;display:inline-flex}.back-button:hover{color:var(--accent)}.back-button span{font-size:17px}.detail-actions{gap:6px;display:flex}.detail-hero{justify-content:space-between;align-items:center;gap:20px;padding:17px 19px;display:flex}.detail-title-wrap{min-width:0}.detail-title-wrap .eyebrow{align-items:center;gap:9px;display:flex}.detail-title-wrap .eyebrow>span{color:var(--faint);font-size:8px}.detail-title-wrap .eyebrow>span.live-dot{width:6px;height:6px;color:var(--green)}.detail-title-wrap h1{max-width:800px;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:9px 0 8px;font-family:DM Mono,monospace;font-size:clamp(14px,1.6vw,20px);font-weight:500;overflow:hidden}.detail-subtitle{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:9px;display:flex}.confidence-box{border-left:1px solid var(--border);min-width:105px;padding-left:17px}.confidence-box span,.confidence-box strong{display:block}.confidence-box span{color:var(--faint);font-size:8px}.confidence-box strong{margin-top:6px;font-size:10px}.confidence-high{color:var(--green)}.confidence-low{color:var(--orange)}.warning-banner{border:1px solid color-mix(in srgb, var(--orange) 30%, var(--border));background:color-mix(in srgb, var(--orange) 7%, var(--surface));color:var(--text);border-radius:8px;padding:10px 13px;font-size:9px}.warning-banner ul{color:var(--muted);margin:7px 0 0;padding-left:16px;line-height:1.6}.detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,.9fr);gap:12px;display:grid}.detail-chart-panel,.composition-panel{padding:16px}.detail-line-chart{height:240px}.composition-total{align-items:baseline;gap:8px;margin:26px 0 11px;display:flex}.composition-total strong{color:var(--text-strong);font-family:DM Mono,monospace;font-size:24px;font-weight:500}.composition-total span{color:var(--faint);font-size:9px}.composition-track{background:var(--surface-soft);border-radius:8px;height:9px;display:flex;overflow:hidden}.composition-track i{height:100%;display:block}.cached-segment{background:#56b6d9}.uncached-segment{background:#8277ee}.output-segment{background:#f3a66b}.composition-legend{gap:11px;margin-top:17px;display:grid}.composition-legend>div:not(.subset-note){color:var(--muted);grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:9px;display:grid}.composition-legend strong{color:var(--text);font-family:DM Mono,monospace;font-size:9px;font-weight:500}.composition-legend .subset-note{background:var(--surface-raised);color:var(--faint);border-radius:6px;padding:8px 9px;font-size:8px;line-height:1.45}.detail-path{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:19px;padding-top:13px;display:flex}.detail-path strong,.detail-path small{display:block}.detail-path strong{color:var(--text);font-size:9px}.detail-path small{color:var(--faint);margin-top:4px;font-size:8px}.subtle-button{min-height:26px;padding:0 8px;font-size:8px}.path-text{max-width:60%;color:var(--muted);text-align:right;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0;font-family:DM Mono,monospace;font-size:8px;overflow:hidden}.events-panel{padding:16px}.events-panel .panel-heading{margin-bottom:7px}.event-list{display:grid}.event-row{border-bottom:1px solid var(--border);grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 2px;display:grid}.event-row:last-child{border-bottom:0}.event-mark{background:color-mix(in srgb, var(--accent) 13%, var(--surface));width:21px;height:21px;color:var(--accent);border-radius:6px;place-items:center;font-size:12px;display:grid}.event-mark.reset{background:color-mix(in srgb, var(--orange) 14%, var(--surface));color:var(--orange)}.event-main strong,.event-main span,.event-main small,.event-delta strong,.event-delta span{display:block}.event-main strong{color:var(--text);font-size:9px}.event-main span{color:var(--muted);margin-top:4px;font-size:8px}.event-main small{color:var(--orange);margin-top:4px;font-size:8px}.event-delta{text-align:right}.event-delta strong{color:var(--text);font-family:DM Mono,monospace;font-size:10px;font-weight:500}.event-delta span{color:var(--faint);margin-top:4px;font-size:8px}.error-card{padding:20px}.error-card strong{color:var(--text);font-size:13px}.error-card p{color:var(--muted);font-size:10px}.settings-heading{margin-bottom:23px}.settings-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);align-items:start;gap:13px;display:grid}.settings-main,.settings-aside{gap:12px;display:grid}.settings-card{padding:17px}.settings-section-title{align-items:start;gap:10px;display:flex}.settings-icon{border:1px solid var(--border);background:var(--surface-raised);width:27px;height:27px;color:var(--accent);border-radius:7px;flex:0 0 27px;place-items:center;font-size:13px;display:grid}.settings-section-title h3{margin-top:1px}.settings-section-title p{line-height:1.5}.source-current{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;align-items:center;gap:10px;margin:16px 0;padding:11px;display:flex}.source-current>div{flex:1;min-width:0}.source-current strong,.source-current small{display:block}.source-current strong{color:var(--text);font-size:9px;font-weight:600}.source-current small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.source-current .text-action{margin:0}.revealed-path{overflow-wrap:anywhere;border:1px dashed var(--border);color:var(--muted);border-radius:6px;justify-content:space-between;gap:10px;margin:-8px 0 15px;padding:8px 10px;font-family:DM Mono,monospace;font-size:8px;display:flex}.revealed-path button{color:var(--faint);cursor:pointer;background:0 0;border:0;align-self:start}.form-label{color:var(--text);margin:13px 0 6px;font-size:9px;font-weight:600;display:block}.path-form{gap:7px;display:flex}.path-form input{border:1px solid var(--border);background:var(--app-bg);min-width:0;height:33px;color:var(--text);border-radius:7px;flex:1;padding:0 10px;font-size:9px}.path-form input::placeholder{color:var(--faint)}.form-help{color:var(--faint);margin-top:7px;font-size:8px;line-height:1.5}.form-help code{color:var(--muted);font-family:DM Mono,monospace}.settings-separator{background:var(--border);height:1px;margin:16px 0}.automatic-row{background:0 0;border:0;margin:0;padding:0}.auto-icon{background:var(--surface-soft);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;font-size:16px;display:grid}.refresh-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:17px;display:grid}.refresh-options button{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;border-radius:7px;flex-direction:column;align-items:start;gap:5px;padding:9px;display:flex}.refresh-options button:hover{border-color:var(--faint)}.refresh-options button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}.refresh-options strong{color:var(--text);font-family:DM Mono,monospace;font-size:11px;font-weight:500}.refresh-options small{color:var(--faint);font-size:7.5px}.settings-save-row{color:var(--faint);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:8px;display:flex}.preference-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.preference-row:last-child{border-bottom:0;padding-bottom:0}.preference-row>div:first-child strong,.preference-row>div:first-child small{display:block}.preference-row strong{color:var(--text);font-size:9px}.preference-row small{max-width:310px;color:var(--faint);margin-top:4px;font-size:8px;line-height:1.4}.small-segment button{min-width:48px;padding:5px 7px;font-size:8px}.privacy-card{padding:17px}.privacy-symbol{border:1px solid color-mix(in srgb, var(--green) 25%, var(--border));background:color-mix(in srgb, var(--green) 10%, var(--surface));width:30px;height:30px;color:var(--green);border-radius:9px;place-items:center;margin-bottom:13px;font-size:17px;display:grid}.privacy-card h3{color:var(--text-strong);letter-spacing:-.3px;margin:8px 0 6px;font-size:15px}.privacy-card>p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.privacy-toggle-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:12px 0;display:flex}.privacy-toggle-row strong,.privacy-toggle-row small{display:block}.privacy-toggle-row strong{color:var(--text);font-size:9px}.privacy-toggle-row small{color:var(--faint);margin-top:4px;font-size:8px}.toggle-switch{background:var(--surface-soft);cursor:pointer;border:0;border-radius:9px;width:31px;height:18px;padding:0;transition:background .16s;position:relative}.toggle-switch i{background:var(--muted);border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.toggle-switch.on{background:color-mix(in srgb, var(--green) 40%, var(--surface-soft))}.toggle-switch.on i{background:var(--green);transform:translate(13px)}.privacy-card ul{color:var(--muted);gap:8px;margin:13px 0 0;padding-left:15px;font-size:8px;line-height:1.45;display:grid}.privacy-card li::marker{color:var(--green)}.about-card{padding:15px}.about-card p{color:var(--muted);margin:10px 0 0;font-size:8.5px;line-height:1.5}.about-card strong{color:var(--text);font-weight:600}.toast{z-index:20;border:1px solid var(--border);background:var(--surface-raised);max-width:min(420px,100vw - 30px);box-shadow:var(--shadow);color:var(--text);border-radius:8px;padding:10px 13px;font-size:9px;position:fixed;bottom:20px;right:22px}.success-toast{border-color:color-mix(in srgb, var(--green) 40%, var(--border))}.error-toast{border-color:color-mix(in srgb, var(--red) 40%, var(--border));color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--green) 7%, transparent)}}.model-allocation{border-top:1px solid var(--border);gap:8px;margin-top:14px;padding-top:12px;display:grid}.model-allocation>strong{color:var(--muted);margin-bottom:2px;font-size:8px;font-weight:600}.model-allocation>div{color:var(--faint);justify-content:space-between;gap:9px;font-size:8px;display:flex}.model-allocation b{color:var(--text);font-family:DM Mono,monospace;font-size:8px;font-weight:500}@media (width>=1500px){.content-area,.topbar{padding-left:46px;padding-right:46px}}@media (width<=1120px){.sidebar{width:205px}.main-area{margin-left:205px}.content-area,.topbar{padding-left:23px;padding-right:23px}.metric-grid,.detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(200px,.9fr)}.settings-layout{grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr)}}@media (width<=860px){.sidebar{align-items:center;width:62px;padding:17px 7px}.brand{padding:0 0 28px}.brand>div:last-child,.sidebar-caption,.main-nav button:not(.active) .nav-count,.main-nav button:not(.active){font-size:0}.brand-mark{flex:0 0 34px}.main-nav{width:100%}.main-nav button{justify-content:center;padding:0;font-size:0}.main-nav button.active{font-size:0}.nav-icon{font-size:17px}.nav-count{display:none}.sidebar-foot{background:0 0;border:0;justify-content:center;width:35px;padding:10px 0}.sidebar-foot>div,.sidebar-note{display:none}.main-area{margin-left:62px}.overview-grid{grid-template-columns:1fr}.pulse-panel{min-height:175px}.health-stat{margin:14px 0}.health-rows{grid-template-columns:repeat(3,1fr)}.health-rows div{gap:5px;display:grid}.text-action{margin-top:12px}.detail-grid{grid-template-columns:1fr}.composition-panel{grid-template-columns:1fr 1fr;align-items:start;column-gap:20px;display:grid}.composition-panel>.panel-heading{grid-column:1/-1}.composition-total{margin:16px 0 8px}.composition-track{margin-top:24px}.composition-legend,.detail-path{grid-column:1/-1}.settings-layout{grid-template-columns:1fr}.settings-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.topbar{flex-basis:54px;height:54px;padding:0 13px}.breadcrumb{gap:7px;font-size:9px}.connection-status{display:none}.topbar-actions{gap:7px}.refresh-button{padding:0 8px;font-size:9px}.content-area{padding:22px 13px 33px}.page-heading{flex-direction:column;align-items:start;margin-bottom:18px}.page-heading h1{font-size:24px}.heading-meta{align-items:start;gap:5px}.toolbar-row{flex-direction:column;align-items:start}.range-control-wrap{flex-wrap:wrap;width:100%}.segmented-control{max-width:100%}.segmented-control button{padding:6px 7px;font-size:8px}.export-actions{align-self:end}.metric-grid,.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat-card{min-height:82px;padding:11px 10px}.stat-label{font-size:8px}.stat-card>strong{font-size:16px}.overview-grid,.breakdown-grid{grid-template-columns:1fr;gap:9px}.usage-panel,.pulse-panel,.breakdown-panel,.recent-panel,.events-panel{padding:12px}.chart-frame{height:190px}.chart-legend{gap:9px}.health-rows{grid-template-columns:repeat(3,1fr)}.breakdown-row{grid-template-columns:22px minmax(70px,1fr) minmax(35px,.8fr) 45px;gap:6px}.app-footer{flex-direction:column;align-items:start;padding:12px 13px 16px}.session-total{align-self:start}.session-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.search-field{grid-column:1/-1}.sort-select{margin-left:0}.select-control{width:100%;max-width:none}.list-range{overflow-x:auto}.date-fields{width:100%}.date-fields label{flex:1}.date-fields input{width:100%}.detail-toolbar{flex-direction:column;align-items:start}.detail-actions{width:100%}.detail-actions .button{flex:1;padding:0 6px;font-size:8px}.detail-hero{align-items:start;padding:13px}.detail-subtitle{gap:7px 11px}.confidence-box{min-width:75px;padding-left:9px}.confidence-box strong{font-size:9px}.detail-line-chart{height:200px}.composition-panel{padding:13px}.event-row{grid-template-columns:22px minmax(0,1fr)}.event-delta{text-align:left;grid-column:2;justify-content:space-between;align-items:baseline;display:flex}.settings-aside{grid-template-columns:1fr}.settings-card{padding:13px}.refresh-options{gap:5px}.refresh-options button{padding:7px 6px}.settings-save-row{align-items:end}.settings-save-row span{max-width:170px;line-height:1.4}.preference-row,.table-footer{align-items:start}.session-table th,.session-table td{padding:9px 8px}.detail-title-wrap h1{max-width:calc(100vw - 180px);font-size:12px}}.brand strong{font-size:17px}.brand small,.sidebar-caption{font-size:12px}.main-nav button{font-size:15px}.nav-count{font-size:12px}.sidebar-foot strong{font-size:13px}.sidebar-foot small,.sidebar-note p{font-size:12px}.breadcrumb{font-size:14px}.connection-status{font-size:13px}.button{min-height:38px;font-size:13px}.eyebrow{font-size:12px}.heading-meta{font-size:13px}.heading-meta small{font-size:12px}.segmented-control button{padding:8px 12px;font-size:13px}.date-fields label,.date-fields input{font-size:13px}.stat-card{min-height:104px}.stat-label{font-size:13px}.stat-footnote{font-size:12px}.callout-note p{font-size:13px}.panel-heading h3,.settings-section-title h3{font-size:16px}.panel-heading p,.settings-section-title p{font-size:13px}.chart-total{font-size:20px}.chart-total small,.chart-legend small{font-size:11px}.chart-legend{font-size:12px}.health-stat span,.health-rows div,.health-rows strong,.text-action{font-size:13px}.subtle-count{font-size:12px}.rank{color:var(--muted);font-size:11px}.breakdown-row{grid-template-columns:24px minmax(92px,1fr) minmax(40px,1.1fr) minmax(88px,max-content);padding-top:10px;padding-bottom:10px}.breakdown-bar{height:6px}.breakdown-name{font-size:14px;font-weight:600}.breakdown-value{font-size:13px;font-weight:600}.breakdown-name small,.breakdown-value small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.45}.breakdown-price{white-space:nowrap;color:var(--green)!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important}.breakdown-price.unpriced{color:var(--muted)!important;font-weight:400!important}.pricing-note p{line-height:1.65}.pricing-note a{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.session-table th{font-size:12px}.session-table td{padding-top:13px;padding-bottom:13px;font-size:14px}.model-pill,.rate-pill{font-size:11px}.state-pill{font-size:12px}.empty-state p,.loading-panel,.detail-loading{font-size:13px}.app-footer{font-size:12px}.error-banner strong,.error-banner small,.inline-error{font-size:13px}.session-total{font-size:12px}.table-footer{font-size:12px}.back-button{font-size:13px}.detail-title-wrap .eyebrow>span{font-size:12px}.confidence-box span{font-size:12px}.confidence-box strong,.warning-banner,.error-card p{font-size:13px}.composition-total span,.composition-legend>div:not(.subset-note),.composition-legend strong,.composition-legend .subset-note{font-size:12px}.detail-path strong{font-size:13px}.detail-path small,.subtle-button,.path-text{font-size:12px}.event-main strong{font-size:13px}.event-main span,.event-main small,.event-delta span{font-size:12px}.event-delta strong{font-size:14px}.source-current strong,.preference-row strong,.privacy-toggle-row strong{font-size:13px}.form-label{font-size:13px}.path-form input{height:40px;font-size:13px}.automatic-row .button{min-height:36px;font-size:12px}.refresh-options strong{font-size:14px}.refresh-options small,.settings-save-row,.small-segment button{font-size:12px}.privacy-card>p,.privacy-card ul,.about-card p,.toast{font-size:13px}.model-allocation>strong,.model-allocation>div,.model-allocation b{font-size:12px}@media (width<=620px){.breadcrumb,.refresh-button{font-size:12px}.segmented-control button{padding:8px 9px;font-size:12px}.stat-card{min-height:94px}.stat-label,.detail-actions .button,.confidence-box strong{font-size:12px}.session-table th,.session-table td{padding:10px 9px}.session-table td{font-size:13px}.session-id{font-size:12px}.breakdown-row{grid-template-columns:22px minmax(74px,1fr) minmax(88px,auto);gap:7px;padding-top:11px;padding-bottom:11px}.breakdown-bar{display:none}.breakdown-name{white-space:normal;overflow-wrap:anywhere}.breakdown-name small{white-space:normal}.detail-title-wrap h1{font-size:14px}}body,.app-shell{font-size:16px}.brand small,.sidebar-caption,.sidebar-foot small,.sidebar-note p{letter-spacing:0;font-family:inherit;font-size:13px}.breadcrumb,.connection-status,.heading-meta{font-size:15px}.heading-meta small,.eyebrow{letter-spacing:0;font-family:inherit;font-size:13px}.button{font-size:14px}.page-heading p{font-size:15px}.segmented-control button,.date-fields label,.date-fields input,.stat-label{font-size:14px}.panel-heading p,.settings-section-title p,.chart-legend,.chart-legend small,.breakdown-name small,.breakdown-value small{font-size:13px}.session-table th{font-family:inherit;font-size:13px}.session-table td{font-size:15px}.session-title{max-width:300px;font-size:16px;font-weight:600}.session-id{font-size:14px}.session-table td small,.model-pill,.rate-pill,.state-pill{font-size:13px}.search-field input,.select-control{font-size:15px}.session-total,.table-footer,.table-pagination .button{font-family:inherit;font-size:13px}.table-pagination .button{min-height:32px}.empty-state strong{font-size:15px}.empty-state p,.loading-panel,.detail-loading,.app-footer{font-size:14px}.detail-subtitle{font-size:15px}.source-current small,.revealed-path,.form-help,.preference-row small,.privacy-toggle-row small{font-size:13px}.privacy-card>p,.privacy-card ul,.about-card p{font-size:14px}@media (width<=620px){.breadcrumb,.heading-meta,.search-field input,.select-control{font-size:14px}.segmented-control button,.session-table td{font-size:13px}.session-title{font-size:15px}.session-table th,.session-table td{padding-left:9px;padding-right:9px}}*,:before,:after{font-family:Microsoft YaHei,微软雅黑,Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,Segoe UI,system-ui,sans-serif!important}.trend-series-controls{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.trend-series-toggle{border:1px solid var(--border);background:var(--surface-raised);min-height:32px;color:var(--muted);cursor:pointer;border-radius:7px;align-items:center;gap:7px;padding:0 10px;font-size:13px;display:inline-flex}.trend-series-toggle:hover{border-color:var(--faint);color:var(--text)}.trend-series-toggle.selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text-strong)}.trend-series-toggle i{border-radius:50%;width:8px;height:8px}.detail-line-chart{height:290px;margin-top:7px}.detail-pagination{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;font-size:13px;display:flex}.detail-pagination .table-pagination{margin-left:auto}.analysis-heading{margin-bottom:22px}.analysis-title-row,.overview-title-row{align-items:center;gap:10px;display:flex}.data-warning-help{z-index:35;flex:none;align-items:center;display:inline-flex;position:relative}.data-warning-trigger{border:1px solid color-mix(in srgb, var(--orange) 48%, var(--border));background:color-mix(in srgb, var(--orange) 9%, var(--surface));width:21px;height:21px;color:var(--orange);cursor:help;border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:700;line-height:1;display:inline-grid}.data-warning-trigger:hover,.data-warning-trigger:focus-visible{border-color:var(--orange);outline:2px solid color-mix(in srgb, var(--orange) 23%, transparent);outline-offset:2px}.data-warning-tooltip{z-index:50;border:1px solid color-mix(in srgb, var(--orange) 34%, var(--border));background:var(--surface-raised);width:max-content;min-width:min(300px,100vw - 36px);max-width:min(440px,100vw - 36px);box-shadow:var(--shadow);color:var(--text);opacity:0;visibility:hidden;pointer-events:none;border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.5;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 9px);left:-8px;transform:translateY(-4px)}.data-warning-help:hover .data-warning-tooltip,.data-warning-help:focus-within .data-warning-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.data-warning-tooltip strong{color:var(--text-strong);margin-bottom:7px;font-size:13px;display:block}.data-warning-tooltip ul{color:var(--muted);margin:0;padding-left:18px}.data-warning-tooltip li+li{margin-top:4px}.data-warning-tooltip small{color:var(--faint);margin-top:7px;font-size:11px;display:block}.analysis-toolbar{align-items:end;margin-bottom:16px}.analysis-filter-group{justify-content:flex-end;gap:12px;width:min(720px,58%);display:flex}.analysis-filter-select{min-width:0;color:var(--muted);flex:1;gap:5px;font-size:13px;display:grid}.analysis-filter-select .select-control{width:100%;max-width:none}.analysis-metrics{margin-bottom:13px}.analysis-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);align-items:start;gap:12px;display:grid}.analysis-daily-chart{height:300px}.analysis-cost-panel,.analysis-model-panel{padding:17px}.analysis-cost-list{gap:0;margin-top:18px;display:grid}.analysis-cost-list>div{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;font-size:14px;display:flex}.analysis-cost-list>div>span{align-items:center;gap:8px;display:inline-flex}.analysis-cost-list strong{color:var(--text);font-size:15px;font-weight:600}.analysis-cost-list .analysis-cost-total{color:var(--text-strong);border-bottom:0;margin-top:3px;font-weight:600}.analysis-cost-list .analysis-cost-total strong{color:var(--accent);font-size:20px}.cost-swatch{background:#8277ee;border-radius:3px;width:9px;height:9px}.cost-swatch.cached{background:#56b6d9}.cost-swatch.output{background:#f3a66b}.analysis-cost-note,.analysis-source-note,.unpriced-models{color:var(--faint);margin:10px 0 0;font-size:12px;line-height:1.55}.analysis-source-note{border-top:1px solid var(--border);margin-top:13px;padding-top:11px}.analysis-source-note a{color:var(--accent);text-decoration:none}.analysis-source-note a:hover{text-decoration:underline}.analysis-model-panel{margin-top:12px}.analysis-model-chart{width:100%;margin-top:11px}.analysis-project-panel{margin-top:12px;padding:17px}.analysis-project-list{gap:0;max-height:560px;margin-top:9px;display:grid;overflow:auto}.analysis-project-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(130px,1.15fr) minmax(0,2fr);align-items:center;gap:18px;padding:13px 4px;display:grid}.analysis-project-row:last-child{border-bottom:0}.analysis-project-title{gap:4px;min-width:0;display:grid}.analysis-project-title strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.analysis-project-title span,.analysis-project-values small{color:var(--faint);font-size:12px}.analysis-project-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.analysis-project-values>span{gap:4px;min-width:0;display:grid}.analysis-project-values strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.analysis-filter-select .select-control{text-overflow:ellipsis;overflow:hidden}@media (width<=1120px){.analysis-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr)}}@media (width<=860px){.analysis-toolbar{flex-direction:column;align-items:start}.analysis-grid{grid-template-columns:1fr}.analysis-filter-group{width:100%;max-width:720px}}@media (width<=620px){.analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-toolbar{align-items:stretch}.analysis-filter-group{flex-direction:column}.detail-line-chart{height:240px}.detail-pagination{flex-direction:column;align-items:start}.detail-pagination .table-pagination{justify-content:space-between;width:100%;margin-left:0}.analysis-cost-panel,.analysis-model-panel,.analysis-project-panel{padding:13px}.analysis-daily-chart{height:230px}.analysis-model-chart{overflow:hidden}.analysis-project-row{grid-template-columns:1fr;gap:9px;padding-left:1px;padding-right:1px}.analysis-project-values{gap:7px}.analysis-project-values small{font-size:11px}.analysis-project-values strong{font-size:12px}}.app-shell{flex-direction:column;display:flex}.main-area{width:100%;min-height:calc(100vh - 68px);margin-left:0}.topbar{justify-content:unset;flex:0 0 68px;grid-template-columns:minmax(200px,1fr) auto minmax(250px,1fr);gap:18px;width:100%;height:68px;padding:0 max(24px,50vw - 706px);display:grid}.topbar-brand{min-width:0;padding:0}.topbar-brand .brand-mark{flex:0 0 34px}.topbar .main-nav{justify-content:center;align-items:center;gap:5px;display:flex}.topbar .main-nav button{text-align:center;white-space:nowrap;border-radius:8px;gap:8px;width:auto;min-height:40px;padding:0 12px}.topbar .main-nav button.active{box-shadow:inset 0 -2px var(--accent)}.topbar .main-nav .nav-icon{flex:0 0 17px;width:17px}.topbar .main-nav .nav-count{margin-left:0}.topbar-actions{justify-self:end}.language-toggle{border:1px solid var(--border);background:var(--surface);min-width:38px;height:30px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:0 8px;font-size:11px;font-weight:650}.language-toggle:hover{border-color:var(--faint);background:var(--surface-raised,var(--surface))}@media (width<=1120px){.topbar{grid-template-columns:minmax(180px,1fr) auto minmax(210px,1fr);gap:8px;padding-left:20px;padding-right:20px}.topbar .main-nav button{gap:6px;padding:0 9px}}@media (width<=900px){.topbar{flex-basis:auto;grid-template-rows:48px 40px;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;height:auto;min-height:104px;padding:8px 18px 9px}.topbar-brand{grid-area:1/1}.topbar-actions{grid-area:1/2}.topbar .main-nav{grid-area:2/1/auto/-1;width:100%}.main-area{min-height:calc(100vh - 104px)}}@media (width<=620px){.topbar{grid-template-rows:42px 38px;gap:6px 8px;min-height:94px;padding:7px 12px 8px}.main-area{min-height:calc(100vh - 94px)}.topbar-brand{gap:8px}.topbar-brand .brand-mark{flex-basis:30px;width:30px;height:30px;padding:6px}.topbar-brand strong{font-size:15px}.topbar-brand small{display:none}.topbar .main-nav{gap:3px}.topbar .main-nav button{flex:1;gap:5px;min-width:0;min-height:36px;padding:0 5px;font-size:13px}.topbar .main-nav .nav-icon{flex:none;width:auto;font-size:15px}.topbar .main-nav .nav-count{display:none}.topbar-actions{gap:7px}.language-toggle{min-width:34px;height:28px;padding:0 6px}.topbar .refresh-button{padding:0 8px;font-size:12px}}