:root{color:#e6edf7;background:#0b111a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;color:#e6edf7;background:linear-gradient(180deg,#232f40b8,#0b111a00 360px),#0b111a}button,input,select{font:inherit}code,pre{font-family:JetBrains Mono,Cascadia Mono,Consolas,monospace}.app-shell{width:min(1680px,calc(100% - 32px));margin:0 auto;padding:24px 0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow,.last-refresh,.footer,.metric-sub,.freshness,.log-path{color:#95a3b8}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:13px}h1{margin:0;font-size:clamp(26px,4vw,42px);line-height:1;letter-spacing:0}.top-actions,.status-main,.status-meta,.panel-title,.metric-top,.log-controls,.search-box,.footer{display:flex;align-items:center}.top-actions,.status-meta,.log-controls{gap:10px}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid #2a3547;border-radius:8px;color:#dce7f7;background:#131b28;cursor:pointer}.icon-button:hover{border-color:#3f8cff;color:#fff}.theme-toggle{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #2a3547;border-radius:8px;color:#dce7f7;background:#131b28;cursor:pointer}.theme-toggle:hover{border-color:#3f8cff;color:#fff}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;border:1px solid #7f2f2f;border-radius:8px;background:#241416;color:#ffd6d6}.hero-grid{display:grid;grid-template-columns:minmax(340px,1.45fr) repeat(4,minmax(170px,1fr));gap:12px;margin-bottom:12px}.status-board,.metric,.panel{border:1px solid #202b3b;border-radius:8px;background:#111824f0;box-shadow:0 18px 45px #0000002e}.status-board{padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:132px}.status-main{gap:12px}.pulse{width:13px;height:13px;border-radius:50%;background:#e25555;box-shadow:0 0 0 6px #e2555526}.status-good .pulse{background:#19c37d;box-shadow:0 0 0 6px #19c37d29}.status-warn .pulse{background:#f59f00;box-shadow:0 0 0 6px #f59f0029}.status-label{font-size:24px;font-weight:720}.status-detail{margin-top:5px;color:#aab6c8;font-size:13px;line-height:1.45}.pill{padding:5px 9px;border-radius:999px;font-size:12px;border:1px solid #3b4656;color:#aebad0;background:#0f1724}.pill-good{border-color:#19c37d73;color:#8ee8be}.pill-warn{border-color:#f59f008c;color:#ffd28a}.metric{padding:14px;min-height:132px}.metric-top{justify-content:space-between;gap:10px;color:#a9b6ca;font-size:13px}.metric-icon{width:31px;height:31px;display:inline-grid;place-items:center;border-radius:8px;color:#a9c8ff;background:#17243a}.metric-value{margin-top:13px;font-size:28px;font-weight:760}.metric-sub{margin-top:9px;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.metric-blue .metric-icon,.metric-green .metric-icon,.metric-amber .metric-icon{background:#17243a}.metric-green .metric-icon{color:#82e2c4;background:#12302d}.metric-amber .metric-icon{color:#ffd184;background:#342613}.bar-track{height:6px;overflow:hidden;margin-top:12px;border-radius:999px;background:#263143}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#19c37d,#2b7fff,#f59f00)}.grid{display:grid;gap:12px;margin-bottom:12px}.grid.two{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.wide-left{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.grid.lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-width:0;padding:15px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title{gap:8px;font-weight:720}.chart-wrap{width:100%;height:318px}.chart-wrap.small{height:210px}.process-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.process-summary .metric{min-height:118px}.order-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.order-summary .metric{min-height:104px}.process-table,.disk-list,.event-list{display:grid;gap:8px}.process-row{display:grid;grid-template-columns:140px 70px 100px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:9px 10px;border:1px solid #222d3e;border-radius:8px;background:#0e1622}.process-row div:first-child{display:grid;gap:2px}.process-row span{color:#95a3b8;font-size:12px}.process-row code,.disk-row code,.event-block code{color:#b9c8dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-block code{display:block;color:#cad7e8;font:inherit;white-space:pre-wrap}.money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.money-grid div{min-height:74px;padding:12px;border-radius:8px;background:#0e1622;border:1px solid #222d3e}.money-grid span,.disk-row span{display:block;color:#95a3b8;font-size:12px}.money-grid strong{display:block;margin-top:8px;font-size:22px}.freshness{margin-top:12px;font-size:12px}.api-key-card{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);gap:12px;padding:13px;border:1px solid #243044;border-radius:8px;background:#0e1622}.api-key-main{display:grid;align-content:center;gap:8px;min-height:126px}.api-key-main strong{font-size:24px;line-height:1.15}.api-key-main span:last-child{color:#95a3b8;line-height:1.45}.api-key-badge{width:fit-content;padding:4px 8px;border-radius:7px;font-weight:750;border:1px solid rgba(25,195,125,.38);color:#8ee8be;background:#19c37d1f}.api-key-badge-warn,.api-key-badge-critical{border-color:#f59f0080;color:#ffd28a;background:#f59f0024}.api-key-badge-expired,.api-key-badge-missing,.api-key-badge-error{border-color:#e255558c;color:#ffb8b8;background:#e2555529}.api-key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.api-key-grid div{min-height:74px;padding:11px;border:1px solid #222d3e;border-radius:8px;background:#0b121d}.api-key-grid span,.api-key-grid code{display:block;color:#95a3b8;font-size:12px}.api-key-grid strong{display:block;margin-top:7px;font-size:15px;overflow-wrap:anywhere}.api-key-grid code{margin-top:5px;overflow-wrap:anywhere}.disk-row{display:grid;grid-template-columns:72px 104px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:9px 10px;border-radius:8px;background:#0e1622;border:1px solid #222d3e}.positions-table{overflow:auto;border:1px solid #202b3b;border-radius:8px}.positions-grid{width:max-content;min-width:100%;border-collapse:collapse;table-layout:auto;background:#0e1622}.positions-grid th,.positions-grid td{padding:9px 12px;border-top:1px solid #202b3b;white-space:nowrap;text-align:left;vertical-align:middle}.positions-grid th{border-top:0;color:#95a3b8;font-size:12px;font-weight:700;background:#0b121d}.positions-grid th.sortable{-webkit-user-select:none;user-select:none;cursor:pointer}.positions-grid th.sortable:hover,.positions-grid th.sortable.active{color:#dce7f7;background:#132033}.positions-grid th.sortable span:first-child{display:inline-block;vertical-align:middle}.sort-mark{display:inline-block;margin-left:5px;color:#3f8cff;font-size:10px;vertical-align:middle}.positions-grid td{font-size:13px}.source-tag{display:inline-block;min-width:42px;padding:3px 7px;border:1px solid rgba(63,140,255,.28);border-radius:7px;color:#a9c8ff;background:#3f8cff17;font-size:12px;text-align:center}.position-mismatch td{color:#b42318;background:#fff2b8}.position-mismatch .side,.position-mismatch .positive,.position-mismatch .negative,.position-mismatch .muted{color:#b42318}.orders-table{overflow:auto;border:1px solid #202b3b;border-radius:8px}.order-head,.order-row{display:grid;grid-template-columns:minmax(150px,.95fr) minmax(112px,.75fr) 54px minmax(106px,.7fr) minmax(132px,.9fr) minmax(86px,.62fr) minmax(86px,.62fr) minmax(86px,.62fr) minmax(130px,1fr);align-items:center;gap:10px;min-width:1040px}.order-head{padding:10px;color:#95a3b8;font-size:12px;background:#0b121d}.order-row{min-height:44px;padding:9px 10px;border-top:1px solid #202b3b;background:#0e1622}.orders-panel .order-summary .metric{min-height:76px;padding:9px 10px}.orders-panel .order-summary .metric-icon{width:25px;height:25px}.orders-panel .order-summary .metric-value{margin-top:8px;font-size:17.6px}.orders-panel .order-summary .metric-sub{margin-top:6px;font-size:9.6px}.orders-panel .order-head{padding:9px 12px;font-size:9.6px}.orders-panel .order-row{min-height:0;padding:9px 12px;font-size:10.4px}.orders-panel .order-row strong,.orders-panel .order-row span,.orders-panel .order-row code{font-size:10.4px}.orders-panel .state,.orders-panel .side{font-size:9.6px}.order-row code{color:#b9c8dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state{width:fit-content;max-width:100%;padding:4px 8px;overflow:hidden;border-radius:7px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:740;color:#aebad0;background:#95a3b81f}.state-filled{color:#85e8b8;background:#19c37d21}.state-safe_failed,.state-rejected,.state-timed_out{color:#ffb1a6;background:#e2555526}.thead,.trow{display:grid;grid-template-columns:minmax(140px,1.15fr) 58px repeat(4,minmax(86px,.75fr)) minmax(86px,.75fr) minmax(92px,.8fr) minmax(72px,.62fr) minmax(94px,.82fr);align-items:center;gap:10px;min-width:1080px}.thead{padding:0 10px 8px;color:#95a3b8;font-size:12px}.trow{min-height:44px;padding:9px 10px;border-top:1px solid #202b3b}.positive{color:#85e8b8;font-weight:720}.negative{color:#ffb1a6;font-weight:720}.muted{color:#95a3b8}.side{width:36px;padding:4px 0;text-align:center;border-radius:7px;font-size:12px;font-weight:700}.side-long{color:#85e8b8;background:#19c37d1f}.side-short{color:#ff9b9b;background:#e2555524}.side-flat{color:#aebad0;background:#95a3b81f}.event-block{display:grid;gap:8px;padding:11px;border:1px solid #222d3e;border-radius:8px;background:#0e1622;font-family:JetBrains Mono,Cascadia Mono,Consolas,monospace;font-size:12px;line-height:1.55}.event-block strong{color:#dce7f7}.event-block.ok{border-color:#19c37d59}.event-block.danger{border-color:#e2555580}.event-block span{color:#9fb0c6}.log-controls select,.search-box{height:36px;border:1px solid #2a3547;border-radius:8px;background:#0e1622;color:#dce7f7}.log-controls select{padding:0 10px}.search-box{gap:7px;padding:0 10px}.search-box input{width:150px;border:0;outline:0;color:#dce7f7;background:transparent}.log-path{margin-bottom:8px;font-size:12px;overflow-wrap:anywhere}.log-view{min-height:340px;max-height:520px;margin:0;padding:14px;overflow:auto;border:1px solid #202b3b;border-radius:8px;background:#090f18;color:#cad7e8;font-size:12px;line-height:1.55;white-space:pre-wrap}.empty{padding:18px;color:#95a3b8;text-align:center;border:1px dashed #2a3547;border-radius:8px}.footer{justify-content:space-between;gap:12px;padding:8px 2px 0;font-size:12px}.footer span:last-child{display:inline-flex;align-items:center;gap:5px}.app-shell{font-size:12.8px}.eyebrow,.status-detail,.metric-top{font-size:10.4px}h1{font-size:clamp(20.8px,3.2vw,33.6px)}.status-label{font-size:19.2px}.pill,.metric-sub,.process-row span,.money-grid span,.disk-row span,.api-key-grid span,.api-key-grid code,.freshness,.positions-grid th,.order-head,.state,.thead,.side,.log-path,.footer,.source-tag{font-size:9.6px}.metric-value{font-size:22.4px}.money-grid strong{font-size:17.6px}.api-key-main strong{font-size:19.2px}.api-key-grid strong{font-size:12px}.positions-grid td{font-size:10.4px}.sort-mark{font-size:8px}.event-block,.event-block code,.event-block span,.log-view{font-size:12px}body[data-theme=light]{color:#0f172a;background:linear-gradient(180deg,#dee8f6eb,#f6f8fc00 360px),#f6f8fc}body[data-theme=light] .eyebrow,body[data-theme=light] .last-refresh,body[data-theme=light] .footer,body[data-theme=light] .metric-sub,body[data-theme=light] .freshness,body[data-theme=light] .log-path,body[data-theme=light] .money-grid span,body[data-theme=light] .disk-row span,body[data-theme=light] .process-row span,body[data-theme=light] .positions-grid th,body[data-theme=light] .order-head,body[data-theme=light] .thead,body[data-theme=light] .muted,body[data-theme=light] .empty{color:#64748b}body[data-theme=light] .status-board,body[data-theme=light] .metric,body[data-theme=light] .panel{border-color:#dbe3ef;background:#fffffff5;box-shadow:0 18px 42px #1e293b14}body[data-theme=light] .status-detail{color:#526174}body[data-theme=light] .icon-button,body[data-theme=light] .theme-toggle,body[data-theme=light] .log-controls select,body[data-theme=light] .search-box{border-color:#cbd5e1;color:#0f172a;background:#fff}body[data-theme=light] .icon-button:hover,body[data-theme=light] .theme-toggle:hover{border-color:#2563eb;color:#0b4ad8}body[data-theme=light] .metric-icon{color:#1d4ed8;background:#e8f0ff}body[data-theme=light] .metric-green .metric-icon{color:#047857;background:#dcfce7}body[data-theme=light] .metric-amber .metric-icon{color:#b45309;background:#fef3c7}body[data-theme=light] .bar-track{background:#e2e8f0}body[data-theme=light] .pill{border-color:#cbd5e1;color:#475569;background:#f8fafc}body[data-theme=light] .pill-good{border-color:#04785747;color:#047857;background:#ecfdf5}body[data-theme=light] .pill-warn{border-color:#b4530947;color:#b45309;background:#fffbeb}body[data-theme=light] .process-row,body[data-theme=light] .money-grid div,body[data-theme=light] .api-key-card,body[data-theme=light] .api-key-grid div,body[data-theme=light] .disk-row,body[data-theme=light] .event-block,body[data-theme=light] .order-row,body[data-theme=light] .positions-grid,body[data-theme=light] .orders-table,body[data-theme=light] .positions-table{border-color:#dbe3ef;background:#fff}body[data-theme=light] .positions-grid th,body[data-theme=light] .order-head{background:#f1f5f9}body[data-theme=light] .positions-grid th.sortable:hover,body[data-theme=light] .positions-grid th.sortable.active{color:#0f172a;background:#e2e8f0}body[data-theme=light] .source-tag{border-color:#2563eb38;color:#1d4ed8;background:#eff6ff}body[data-theme=light] .api-key-main span:last-child,body[data-theme=light] .api-key-grid span,body[data-theme=light] .api-key-grid code{color:#64748b}body[data-theme=light] .api-key-badge{border-color:#04785747;color:#047857;background:#ecfdf5}body[data-theme=light] .api-key-badge-warn,body[data-theme=light] .api-key-badge-critical{border-color:#b4530947;color:#b45309;background:#fffbeb}body[data-theme=light] .api-key-badge-expired,body[data-theme=light] .api-key-badge-missing,body[data-theme=light] .api-key-badge-error{border-color:#fecaca;color:#b42318;background:#fff1f2}body[data-theme=light] .positions-grid td,body[data-theme=light] .order-row,body[data-theme=light] .trow{border-top-color:#e2e8f0}body[data-theme=light] .process-row code,body[data-theme=light] .disk-row code,body[data-theme=light] .event-block code,body[data-theme=light] .order-row code{color:#334155}body[data-theme=light] .log-view{border-color:#dbe3ef;background:#fff;color:#0f172a}body[data-theme=light] .search-box input{color:#0f172a}body[data-theme=light] .alert{border-color:#fecaca;background:#fff1f2;color:#991b1b}body[data-theme=light] .empty{border-color:#cbd5e1}body[data-theme=light] .position-mismatch td{color:#b42318;background:#fff2b8}body[data-theme=light] .positive{color:#047857}body[data-theme=light] .negative{color:#b42318}@media(max-width:1240px){.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-board{grid-column:1 / -1}.grid.two,.grid.three,.grid.wide-left,.grid.lower-grid,.api-key-card{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{width:min(100% - 18px,1680px);padding-top:14px}.topbar,.panel-header{align-items:flex-start;flex-direction:column}.hero-grid,.process-summary,.order-summary,.money-grid,.api-key-grid{grid-template-columns:1fr}.status-meta,.log-controls{flex-wrap:wrap}.process-row{grid-template-columns:1fr 72px 92px}.process-row code{grid-column:1 / -1}.footer{align-items:flex-start;flex-direction:column}}