:root{--ink:#111b36;--muted:#69738a;--line:#dce4f0;--bg:#eef3f9;--nav:#10152f;--cyan:#00d4c7;--blue:#2977ff;--amber:#ffb12b;--violet:#8b5cf6;--pink:#f54291}
body{background:radial-gradient(circle at 88% 0,#e3edff 0,transparent 26%),#eef3f9;color:var(--ink)}
.sidebar{width:268px;background:linear-gradient(155deg,#10152f 0%,#101c43 58%,#102e52 100%);padding:30px 20px;box-shadow:18px 0 50px #15244714}
.brand{padding:0 10px 38px}.brand .mark{background:linear-gradient(145deg,#00dacb,#3c7cff 60%,#9a5cff);border-radius:50% 50% 50% 14px;box-shadow:0 8px 28px #00d4c74a}.brand strong{font-size:13px}.brand span{font-size:10px;letter-spacing:.04em}
.nav{border-radius:14px;padding:14px 16px}.nav:hover,.nav.active{background:linear-gradient(90deg,#ffffff14,#ffffff08)}.nav.active{box-shadow:inset 3px 0 #00d4c7,0 8px 24px #07112222}
main{margin-left:268px}.topbar{height:104px;padding:22px 42px;background:#ffffffde;backdrop-filter:blur(18px)}.topbar h1{font-size:26px;letter-spacing:-.03em}.view{padding:28px 42px 60px}
.hero-grid{grid-template-columns:minmax(0,2.2fr) minmax(260px,.75fr);gap:20px}.hero-card{min-height:360px;padding:42px;background:radial-gradient(circle at 77% 47%,#183d75 0,#131f49 30%,#10152f 70%);border:0;border-radius:24px;box-shadow:0 22px 60px #10152f2b;position:relative}.hero-card:after{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(120deg,#ffffff0c,transparent 35%);pointer-events:none}.hero-copy{z-index:2;max-width:55%}.hero-copy h2{font-size:45px;letter-spacing:-.045em;margin:18px 0}.hero-copy em{background:linear-gradient(90deg,#00e0cf,#65a0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.live{display:inline-block;padding:7px 10px;border:1px solid #46e6d74d;border-radius:20px;background:#00d4c710;color:#65efe4}.hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.hero-tags span{font-size:9px;letter-spacing:.1em;font-weight:800;padding:7px 9px;border-radius:7px;background:#ffffff0d;border:1px solid #ffffff14;color:#b9c9e0}
.signal-map{width:330px;height:270px;position:relative;border-radius:24px;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px;border:1px solid #ffffff12;overflow:hidden}.signal-map:before,.signal-map:after{content:"";position:absolute;border:1px solid #00d4c73d;border-radius:50%;inset:50px}.signal-map:after{inset:88px}.scan{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent 76%,#00d4c729 95%,transparent);animation:rotate 8s linear infinite}.map-label{position:absolute;color:white;padding-left:15px;line-height:1.15}.map-label i{position:absolute;left:0;top:4px;width:8px;height:8px;border-radius:50%;background:#00dfd0;box-shadow:0 0 0 5px #00d4c71c,0 0 18px #00d4c7}.map-label b,.map-label small{display:block}.map-label b{font-size:11px}.map-label small{font-size:9px;color:#8fa9ca;margin-top:3px}.ml1{top:28px;left:42px}.ml2{top:66px;right:23px}.ml3{bottom:35px;right:24px}.ml4{bottom:52px;left:27px}.map-total{position:absolute;inset:96px 118px;border-radius:50%;background:#182d5c;border:1px solid #62eee04f;display:grid;place-content:center;text-align:center;box-shadow:0 0 40px #00d4c71c}.map-total b{font-size:28px;color:#fff}.map-total span{font-size:9px;color:#86a6c8}@keyframes rotate{to{transform:rotate(360deg)}}
.priority-card,.panel,.kpi{border:1px solid #d8e2f0;box-shadow:0 8px 30px #2539630b}.priority-card{border-radius:24px;padding:26px;background:linear-gradient(180deg,#fff,#f9fbff)}.kpi-grid{gap:16px;margin:20px 0}.kpi{border:0;border-radius:18px;padding:20px 20px 18px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-30px;top:-38px;background:currentColor;opacity:.07}.kpi.teal{color:#039c94;background:linear-gradient(145deg,#fff,#effffb)}.kpi.blue{color:#266ee3;background:linear-gradient(145deg,#fff,#eff5ff)}.kpi.amber{color:#d88a00;background:linear-gradient(145deg,#fff,#fff7e8)}.kpi.violet{color:#7c4ee1;background:linear-gradient(145deg,#fff,#f6f0ff)}.kpi>span,.kpi small{color:#718096}.kpi b{color:#111b36;font-size:30px}.panel{border:0;border-radius:20px;box-shadow:0 10px 34px #20345c0d}.project-row{border-radius:12px;padding:14px 10px;transition:.2s}.project-row:hover{background:#f2f7ff;transform:translateX(4px)}.project-card{border:0;border-radius:20px;box-shadow:0 10px 32px #20345c0d;position:relative;overflow:hidden}.project-card:before{content:"";height:4px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet))}.project-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #20345c1b}.metric{border:1px solid #e7edf5}.insight{background:linear-gradient(100deg,#fff8e7,#fff);border-left:0;position:relative}.insight:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:4px;background:linear-gradient(var(--amber),#ff6f3c)}.timeline article>div{border:0;box-shadow:0 8px 24px #20345c0d}.flow span{background:white;box-shadow:0 6px 18px #20345c0b}.doc-card{border:0;box-shadow:0 8px 25px #20345c0c;border-radius:18px}.pdf-icon{background:linear-gradient(145deg,#fff1f1,#fff);box-shadow:0 7px 18px #d6424214}
@media(max-width:1050px){.hero-copy{max-width:100%}.signal-map{display:none}}
@media(max-width:720px){.sidebar{width:auto}.brand{display:none}main{margin-left:0}.view{padding:18px 15px 84px}.hero-card{min-height:330px;padding:28px 24px;border-radius:20px}.hero-copy h2{font-size:36px}.hero-grid{display:block}.kpi-grid{gap:10px}.kpi{padding:16px 14px}.topbar{padding:16px 18px}}