:root{color-scheme:dark;--bg: #0b1212;--surface: #121e1e;--surface-raised: #182727;--text: #eef5ef;--muted: #a3b6b1;--line: #2b3c39;--accent: #7ae4be;--gold: #e6c487;--danger: #ffaaa3;--radius: 16px;font-family:Segoe UI,Microsoft YaHei,PingFang TC,Yu Gothic UI,Malgun Gothic,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(ellipse at 5% 0%,#18332c 0,transparent 42%),var(--bg)}button,input,select{font:inherit}button,select{min-height:44px;cursor:pointer;touch-action:manipulation}button{line-height:1.4}button:disabled{opacity:.55;cursor:wait}input,select{color:var(--text);border:1px solid var(--line);border-radius:8px;background:var(--bg)}input{width:100%;min-width:0;min-height:46px;padding:8px 12px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus{border-color:var(--accent)}svg{width:22px;height:22px;flex:0 0 auto}h1,h2,p{margin:0}h1{font-size:clamp(20px,1.65vw,30px);font-weight:600;line-height:1.35;overflow-wrap:anywhere}h2{font-size:24px;font-weight:600;line-height:1.4}.screen-shell{width:min(100%,2560px);min-height:100vh;margin:auto;padding:26px clamp(18px,2.6vw,56px) 32px}.topbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(450px,1fr) auto;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding-bottom:24px}.brand-title{min-width:0}.brand-title>.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);letter-spacing:.16em;font-size:11px;text-transform:uppercase;margin-bottom:8px}.brand-title>.eyebrow:before{content:"";width:8px;height:8px;border:2px solid var(--accent);transform:rotate(45deg)}.brand-heading{display:flex;align-items:center;gap:10px}.dev-badge{flex-shrink:0;color:var(--danger);background:#482a28;border:1px solid #80504b;padding:4px 7px;border-radius:4px;font-size:11px;font-weight:700}.eyebrow{color:var(--muted);font-size:13px;font-weight:600;line-height:1.5}.topbar-status{display:grid;grid-template-columns:.7fr .7fr 1.2fr 1.1fr;gap:16px}.topbar-status>div{min-width:0}.topbar-status span{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.topbar-status strong{display:block;font-size:13px;font-weight:500;white-space:nowrap}.topbar-tools{display:flex;align-items:center;gap:10px}.language-select{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:8px;padding-left:12px;background:var(--surface)}.language-select svg{width:18px;color:var(--muted)}.language-select select{max-width:100%;width:120px;padding:0 8px;border:0;background:transparent;font-size:13px}.language-select option{background:var(--surface);color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button,.ghost-button,.solid-button{border:1px solid var(--line);border-radius:8px;padding:10px 18px;transition:background .18s,border-color .18s}.icon-button,.ghost-button{color:var(--text);background:var(--surface-raised)}.icon-button{width:44px;flex:0 0 44px;padding:10px;display:grid;place-items:center}.icon-button circle{fill:var(--surface-raised)}.solid-button{background:var(--accent);border-color:var(--accent);color:#11251d;font-weight:700}.ghost-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:#263d35;border-color:#638a7b}.solid-button:hover:not(:disabled){background:#a0f3d3}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 20px}.page-heading .eyebrow{color:var(--text);font-size:19px;margin-bottom:5px}.page-heading p+p{color:var(--muted);font-size:12px}.live-indicator{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:12px}.live-indicator i{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #7ae4be12}.live-indicator.is-stale{color:var(--gold)}.live-indicator.is-syncing i{animation:breathe 1.4s ease-in-out infinite}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}.primary-metric,.flow-panel,.ticket-panel,.gate-subsection-panel,.trend-panel,.setup-panel,.fatal-panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px}.primary-metric{grid-column:span 4;min-height:238px;display:flex;flex-direction:column;justify-content:space-between;position:relative;background:linear-gradient(115deg,#204539,#132c25);border-color:#426e58;isolation:isolate}.primary-metric:after{content:"";position:absolute;right:0;top:0;width:48%;height:100%;z-index:-1;opacity:.14;border-radius:inherit;background:repeating-linear-gradient(125deg,transparent 0 18px,#8dcaad 19px 20px);mask-image:linear-gradient(90deg,transparent,black)}.primary-metric .eyebrow{color:#c5ebd5}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-heading .eyebrow{color:var(--text);font-size:14px}.panel-heading>span{color:var(--muted);font-size:11px;text-align:right;flex-shrink:0;max-width:45%}.primary-metric .panel-heading>span{color:#c5ebd5;border:1px solid #5a856b;border-radius:20px;padding:2px 9px}.mega-number{font-family:Bahnschrift,DIN Alternate,Segoe UI,sans-serif;font-size:clamp(44px,4.7vw,100px);font-weight:600;letter-spacing:-.045em;line-height:1.15;margin:18px 0 12px;overflow-wrap:anywhere}.mega-number.long-number{font-size:clamp(26px,3.2vw,66px)}.metric-caption{color:#b9d3c4;font-size:12px}.flow-panel{grid-column:span 4;display:flex;flex-direction:column;gap:24px;border-top:2px solid #508772}.print-panel{border-top-color:#a48a5e}.flow-rows{display:grid;gap:16px;margin-top:auto}.flow-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0}.flow-row+.flow-row{border-top:1px solid var(--line);padding-top:14px}.flow-row span{color:var(--muted);font-size:13px;max-width:48%;overflow-wrap:anywhere}.flow-row strong{font-family:Bahnschrift,DIN Alternate,Segoe UI,sans-serif;font-size:clamp(26px,2.5vw,48px);font-weight:500;letter-spacing:-.025em;line-height:1.1;min-width:0;overflow-wrap:anywhere}.flow-row:first-child strong{color:var(--accent)}.print-panel .flow-row:first-child strong{color:var(--gold)}.ticket-panel{grid-column:span 4;grid-row:2;display:flex;flex-direction:column;gap:26px}.ticket-list{display:grid;gap:18px}.ticket-row{min-width:0;display:grid;gap:9px}.ticket-label,.subsection-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}.ticket-label span,.subsection-label span{min-width:0;color:#c8d6d0;overflow-wrap:anywhere}.ticket-label strong,.subsection-label strong{flex-shrink:0;font-weight:600}.ticket-track,.subsection-track{height:6px;border-radius:4px;background:#243733;overflow:hidden}.ticket-track span,.subsection-track span{display:block;height:100%;width:var(--bar-width);border-radius:inherit;background:var(--accent)}.ticket-row:nth-child(2n) .ticket-track span{background:#accab7}.ticket-row:nth-child(3n) .ticket-track span{background:var(--gold)}.trend-panel{grid-column:span 4;grid-row:2}.chart-hint{color:var(--muted);font-size:11px;line-height:1.5;margin-top:8px}.trend-sections{display:grid;gap:22px;margin-top:22px}.trend-section{min-width:0}.trend-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.trend-title span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.trend-title strong{font-weight:500;font-size:20px;flex-shrink:0}.sparkline{display:grid;grid-template-columns:repeat(var(--bars),minmax(0,1fr));align-items:end;gap:7px;height:76px;border-bottom:1px solid #3a4b42;background:repeating-linear-gradient(to top,transparent 0 24px,#ffffff06 25px 26px)}.sparkline>span{display:block;position:relative;height:max(2px,var(--bar-height));min-width:0;border-radius:3px 3px 0 0;background:linear-gradient(0deg,#aa8f5d,var(--gold));cursor:pointer}.sparkline>span:before{content:"";position:absolute;inset:-5px 0 0;min-height:44px}.gate-sparkline>span{background:linear-gradient(0deg,#488c74,var(--accent))}.sparkline>span:hover{background:#fff0c7}.gate-sparkline>span:hover{background:#b7f6de}.sparkline>span:focus-visible{outline-offset:2px;outline-color:#fff}.dense-sparkline{gap:3px}.chart-axis{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;margin-top:8px}.chart-empty{min-height:76px;display:grid;place-content:center;color:var(--muted);font-size:12px}.gate-subsection-panel{grid-column:1 / -1;grid-row:3}.subsection-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:22px}.subsection-section{min-width:0}.subsection-section+.subsection-section{border-left:1px solid var(--line);padding-left:28px}.subsection-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}.subsection-title span{color:var(--muted);font-size:12px}.subsection-title strong{font-family:Bahnschrift,Segoe UI,sans-serif;font-weight:500;font-size:24px}.subsection-list{display:grid;gap:18px}.subsection-row{min-width:0;display:grid;gap:7px}.subsection-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;flex-wrap:wrap}.subsection-meta span{overflow-wrap:anywhere}.subsection-meta span:last-child{text-align:right}.subsection-track{height:3px}.subsection-track span{background:#709d8a}.subsection-empty,.empty-state{display:grid;place-content:center;min-height:90px;color:var(--muted);font-size:13px;text-align:center}.empty-state{flex:1}.status-panel{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0}.status-panel .eyebrow{display:none}.status-panel h2{color:#b6ccbf;font-size:13px;margin-bottom:5px}.status-panel p{color:var(--muted);font-size:11px;line-height:1.6}.actions{flex-shrink:0}.actions button{font-size:12px}.without-gate .primary-metric,.without-badge .primary-metric,.without-gate .flow-panel,.without-badge .flow-panel,.without-gate.without-badge .primary-metric{grid-column:span 6}.without-gate.without-badge .ticket-panel{grid-column:span 6;grid-row:1}.trend-tooltip{position:fixed;z-index:30;width:300px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow-y:auto;pointer-events:auto;background:#142923;border:1px solid #527661;border-left:3px solid var(--gold);border-radius:10px;box-shadow:0 16px 44px #0007;padding:16px;display:grid;gap:10px}.trend-tooltip.is-gate{border-left-color:var(--accent)}.trend-tooltip-label{color:var(--muted);font-size:12px}.trend-tooltip-date{font-size:16px;font-weight:500}.trend-tooltip-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trend-tooltip-metrics>span{display:grid;gap:6px;min-width:0}.trend-tooltip-metrics small{color:var(--muted);font-size:11px}.trend-tooltip-metrics strong{font-size:24px;font-weight:500;overflow-wrap:anywhere}.trend-tooltip-breakdown{border-top:1px solid var(--line);padding-top:12px}.trend-tooltip-breakdown-heading,.trend-tooltip-breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:12px}.trend-tooltip-breakdown-heading{color:var(--muted);margin-bottom:8px}.trend-tooltip-breakdown-row{padding:4px 0}.trend-tooltip-breakdown-row span{overflow-wrap:anywhere}.trend-tooltip-breakdown-empty{color:var(--muted);font-size:12px}.setup-panel,.fatal-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:52px;width:min(940px,100%);margin:40px auto;padding:clamp(24px,4vw,52px)}.setup-panel h2{margin:12px 0;font-size:30px}.setup-panel p{color:var(--muted);line-height:1.8;font-size:14px}.setup-panel .eyebrow{color:var(--accent)}.setup-form,.settings-drawer{display:grid;gap:18px}label{display:grid;gap:8px;min-width:0}label>span{color:var(--muted);font-size:12px}.mode-switch-panel{display:grid;gap:14px;border:1px solid var(--line);border-radius:10px;padding:16px;background:#ffffff03}.mode-switch-panel>div{display:grid;gap:6px;min-width:0}.mode-switch-panel span,.mode-switch-panel small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.mode-switch-panel strong{font-size:15px;font-weight:600}.mode-switch-panel button{font-size:12px}.error-alert,.success-toast{position:fixed;z-index:40;right:24px;bottom:24px;display:grid;gap:6px;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #93574e;border-radius:12px;background:#382320;color:#ffe1dc;padding:18px;box-shadow:0 12px 44px #0007;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.success-toast{background:#1b3e30;border-color:#4c8b6a;color:#d1f5df}.settings-backdrop{position:fixed;z-index:35;inset:0;display:flex;justify-content:flex-end;background:#0009}.settings-drawer{align-content:start;grid-auto-rows:max-content;width:min(460px,100vw);height:100%;padding:32px;overflow-y:auto;background:var(--surface);border-left:1px solid var(--line);box-shadow:-20px 0 70px #0004}.settings-drawer h2{margin:6px 0 22px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.boot-error{display:grid;min-height:100vh;align-content:center;justify-items:start;max-width:700px;margin:auto;padding:32px;gap:22px}.boot-error p{line-height:1.7;color:var(--muted)}.is-loading .mega-number,.is-loading .flow-row strong{color:transparent;background:#ffffff12;border-radius:6px;animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}@media (min-width: 1920px){.primary-metric{min-height:270px}.sparkline{height:105px}.panel-heading .eyebrow{font-size:17px}.ticket-label,.subsection-label{font-size:16px}.ticket-list{gap:24px}}@media (max-width: 1250px){.topbar{grid-template-columns:minmax(0,1fr) auto;gap:20px}.topbar-status{grid-row:2;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.primary-metric,.flow-panel,.ticket-panel,.trend-panel,.gate-subsection-panel{padding:20px}.mega-number{font-size:clamp(32px,4.7vw,60px)}.flow-row{flex-wrap:wrap}.flow-row strong{margin-left:auto}.panel-heading{flex-wrap:wrap}.panel-heading>span{max-width:100%}}@media (max-width: 900px){.primary-metric{grid-column:1 / -1;min-height:215px}.mega-number{font-size:70px}.flow-panel{grid-column:span 6}.ticket-panel{grid-column:1 / -1;grid-row:auto}.ticket-list{grid-template-columns:1fr 1fr;column-gap:32px}.trend-panel{grid-column:span 6;grid-row:auto}.gate-subsection-panel{grid-row:auto}.subsection-sections{gap:18px}.subsection-section+.subsection-section{padding-left:18px}.without-gate .primary-metric,.without-badge .primary-metric{grid-column:span 6}.setup-panel{gap:28px}}@media (max-width: 600px){.screen-shell{padding:20px 16px}.topbar{grid-template-columns:1fr;gap:18px}.topbar-tools{grid-row:2;justify-content:space-between}.topbar-status{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:16px}.topbar-status span{font-size:11px}.topbar-status strong{font-size:14px}h1{font-size:23px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:24px 0 18px}.page-heading .eyebrow{font-size:19px}.dashboard-grid{grid-template-columns:minmax(0,1fr);gap:14px}.dashboard-grid>div,.without-gate .primary-metric,.without-badge .primary-metric,.without-gate.without-badge .primary-metric,.without-gate.without-badge .ticket-panel{grid-column:1 / -1;grid-row:auto}.primary-metric{min-height:210px}.mega-number{font-size:clamp(42px,15vw,80px)}.mega-number.long-number{font-size:32px}.flow-row{flex-wrap:nowrap}.flow-row strong{font-size:36px}.ticket-list{grid-template-columns:1fr}.subsection-sections{grid-template-columns:1fr;gap:24px}.subsection-section+.subsection-section{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.sparkline{height:100px}.status-panel{flex-direction:column;align-items:stretch;padding:10px 0}.actions button{width:100%}.setup-panel,.fatal-panel{grid-template-columns:1fr;margin:12px auto;padding:22px;gap:24px}.setup-panel h2{font-size:25px}input{font-size:16px}.settings-drawer{padding:24px 20px}.error-alert,.success-toast{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (min-width: 1251px) and (max-height: 1200px){.screen-shell{padding-top:16px;padding-bottom:12px}.topbar{padding-bottom:16px}.page-heading{padding:18px 0 14px}.dashboard-grid{gap:14px}.primary-metric,.flow-panel,.ticket-panel,.trend-panel,.gate-subsection-panel{padding:18px 22px}.primary-metric{min-height:clamp(165px,17vh,204px)}.mega-number{margin:8px 0}.flow-panel{gap:16px}.flow-rows{gap:12px}.flow-row+.flow-row{padding-top:10px}.ticket-panel{gap:18px}.ticket-list{gap:14px}.ticket-row{gap:7px}.trend-sections{gap:14px;margin-top:14px}.trend-title{margin-bottom:8px}.sparkline{height:clamp(44px,5.5vh,66px)}.chart-axis{margin-top:6px}.subsection-sections{margin-top:14px}.subsection-title{margin-bottom:14px}.subsection-list{gap:12px}.subsection-row{gap:5px}}