*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#06111f;color:#eaf7ff}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh;background:radial-gradient(circle at 70% 0,#1b2c68 0,#071323 35%,#030812 100%)}.side{border-right:1px solid #163559;background:#07111f;padding:18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:900}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#32e6ff,#9333ea);display:grid;place-items:center;font-weight:900}.muted{color:#92aac2;font-size:12px}.nav h4{color:#6f89a5;margin:24px 0 10px;font-size:11px}.nav button{width:100%;display:block;margin:8px 0;padding:12px;border:1px solid #1c4c7b;border-radius:10px;background:#0d2139;color:#d9f4ff;text-align:left;cursor:pointer}.nav button.active,.nav button:hover{border-color:#3ff8ff;box-shadow:0 0 18px #00eaff44}.main{padding:18px}.top{display:flex;justify-content:space-between;gap:20px;align-items:center}.search{width:380px;background:#071220;border:1px solid #1a395d;border-radius:10px;color:white;padding:12px}.actions button,.primary{background:linear-gradient(90deg,#2e6df6,#a833f5);color:white;border:0;border-radius:10px;padding:12px 16px;font-weight:800}.grid{display:grid;gap:14px}.metrics{grid-template-columns:repeat(6,1fr);margin:18px 0}.card{background:linear-gradient(180deg,#10243d,#0a1728);border:1px solid #173f68;border-radius:14px;padding:16px;box-shadow:0 12px 35px #0007}.metric b{font-size:26px;color:#65f9ff}.layout{grid-template-columns:1.45fr .8fr .8fr}.console{min-height:410px}.stepper{display:flex;justify-content:space-between;margin:20px 0}.step{text-align:center;color:#8ca6be}.dot{width:28px;height:28px;border-radius:50%;border:2px solid #53657c;margin:auto;display:grid;place-items:center}.done .dot{background:#21c36b;border:0}.run .dot{background:#2997ff;border:0}.log{background:#07121f;border:1px solid #193655;border-radius:10px;padding:12px;min-height:140px}.row{display:flex;justify-content:space-between;border-bottom:1px solid #15304d;padding:7px 0}.progress{height:10px;background:#132943;border-radius:10px;overflow:hidden}.bar{height:100%;width:0;background:linear-gradient(90deg,#7c3aed,#42f7ff);transition:width .4s}.donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(#40e7ff 0 75%,#9d4edd 75% 98%,#12273f 98%);display:grid;place-items:center;margin:20px auto}.donut span{background:#0d1d31;border-radius:50%;width:120px;height:120px;display:grid;place-items:center;font-size:28px;font-weight:900}.smallgrid{grid-template-columns:repeat(4,1fr);margin-top:14px}.module{min-height:130px}.bottom{grid-template-columns:1fr 1fr 1fr;margin-top:14px}.connector{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid #17314f}.green{color:#5bff9b}.red{color:#ff6b6b}.yellow{color:#ffd166}.missionbox{width:100%;height:110px;background:#071220;color:white;border:1px solid #26669c;border-radius:10px;padding:12px}.result{white-space:pre-wrap;color:#d9fff1;font-family:ui-monospace,Menlo,monospace;font-size:13px}.assistant{min-height:410px}.input{width:100%;background:#081727;color:#fff;border:1px solid #23476d;border-radius:10px;padding:12px;margin-top:14px}.pill{display:inline-block;padding:6px 10px;border-radius:20px;background:#09253a;border:1px solid #246292;margin:4px}.graph{height:190px;background:radial-gradient(circle,#173557,#07121e 70%);border-radius:12px;position:relative;overflow:hidden}.node{position:absolute;width:10px;height:10px;border-radius:50%;background:#69f;box-shadow:0 0 15px #69f}.footer{margin-top:18px;text-align:center;color:#7890aa}@media(max-width:1000px){.app{grid-template-columns:1fr}.side{position:relative;height:auto}.metrics,.layout,.smallgrid,.bottom{grid-template-columns:1fr}.search{width:100%}}