:root{--bg:#030914;--panel:rgba(7,20,42,.78);--panel2:rgba(9,28,58,.72);--line:rgba(65,143,255,.28);--blue:#2d8cff;--cyan:#1ee7ff;--purple:#976cff;--green:#25efbe;--red:#ff5872;--text:#edf6ff;--muted:#7f98b7;--shadow:0 0 32px rgba(20,104,255,.09)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 8%,#071a36 0,#030914 35%,#02070f 100%);color:var(--text);font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(64,129,208,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(64,129,208,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 85%)}button,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:184px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 12px 18px;background:linear-gradient(180deg,rgba(4,14,31,.98),rgba(3,12,27,.92));border-right:1px solid rgba(65,143,255,.22);display:flex;flex-direction:column;z-index:10}.brand-mark{display:flex;gap:10px;align-items:center;padding:4px 8px 28px}.brand-core{width:42px;height:42px;border:1px solid #2f99ff;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:grid;place-items:center;font-weight:800;color:#6ddcff;text-shadow:0 0 14px #279cff;box-shadow:inset 0 0 20px rgba(45,140,255,.23)}.brand-mark strong{display:block;font-size:15px;white-space:nowrap}.brand-mark span{display:block;color:#4e7ea9;font-size:9px;letter-spacing:1.5px;margin-top:4px}.side-nav{display:grid;gap:7px}.side-nav a{height:54px;padding:0 14px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#9eb2cb;border:1px solid transparent;border-radius:8px;transition:.22s}.side-nav a span{width:21px;text-align:center;font-size:20px;color:#7198c5}.side-nav a:hover{color:#dcefff;background:rgba(38,112,204,.08)}.side-nav a.active{color:white;background:linear-gradient(90deg,rgba(29,112,242,.42),rgba(28,100,196,.12));border-color:rgba(53,149,255,.7);box-shadow:inset 0 0 22px rgba(37,139,255,.18),0 0 16px rgba(32,124,255,.14)}.side-nav a.active span{color:#75d7ff;text-shadow:0 0 12px #249cff}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(83,136,194,.16);padding-top:15px;display:grid;gap:10px}.mini-status{font-size:10px;color:#6985a3;display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center}.mini-status i{width:6px;height:6px;border-radius:50%;background:#526477}.mini-status i.ok,.mini-status i.cyan{background:var(--green);box-shadow:0 0 9px currentColor}.mini-status i.cyan{background:var(--cyan)}.mini-status b{font-size:10px;color:#b8c8da;font-weight:500}.main-stage{padding:18px 18px 28px;min-width:0}.topbar{height:74px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 3px}.topbar h1{margin:0;font-size:26px;letter-spacing:.5px}.topbar p{margin:5px 0 0;color:#6e9bc7;letter-spacing:2px;font-size:12px}.top-actions{display:flex;align-items:center;gap:13px}.live-badge{height:36px;padding:0 14px;border:1px solid rgba(25,231,191,.48);border-radius:7px;color:#31eac2;background:rgba(7,54,57,.25);font-size:12px;display:flex;align-items:center;gap:8px}.live-badge i,.stream-live i{width:7px;height:7px;border-radius:50%;background:#25efbe;box-shadow:0 0 12px #25efbe;animation:blink 1.5s infinite}.live-badge.warn{color:#ffbc65;border-color:rgba(255,180,82,.45)}.live-badge.warn i{background:#ffbc65;box-shadow:0 0 10px #ffbc65}.clock{font-size:11px;color:#849ab3;padding:11px 0}.product-select{height:36px;color:#d5e7fb;background:#071a34;border:1px solid rgba(69,139,220,.34);border-radius:7px;padding:0 30px 0 11px;outline:none}.glass-panel{background:linear-gradient(145deg,rgba(8,22,46,.84),rgba(4,15,34,.76));border:1px solid rgba(57,131,224,.36);border-radius:11px;box-shadow:var(--shadow),inset 0 0 28px rgba(27,91,166,.035);backdrop-filter:blur(12px)}.view{display:none}.view.active{display:block}.overview-top{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(330px,.75fr);gap:14px;min-height:500px}.core-panel{position:relative;overflow:hidden;padding:8px 14px 14px}.core-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 39%,rgba(32,113,255,.17),transparent 43%);pointer-events:none}.brain-wrap{height:322px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.brain-svg{width:min(680px,78%);height:100%;position:relative;z-index:3;overflow:visible}.ai-label{fill:#eef9ff;font-size:58px;font-weight:800;filter:url(#glow)}.brain-nodes circle{animation:nodePulse 2.5s infinite}.brain-nodes circle:nth-child(3n){animation-delay:.8s}.brain-nodes circle:nth-child(4n){animation-delay:1.4s}.brain-grid path{stroke-dasharray:7 5;animation:dash 5s linear infinite}.core-orbit{transform-origin:320px 168px;animation:spin 13s linear infinite}.core-disc{animation:coreBreath 2.7s ease-in-out infinite}.pulse-ring{position:absolute;left:50%;top:48%;width:210px;height:210px;border:1px solid rgba(42,143,255,.26);border-radius:50%;transform:translate(-50%,-50%);animation:ring 3.4s ease-out infinite}.pulse-ring.r2{animation-delay:1.1s}.pulse-ring.r3{animation-delay:2.2s}.brain-floor{position:absolute;bottom:24px;left:50%;width:380px;height:72px;transform:translateX(-50%);border:1px solid rgba(37,144,255,.28);border-radius:50%;box-shadow:0 0 38px rgba(29,127,255,.2),inset 0 0 40px rgba(30,116,255,.11)}.brain-floor span{position:absolute;inset:16px 55px;border:1px solid rgba(52,213,255,.32);border-radius:50%;animation:floorPulse 2.4s infinite}.thinking-line{position:absolute;bottom:2px;z-index:5;color:#76cfff;font-size:11px;letter-spacing:.4px;display:flex;align-items:center;gap:8px}.thinking-line i{width:8px;height:8px;border-radius:50%;background:#22e2ff;box-shadow:0 0 12px #22e2ff;animation:blink 1s infinite}.thinking-line .warn{color:#ffb765}.event-pulse .brain-svg{filter:drop-shadow(0 0 18px rgba(26,230,255,.75))}.signal-field{position:absolute;top:110px;width:31%;height:120px;z-index:1;opacity:.55}.signal-field.left{left:0}.signal-field.right{right:0;transform:scaleX(-1)}.signal-field b{display:block;height:1px;margin:20px 0;background:linear-gradient(90deg,transparent,#245dfd,#33d8ff,transparent);animation:signal 2.6s linear infinite}.signal-field b:nth-child(2){animation-delay:.4s;width:82%}.signal-field b:nth-child(3){animation-delay:.9s;width:94%}.signal-field b:nth-child(4){animation-delay:1.3s;width:72%}.core-metrics{position:absolute;right:13px;top:12px;display:grid;gap:6px;z-index:5}.core-metrics span{font-size:9px;color:#6487aa;text-align:right}.core-metrics b{color:#b7dfff;font-size:12px;margin-right:3px}.market-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:4}.market-card{height:112px;border:1px solid rgba(50,127,214,.34);background:linear-gradient(135deg,rgba(10,35,70,.82),rgba(6,20,43,.75));border-radius:9px;color:white;display:grid;grid-template-columns:1fr 100px;align-items:center;text-align:left;padding:14px 14px 12px;cursor:pointer;transition:.2s}.market-card:hover,.market-card.active{border-color:rgba(43,169,255,.76);box-shadow:inset 0 0 22px rgba(31,116,255,.08),0 0 15px rgba(20,114,255,.1);transform:translateY(-1px)}.market-card span{font-size:13px;color:#b8d6f7}.market-card strong{display:block;font-size:24px;color:#47b7ff;margin:9px 0 3px}.market-card small{color:#6f88a6}.market-card em{font-style:normal;margin-left:6px}.spark{width:92px;height:47px}.spark polyline{stroke:#27c7ff;stroke-width:2}.spark.v polyline{stroke:#986cff}.spark.w polyline{stroke:#22e6df}.spark-empty{font-size:10px!important;color:#48617c!important}.stream-panel{padding:15px 16px;min-height:500px}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(61,127,207,.22)}.panel-heading>div{display:flex;align-items:center;gap:8px}.panel-heading h2{font-size:15px;margin:0}.panel-heading a{text-decoration:none;color:#43dbff;font-size:10px}.heading-orb{width:18px;height:18px;border:1px solid #2b9cff;border-radius:50%;box-shadow:0 0 12px rgba(45,156,255,.3);position:relative}.heading-orb:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#39dfff;box-shadow:0 0 8px #39dfff}.stream-live{height:40px;display:flex;align-items:center;gap:8px;color:#4fe3c4;font-size:10px}.decision-stream{display:grid}.stream-row{min-height:45px;display:grid;grid-template-columns:9px 62px 1fr;gap:8px;align-items:start;padding:8px 0;position:relative;color:#adc0d5;font-size:10.5px}.stream-row:before{content:"";position:absolute;left:3px;top:25px;bottom:-20px;width:1px;background:linear-gradient(#215ea5,transparent)}.stream-row:last-child:before{display:none}.stream-row i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#4a9bff;box-shadow:0 0 9px rgba(61,147,255,.8)}.stream-row.critical i{background:#ff5270;box-shadow:0 0 10px #ff5270}.stream-row.agent i{background:#24edc1}.stream-row.factor i{background:#946dff}.stream-row.model i{background:#46c7ff}.stream-row time{color:#6985a5;font-variant-numeric:tabular-nums}.stream-row span{line-height:1.5}.chart-panel{margin-top:14px;min-height:325px;display:grid;grid-template-columns:minmax(0,1fr) 280px;padding:16px;gap:18px}.chart-main{min-width:0}.chart-head{height:72px;display:flex;justify-content:space-between}.eyebrow{color:#7dceff;font-size:11px}.chart-head h2{display:inline;margin:0 0 0 7px;font-size:17px}.chart-price{margin-top:8px;display:flex;align-items:baseline;gap:6px}.chart-price strong{font-size:24px;color:#42b9ff}.chart-price span{font-size:10px;color:#7189a4}.chart-price em{font-size:12px;font-style:normal;margin-left:8px}.range-tabs{display:flex;gap:4px;align-items:flex-start}.range-tabs button{border:1px solid rgba(64,125,196,.2);background:#07162c;color:#7187a1;border-radius:6px;padding:6px 10px;font-size:10px;cursor:pointer}.range-tabs button.active{border-color:#2b8fff;color:#a9dcff;background:rgba(36,116,227,.17)}.main-chart{height:235px}.main-chart svg{width:100%;height:100%;overflow:visible}.grid-lines line{stroke:rgba(88,130,176,.13);stroke-width:1}.grid-lines text,.main-chart svg>text{fill:#627e9e;font-size:10px}.price-line{stroke:#3fa5ff;stroke-width:2.5;vector-effect:non-scaling-stroke}.last-dot{fill:#d7f4ff;stroke:#3aa7ff;stroke-width:3;filter:drop-shadow(0 0 5px #38a8ff)}.decision-cards{border-left:1px solid rgba(65,127,196,.2);padding-left:18px;display:grid;gap:10px}.decision-card{border:1px solid rgba(63,126,203,.24);border-radius:8px;background:rgba(7,26,54,.68);display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:10px 12px;gap:8px}.decision-icon{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:rgba(40,115,255,.16);color:#62bfff;font-size:19px}.decision-card span{display:block;font-size:11px;color:#82a8cc}.decision-card small{font-size:9px;color:#5c7897}.decision-card strong{font-size:16px;color:#5bc7ff;white-space:nowrap}.decision-card.risk .decision-icon{color:#aa85ff;background:rgba(129,75,237,.15)}.decision-card.risk strong{color:#b08aff}.decision-card.advice .decision-icon{color:#2de0d2;background:rgba(20,205,190,.13)}.decision-card.advice strong{color:#31e5d7}.detail-panel{min-height:660px;padding:22px}.detail-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(61,127,207,.2);padding-bottom:15px;margin-bottom:18px}.detail-head span{font-size:9px;letter-spacing:2px;color:#4f7da9}.detail-head h2{font-size:22px;margin:4px 0 0}.detail-head>b{font-size:10px;color:#54c6f5;font-weight:500}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.data-cell,.cost-card{min-height:112px;border:1px solid rgba(63,126,203,.23);background:rgba(7,25,52,.62);border-radius:9px;padding:15px}.data-cell span,.cost-card span{display:block;color:#8aa6c5;font-size:11px}.data-cell strong,.cost-card strong{display:block;font-size:24px;color:#60c4ff;margin:11px 0}.data-cell small,.cost-card small{color:#5d7897;font-size:9px}.agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:11px}.agent-card{border:1px solid rgba(63,126,203,.23);background:rgba(7,25,52,.62);border-radius:9px;padding:15px}.agent-card>div{display:flex;justify-content:space-between}.agent-card span{font-size:12px;color:#b8dbff}.agent-card b{font-size:10px;color:#42dfc7}.agent-card p{font-size:11px;line-height:1.75;color:#8ca6c2}.agent-card small{color:#53718f;font-size:9px}.prediction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.prediction-card{min-height:145px;border:1px solid rgba(63,126,203,.23);background:rgba(7,25,52,.62);border-radius:9px;padding:16px;display:flex;flex-direction:column;gap:9px}.prediction-card span{color:#6587aa;font-size:10px}.prediction-card strong{font-size:22px;color:#52bcff}.prediction-card b{font-size:11px;color:#a7bfda}.prediction-card small{font-size:9px;color:#65809d}.cost-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.settings-grid>div{min-height:76px;border:1px solid rgba(63,126,203,.2);background:rgba(7,25,52,.58);border-radius:8px;padding:14px;display:flex;justify-content:space-between;align-items:center}.settings-grid span{font-size:11px;color:#7d98b7}.settings-grid b{font-size:13px}.up{color:#ff6178!important}.down{color:#29e0b6!important}.ok-text{color:#2ae8b9!important}.bad-text{color:#ff667a!important}.empty-state{height:100%;display:grid;place-items:center;color:#587591;font-size:11px;text-align:center;padding:20px}@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}@keyframes nodePulse{0%,100%{opacity:.35;r:3px}50%{opacity:1;r:5px}}@keyframes dash{to{stroke-dashoffset:-120}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes coreBreath{0%,100%{opacity:.76}50%{opacity:1}}@keyframes ring{0%{width:140px;height:140px;opacity:.6}100%{width:430px;height:430px;opacity:0}}@keyframes floorPulse{0%,100%{opacity:.25}50%{opacity:.9}}@keyframes signal{0%{transform:translateX(-10%);opacity:0}35%{opacity:.9}100%{transform:translateX(18%);opacity:0}}@media(max-width:1150px){.app-shell{grid-template-columns:148px minmax(0,1fr)}.brand-mark strong{font-size:12px}.side-nav a{padding:0 9px;font-size:12px}.overview-top{grid-template-columns:1fr}.stream-panel{min-height:330px}.decision-stream{grid-template-columns:1fr 1fr;column-gap:16px}.chart-panel{grid-template-columns:1fr}.decision-cards{border-left:0;border-top:1px solid rgba(65,127,196,.2);padding-left:0;padding-top:14px;grid-template-columns:repeat(3,1fr)}.prediction-grid,.cost-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;height:auto;top:0;padding:8px 8px 6px;border-right:0;border-bottom:1px solid rgba(65,143,255,.22)}.brand-mark,.sidebar-foot{display:none}.side-nav{display:flex;overflow-x:auto;gap:4px}.side-nav a{height:38px;min-width:max-content;padding:0 11px}.side-nav a span{font-size:15px;width:auto}.main-stage{padding:11px 9px 22px}.topbar{height:auto;display:block;padding-bottom:12px}.topbar h1{font-size:20px}.top-actions{margin-top:10px;flex-wrap:wrap}.clock{display:none}.overview-top{display:block}.core-panel{margin-bottom:10px}.brain-wrap{height:260px}.brain-svg{width:100%}.core-metrics{display:none}.market-cards{grid-template-columns:1fr}.market-card{height:86px}.stream-panel{min-height:360px}.decision-stream{display:block}.chart-panel{padding:12px}.chart-head{height:90px}.main-chart{height:210px}.decision-cards{grid-template-columns:1fr}.prediction-grid,.cost-grid,.settings-grid{grid-template-columns:1fr}.agent-grid{grid-template-columns:1fr}.detail-panel{padding:14px;min-height:520px}}