:root{--bg:#040b13;--panel:#0a1928;--panel2:#10273c;--line:#294861;--text:#eef8ff;--muted:#8da6b9;--blue:#38a8ff;--green:#67e88b;--orange:#ffae42;--red:#ff5d6c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 50% 8%,#173a59,#071522 42%,var(--bg));scroll-behavior:smooth}button,a,input,select{font:inherit}.app-shell{max-width:1780px;height:100dvh;margin:auto;padding:clamp(7px,1.3vh,16px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(6px,1vh,13px);font-size:clamp(10px,1.65vh,16px)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:12px}.logo{font-size:clamp(32px,5vh,48px);font-weight:950;letter-spacing:-4px;color:#55c7ff;text-shadow:0 0 22px #287eb9}.brand h1{font-size:clamp(15px,2.2vh,21px);margin:1px 0}.brand small,.eyebrow{color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:.16em;color:#75ddff}.date-pill,.topbar nav>*{background:#081725;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:clamp(7px,1vh,10px) 12px;text-decoration:none}.topbar nav{justify-self:end;display:flex;gap:7px}.topbar button{cursor:pointer}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day{padding:clamp(5px,.8vh,8px);text-align:center;background:#081725;border:1px solid #213d53;border-radius:10px;color:var(--muted)}.day strong{display:block}.day.active{color:#fff;border-color:var(--blue);background:#113452}.dashboard{display:grid;grid-template-columns:minmax(230px,270px) minmax(430px,1fr) minmax(300px,360px);gap:clamp(8px,1vw,16px);min-height:0}.rail{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(5px,.8vh,11px);min-height:0}.card{background:linear-gradient(160deg,rgba(16,39,61,.96),rgba(5,17,29,.97));border:1px solid var(--line);border-radius:14px;padding:clamp(8px,1.2vh,15px);box-shadow:0 12px 32px #0004}.card h2{font-size:clamp(11px,1.65vh,15px);letter-spacing:.07em;color:#75c8ff;margin:0 0 clamp(5px,.8vh,10px)}.vision{text-align:center;font-style:italic;color:#dbeaff;line-height:1.4}.metric{display:flex;justify-content:space-between;padding:clamp(3px,.65vh,7px) 0;border-bottom:1px solid #1e384d}.system{position:relative;min-height:0;border:1px solid #25445a88;border-radius:22px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#163a582e,#020b1275);--ring:min(55vh,500px,calc(100vw - 790px))}.orbit{position:absolute;width:calc(var(--ring) * .88);height:calc(var(--ring) * .88);border:1px solid #8ac6eb66;border-radius:50%;box-shadow:0 0 35px #38a8ff16}.hub{position:relative;z-index:5;width:calc(var(--ring) * .52);height:calc(var(--ring) * .52);min-width:190px;min-height:190px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(#0d2437,#06121e) padding-box,conic-gradient(#38a8ff,#67e88b,#b46dff,#ffae42,#ffd34f,#38a8ff) border-box;border:12px solid transparent;box-shadow:0 0 45px #38a8ff44;cursor:pointer}.hub strong{display:block;font-size:clamp(38px,6vh,60px)}.hub span{display:block;color:var(--green);font-weight:800}.hub p{font-size:10px;color:var(--muted)}.hub small{font-size:10px;letter-spacing:.12em;color:#b9d4e5}.domain-node{position:absolute;width:calc(var(--ring) * .255);height:calc(var(--ring) * .255);min-width:96px;min-height:96px;border-radius:50%;border:0;padding:9px;color:white;background:radial-gradient(circle,#16344f,#07131f);box-shadow:0 0 0 7px color-mix(in srgb,var(--c) 50%,transparent),0 0 25px #0008;cursor:pointer;z-index:6}.domain-node .icon{display:block;font-size:1.35em}.domain-node strong,.domain-node small{display:block}.domain-node strong{font-size:1.3em}.domain-node small{font-size:.72em}.p1{top:2%;left:50%;transform:translateX(-50%)}.p2{right:2%;top:18%}.p3{right:8%;bottom:3%}.p4{left:8%;bottom:3%}.p5{left:2%;top:18%}.action-row{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding:clamp(5px,.7vh,8px) 0;border-bottom:1px solid #1e384d}.action-row small{display:block;color:var(--muted)}.status-buttons{display:flex;gap:4px}.status-buttons button{width:25px;height:25px;border-radius:50%;border:1px solid #456078;background:#12283b;color:white;cursor:pointer}.status-buttons button.active{background:var(--green);color:#06200d}.recommendation{border-left:3px solid var(--orange);background:#0a1b2b;padding:7px 9px;margin:5px 0;border-radius:7px}.deadline-card p{color:var(--muted)}.primary{border:0;border-radius:9px;padding:9px 13px;color:white;background:linear-gradient(135deg,#2478ff,#20b8f5);cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}footer{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.footer-domain{padding:clamp(5px,.8vh,9px);text-align:center;background:#081725;border:1px solid var(--line);border-radius:10px}.bar{height:4px;background:#213548;border-radius:5px;overflow:hidden;margin:5px 0}.bar i{display:block;height:100%;background:var(--c)}.modal{display:none;position:fixed;inset:0;z-index:100;background:#000b;align-items:center;justify-content:center;padding:15px}.modal.show{display:flex}.modal-box{position:relative;width:min(900px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(#10273c,#06131f);border:1px solid #385c76;border-radius:20px;padding:22px}.modal-box.wide{width:min(1180px,97vw)}.modal-box.compact{width:min(550px,96vw)}.close{position:absolute;right:13px;top:10px;border:0;background:none;color:white;font-size:28px;cursor:pointer}.breadcrumb{color:var(--muted);font-size:11px}.domain-summary,.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.summary{background:#0a1c2c;border:1px solid var(--line);padding:12px;border-radius:10px;text-align:center}.summary strong{display:block;font-size:24px}.component-circles{display:flex;gap:9px;flex-wrap:wrap}.component-circle{width:92px;height:92px;border-radius:50%;border:2px solid var(--c);background:#0a1b2b;color:white;cursor:pointer}.charts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.charts section,.recommendation-panel{background:#081a2a;border:1px solid var(--line);border-radius:13px;padding:13px}.charts canvas{width:100%;max-width:100%}.modal label{display:grid;gap:5px;margin:12px 0;color:#cfe1ed}.modal input,.modal select{width:100%;padding:10px;border:1px solid #38566d;border-radius:8px;background:#06131f;color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast{position:fixed;right:20px;bottom:20px;background:#123a2a;border:1px solid #45bc72;padding:11px 16px;border-radius:9px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.alert{padding:10px;border-radius:8px;background:#17344a;margin:10px 0}.alert.error{background:#4b1e26}.login-page{display:grid;place-items:center;min-height:100vh}.login-card{width:min(430px,92vw);padding:30px;background:#091a2a;border:1px solid var(--line);border-radius:20px}.login-logo{font-size:54px;font-weight:950;color:#55c7ff}.login-card label{display:grid;gap:6px;margin:14px 0}.login-card input{padding:11px;background:#06131f;color:white;border:1px solid #38566d;border-radius:8px}.login-card button{width:100%;padding:11px;background:#258cff;color:white;border:0;border-radius:9px}@media(max-width:1180px){.app-shell{height:auto}.dashboard{grid-template-columns:1fr}.system{min-height:620px;order:-1}.rail{display:grid;grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{grid-template-columns:1fr}.topbar nav{justify-self:start;flex-wrap:wrap}.week-strip{grid-template-columns:repeat(4,1fr)}.rail{grid-template-columns:1fr}.system{min-height:500px;--ring:min(82vw,380px)}.domain-node{min-width:86px;min-height:86px}.hub{min-width:170px;min-height:170px}.domain-summary,.summary-grid,.charts,.form-row{grid-template-columns:1fr}.modal{padding:0}.modal-box{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}footer{grid-template-columns:1fr 1fr}}