:root{color-scheme:dark;font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif;background:#090a0b;color:#f4f1e8;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.028) 1px,transparent 1px),#090a0b;background-size:48px 48px}button,input{font:inherit}button{min-height:42px}input{width:100%;min-height:44px;border:1px solid rgba(244,241,232,.16);border-radius:8px;padding:0 12px;background:rgba(244,241,232,.08);color:#f4f1e8;outline:none}input:focus{border-color:#35d7b2;box-shadow:0 0 0 3px #35d7b224}.screen-shell{position:relative;min-height:100vh;padding:22px;overflow:hidden}.screen-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(53,215,178,.12),transparent 28%),linear-gradient(300deg,rgba(229,191,91,.1),transparent 32%),linear-gradient(180deg,transparent,rgba(0,0,0,.34))}.topbar,.dashboard-grid,.setup-panel,.fatal-panel,.error-alert,.success-toast{position:relative;z-index:1}.topbar{display:grid;grid-template-columns:minmax(190px,1fr) minmax(520px,2fr) auto;gap:18px;align-items:center;min-height:72px;padding-bottom:18px;border-bottom:1px solid rgba(244,241,232,.12)}.brand-title{min-width:0}.eyebrow{margin:0 0 6px;color:#35d7b2;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;max-width:13em;overflow-wrap:anywhere;font-size:clamp(24px,2.6vw,38px);line-height:1.08;letter-spacing:0}h2{margin-bottom:8px;font-size:clamp(20px,2vw,30px);line-height:1.1;letter-spacing:0}.topbar-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.topbar-status div{min-width:0;border-left:1px solid rgba(244,241,232,.16);padding-left:12px}.topbar-status span,.panel-heading span,.metric-caption,.status-panel p,label span{color:#f4f1e89e}.topbar-status span{display:block;margin-bottom:5px;font-size:12px}.topbar-status strong{display:block;overflow:hidden;color:#f4f1e8;font-size:clamp(13px,1.3vw,20px);text-overflow:ellipsis;white-space:nowrap}.ghost-button,.solid-button{border:0;border-radius:8px;padding:0 16px;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}.ghost-button{border:1px solid rgba(244,241,232,.16);background:rgba(244,241,232,.06);color:#f4f1e8}.solid-button{background:#35d7b2;color:#07100d;font-weight:800}.ghost-button:hover,.solid-button:hover{transform:translateY(-1px)}.ghost-button:disabled{cursor:wait;opacity:.58}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:minmax(240px,30vh) minmax(300px,.9fr) minmax(220px,auto) minmax(112px,auto);gap:16px;min-height:calc(100vh - 116px);padding-top:18px}.primary-metric,.flow-panel,.ticket-panel,.status-panel,.setup-panel,.fatal-panel{border:1px solid rgba(244,241,232,.13);border-radius:8px;background:rgba(17,21,19,.88);box-shadow:0 18px 60px #00000042}.primary-metric{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(22px,3vw,42px);overflow:hidden}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mega-number{color:#f4f1e8;font-size:clamp(54px,10vw,168px);font-weight:900;line-height:.92;letter-spacing:0}.metric-caption{margin-bottom:0;font-size:clamp(14px,1.5vw,22px)}.flow-panel{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:24px}.flow-panel:after{content:"";display:block;height:3px;margin-top:18px;border-radius:3px;background:linear-gradient(90deg,#35d7b2,rgba(53,215,178,.14))}.print-panel:after{background:linear-gradient(90deg,#e5bf5b,rgba(229,191,91,.14))}.flow-rows{display:grid;gap:14px}.flow-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.flow-row span{color:#f4f1e8b3;font-size:clamp(14px,1.4vw,20px)}.flow-row strong{color:#f4f1e8;font-size:clamp(34px,5vw,76px);line-height:1;letter-spacing:0}.ticket-panel{grid-column:span 2;min-width:0;padding:24px;overflow:hidden}.ticket-list{display:grid;gap:13px;max-height:100%;overflow:hidden}.ticket-row{display:grid;gap:8px}.ticket-label{display:flex;justify-content:space-between;gap:12px;color:#f4f1e8d1}.ticket-label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-label strong{flex:0 0 auto}.ticket-track{height:9px;overflow:hidden;border-radius:8px;background:rgba(244,241,232,.09)}.ticket-track span{display:block;width:var(--bar-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,#35d7b2,#e5bf5b);transition:width .36s ease}.trend-panel{grid-column:span 1;min-width:0;border:1px solid rgba(244,241,232,.13);border-radius:8px;padding:22px 24px;overflow:hidden;background:rgba(17,21,19,.88);box-shadow:0 18px 60px #00000042}.month-trend-panel{grid-column:span 1}.trend-sections{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}.trend-section{display:grid;gap:10px;min-width:0}.trend-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#f4f1e8c7}.trend-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-title strong{flex:0 0 auto;color:#f4f1e8;font-size:clamp(18px,2vw,30px);line-height:1}.sparkline{display:grid;grid-template-columns:repeat(var(--bars),minmax(4px,1fr));align-items:end;gap:5px;height:70px;border-bottom:1px solid rgba(244,241,232,.1)}.sparkline span{display:block;height:max(2px,var(--bar-height));border-radius:7px 7px 0 0;background:linear-gradient(180deg,#e5bf5b,rgba(229,191,91,.24));cursor:crosshair;transition:filter .16s ease,opacity .16s ease,box-shadow .16s ease}.sparkline span:hover,.sparkline span:focus-visible{filter:brightness(1.16);box-shadow:0 -8px 18px #e5bf5b38;outline:0}.gate-sparkline span{background:linear-gradient(180deg,#35d7b2,rgba(53,215,178,.22))}.gate-sparkline span:hover,.gate-sparkline span:focus-visible{box-shadow:0 -8px 18px #35d7b238}.dense-sparkline{gap:3px}.trend-tooltip{position:fixed;z-index:20;display:grid;gap:6px;width:204px;max-width:calc(100vw - 20px);padding:11px 12px 12px;pointer-events:none;border:1px solid rgba(244,241,232,.16);border-radius:8px;background:rgba(10,14,12,.96);box-shadow:0 16px 44px #00000061,inset 0 1px #ffffff0d;color:#f4f1e8}.trend-tooltip:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:8px 0 0 8px;background:#e5bf5b}.trend-tooltip.is-gate:before{background:#35d7b2}.trend-tooltip-label{color:#f4f1e89e;font-size:12px;line-height:1.1}.trend-tooltip-date{font-size:15px;line-height:1.1}.trend-tooltip-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.trend-tooltip-metrics span{display:grid;gap:3px;min-width:0}.trend-tooltip-metrics small{color:#f4f1e88a;font-size:11px;line-height:1.1}.trend-tooltip-metrics strong{color:#f4f1e8e6;font-size:18px;font-weight:800;line-height:1.05;overflow-wrap:anywhere}.status-panel{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:22px 24px}.status-panel h2{margin-bottom:6px}.status-panel p{margin-bottom:0}.actions{flex:0 0 auto}.empty-state{display:grid;min-height:180px;place-items:center;color:#f4f1e88a}.setup-panel,.fatal-panel{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(280px,1fr);gap:28px;width:min(980px,calc(100vw - 44px));margin:12vh auto 0;padding:clamp(24px,4vw,44px)}.setup-panel p,.fatal-panel p{color:#f4f1e8b3}.setup-form,.settings-drawer{display:grid;gap:14px}label{display:grid;gap:7px}label span{font-size:13px}.error-alert,.success-toast{position:fixed;right:22px;bottom:22px;display:grid;gap:4px;width:min(440px,calc(100vw - 44px));border-radius:8px;padding:15px 16px;box-shadow:0 18px 48px #00000052}.error-alert{border:1px solid rgba(236,103,93,.42);background:rgba(55,18,17,.94)}.success-toast{border:1px solid rgba(53,215,178,.4);background:rgba(9,45,37,.94)}.settings-backdrop{position:fixed;inset:0;z-index:5;display:flex;justify-content:flex-end;background:rgba(0,0,0,.54)}.settings-drawer{align-content:start;grid-auto-rows:max-content;width:min(430px,100vw);height:100%;padding:28px;overflow-y:auto;background:#101310;border-left:1px solid rgba(244,241,232,.14)}.drawer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.drawer-actions .ghost-button,.drawer-actions .solid-button{min-width:112px;min-height:46px}.boot-error{display:grid;min-height:100vh;place-content:center;padding:24px;background:#090a0b;color:#f4f1e8}.is-loading{opacity:.76}@media (max-width: 1100px){.topbar{grid-template-columns:1fr auto}.topbar-status{grid-column:1 / -1;grid-row:2}.dashboard-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.primary-metric,.ticket-panel,.trend-panel,.status-panel{grid-column:1 / -1}.primary-metric{grid-row:auto;min-height:260px}}@media (max-width: 720px){.screen-shell{padding:14px;overflow:visible}.topbar,.topbar-status,.dashboard-grid,.setup-panel,.fatal-panel{display:grid;grid-template-columns:1fr}.topbar{min-height:auto}h1{max-width:100%;font-size:clamp(26px,9vw,40px)}.dashboard-grid{min-height:auto;gap:12px}.flow-panel,.ticket-panel,.status-panel,.primary-metric{padding:18px}.status-panel{align-items:stretch}.actions,.actions .ghost-button{width:100%}.setup-panel,.fatal-panel{width:100%;margin-top:28px}.settings-backdrop{justify-content:stretch}.settings-drawer{width:100%;min-height:100%;padding:24px 20px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.drawer-actions .ghost-button,.drawer-actions .solid-button{width:100%;min-width:0}.mega-number{font-size:clamp(48px,21vw,96px)}.flow-row strong{font-size:clamp(32px,14vw,58px)}}