:root{
  --bg:#030712;--bg2:#07111f;--panel:#081225e8;--panel2:#0f172acc;--glass:#ffffff0b;
  --line:#38bdf844;--line2:#ffffff16;--cyan:#22d3ee;--blue:#60a5fa;--amber:#f59e0b;
  --red:#fb7185;--green:#34d399;--violet:#a78bfa;--text:#e5e7eb;--muted:#94a3b8;
  --side:310px;--radius:22px;--shadow:0 24px 70px #0009;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 12% -8%,#0891b255,transparent 32%),radial-gradient(circle at 100% 4%,#f59e0b2e,transparent 30%),radial-gradient(circle at 70% 105%,#22d3ee22,transparent 30%),linear-gradient(135deg,#020617,#030712 58%,#07111f);line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#22d3ee0e 1px,transparent 1px),linear-gradient(90deg,#22d3ee0e 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
body:after{content:"";position:fixed;inset:auto 0 0 0;height:34vh;pointer-events:none;background:linear-gradient(to top,#020617 0%,transparent 100%)}
a{color:inherit}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--side);z-index:80;padding:18px;background:linear-gradient(180deg,#020617f5,#07111fee);border-right:1px solid #38bdf84d;backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:16px;box-shadow:20px 0 60px #0005}.brand-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #22d3ee66;border-radius:26px;background:linear-gradient(135deg,#22d3ee1f,#ffffff08 48%,#f59e0b16);box-shadow:inset 0 1px 0 #ffffff1a}.brand-logo{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;font-weight:950;letter-spacing:-.05em;color:#001018;background:linear-gradient(135deg,var(--cyan),var(--amber));box-shadow:0 0 30px #22d3ee66}.brand-card h1{margin:0;font-size:1.22rem;letter-spacing:.08em;color:#fff}.brand-card p{margin:.18rem 0 0;color:var(--muted);font-size:.78rem}.side-status{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff08;color:#cbd5e1;font-size:.78rem;font-weight:800;letter-spacing:.05em}.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 #34d39999;animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px #34d39900}}
.nav{display:grid;gap:8px;overflow:auto;padding-right:2px}.nav a{display:grid;grid-template-columns:38px 1fr;gap:0 10px;align-items:center;text-decoration:none;padding:12px;border:1px solid transparent;border-radius:18px;background:#ffffff07;color:#dbeafe;transition:.18s}.nav a span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#0f172a;border:1px solid #ffffff12}.nav a b{font-size:.92rem}.nav a small{color:var(--muted);font-size:.72rem}.nav a:hover,.nav a.active{border-color:#22d3ee77;background:linear-gradient(135deg,#22d3ee20,#ffffff08);transform:translateX(3px);box-shadow:0 12px 34px #0004}.side-footer{margin-top:auto;display:grid;gap:2px;color:var(--muted);font-size:.76rem;padding:12px;border-top:1px solid #ffffff12}.main{position:relative;z-index:1;margin-left:var(--side);width:calc(100% - var(--side));min-height:100vh;padding:18px 26px 64px}.topbar{position:sticky;top:0;z-index:70;margin:-18px -26px 18px;padding:12px 26px;border-bottom:1px solid #38bdf844;background:#020617c4;backdrop-filter:blur(20px);display:flex;align-items:center;gap:14px}.menu-btn{display:none}.icon-btn,.chip,.btn{border:1px solid #38bdf866;background:#0f172acc;color:#e5e7eb;border-radius:999px;padding:9px 13px;font-weight:850;cursor:pointer;transition:.16s}.icon-btn:hover,.chip:hover,.btn:hover{background:#22d3ee26;color:#fff;transform:translateY(-1px)}.chip.amber,.btn.amber{border-color:#f59e0b77;background:#f59e0b22}.btn.green,.chip.green{border-color:#34d39977;background:#34d39922}.btn.red,.chip.red{border-color:#fb718577;background:#fb718522}.top-title{display:grid;line-height:1.15}.top-title strong{font-size:1rem}.top-title span{color:var(--muted);font-size:.78rem}.top-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.command-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.mini-stat{border:1px solid #ffffff14;border-radius:18px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);padding:13px 14px;box-shadow:0 12px 35px #0003}.mini-stat small{display:block;color:var(--muted);font-size:.74rem}.mini-stat strong{font-size:1.25rem;color:#fff}.route-shell{animation:fade .22s ease}@keyframes fade{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;overflow:hidden;border:1px solid #38bdf855;border-radius:32px;padding:34px;background:linear-gradient(135deg,#0891b233,#0f172ae8 45%,#f59e0b14);box-shadow:var(--shadow)}.hero:after{content:attr(data-watermark);position:absolute;right:24px;bottom:-36px;font-weight:950;font-size:clamp(4rem,9vw,8.5rem);letter-spacing:-.08em;color:#22d3ee0a;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#86efac;font-family:ui-monospace,Menlo,monospace;letter-spacing:.11em;font-size:.78rem;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px #34d399}.hero h2{font-size:clamp(2.15rem,4.3vw,4.6rem);line-height:.98;margin:.55rem 0 .8rem;color:white;letter-spacing:-.055em}.hero p{max-width:980px;color:#cbd5e1;font-size:1.02rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.section{margin-top:20px;padding:22px;border:1px solid #38bdf838;border-radius:var(--radius);background:linear-gradient(180deg,#07111fe8,#081225cc);box-shadow:0 18px 52px #0005}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title h3{margin:0;color:#fff;font-size:1.32rem;letter-spacing:-.02em}.tag{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,Menlo,monospace;color:#fcd34d;border:1px solid #f59e0b55;background:#f59e0b14;padding:6px 10px;border-radius:999px;font-size:.77rem;font-weight:850}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:14px}.module-card{position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit;border:1px solid #38bdf83b;border-radius:26px;background:linear-gradient(180deg,#ffffff10,#ffffff06);padding:18px;min-height:190px;transition:.18s;box-shadow:0 16px 45px #0004}.module-card:after{content:"";position:absolute;inset:auto -25% -35% 25%;height:120px;background:radial-gradient(circle,#22d3ee2b,transparent 62%);transform:rotate(-8deg)}.module-card:hover{transform:translateY(-6px);border-color:#22d3eeaa;box-shadow:0 24px 70px #0008}.module-card .icon{font-size:2.2rem;margin-bottom:12px}.module-card h4{margin:.1rem 0 .45rem;font-size:1.1rem}.module-card p{color:#cbd5e1;font-size:.9rem}.module-meta{position:absolute;left:18px;bottom:16px;display:flex;gap:7px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff18;background:#02061766;color:#dbeafe;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:850}.card{border:1px solid #94a3b826;border-radius:20px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);padding:16px;box-shadow:inset 0 1px 0 #ffffff12}.card h4{margin:.05rem 0 .45rem;color:white}.card p,.card li{color:#cbd5e1;font-size:.92rem}.card-accent{border-color:#22d3ee66;background:linear-gradient(135deg,#22d3ee14,#ffffff07)}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card{padding:16px;border:1px solid #38bdf833;border-radius:20px;background:#02061770;box-shadow:inset 0 1px 0 #ffffff12}.kpi-card small{display:block;color:var(--muted)}.kpi-card strong{font-size:1.65rem;color:#fff;display:block;letter-spacing:-.04em}.bar{height:13px;border-radius:999px;background:#94a3b826;overflow:hidden;border:1px solid #ffffff16}.bar span{height:100%;display:block;background:linear-gradient(90deg,var(--green),var(--cyan),var(--amber));width:0;transition:.35s}.table-wrap{overflow:auto;border:1px solid #94a3b826;border-radius:20px;background:#02061755}table{width:100%;border-collapse:collapse;min-width:860px}th,td{padding:12px;border-bottom:1px solid #94a3b81f;text-align:left}th{position:sticky;top:0;color:var(--cyan);background:#07111f;font-size:.75rem;text-transform:uppercase;z-index:1}td{color:#dbeafe;font-size:.9rem}.status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:950}.green{background:#34d39922;color:#86efac}.yellow{background:#f59e0b22;color:#fcd34d}.red{background:#fb718522;color:#fda4af}.blue{background:#60a5fa22;color:#bfdbfe}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.form-grid.wide{grid-template-columns:repeat(6,1fr)}input,select,textarea{width:100%;border:1px solid #38bdf844;background:#020617b3;color:#e5e7eb;border-radius:14px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#22d3eecc;box-shadow:0 0 0 3px #22d3ee1a}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check{display:flex;gap:10px;align-items:flex-start;border:1px solid #94a3b826;background:#02061766;border-radius:16px;padding:12px;color:#dbeafe}.check input{accent-color:var(--cyan);transform:scale(1.13);margin-top:3px}.timeline{display:grid;gap:12px}.phase{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:start;border:1px solid #94a3b826;background:#02061766;border-radius:20px;padding:15px}.phase b{color:var(--cyan)}.phase .phase-title{color:#fff;font-weight:900}.alert{border:1px solid #fb718566;background:linear-gradient(135deg,#fb718522,#0f172a99);border-radius:20px;padding:16px;margin:10px 0}.alert.amber{border-color:#f59e0b66;background:linear-gradient(135deg,#f59e0b22,#0f172a99)}.alert.green{border-color:#34d39966;background:linear-gradient(135deg,#34d3991e,#0f172a99)}.split-panel{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.heat-row{display:grid;grid-template-columns:150px 1fr 60px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #ffffff0e}.footer{text-align:center;color:var(--muted);padding:30px}.mobile-backdrop{display:none}.brief .sidebar,.brief .command-strip,.brief .top-actions{display:none}.brief .main{margin:0 auto;width:100%;max-width:1180px}.brief .topbar{justify-content:center}.brief .route-shell{max-width:1180px;margin:0 auto}.empty{padding:26px;text-align:center;color:#94a3b8;border:1px dashed #38bdf844;border-radius:20px;background:#02061766}.hide{display:none!important}@media(max-width:1180px){.grid,.grid.four{grid-template-columns:repeat(2,1fr)}.kpi,.command-strip{grid-template-columns:repeat(2,1fr)}.form-grid.wide,.form-grid{grid-template-columns:repeat(2,1fr)}.split-panel{grid-template-columns:1fr}}@media(max-width:820px){.sidebar{transform:translateX(-106%);transition:.25s}.sidebar.open{transform:translateX(0)}.mobile-backdrop.open{display:block;position:fixed;inset:0;background:#0009;z-index:75}.main{margin:0;width:100%;padding:14px}.topbar{margin:-14px -14px 14px;padding:10px 12px}.menu-btn{display:inline-flex}.top-actions{gap:6px}.top-actions .chip{padding:8px 10px;font-size:.78rem}.command-strip,.grid,.grid.two,.grid.four,.kpi,.checklist,.form-grid,.form-grid.wide{grid-template-columns:1fr}.hero{padding:22px;border-radius:26px}.hero h2{font-size:2.2rem}.hero:after{font-size:4.2rem}.section{padding:17px}.section-title{align-items:flex-start;flex-direction:column}.phase{grid-template-columns:1fr}.top-title span{display:none}.heat-row{grid-template-columns:1fr}.nav a:hover{transform:none}}@media print{body{background:white;color:#111}.sidebar,.topbar,.command-strip,.tools,.hero-actions{display:none}.main{margin:0;width:100%;padding:0}.hero,.section,.card,.phase,.alert,.module-card,.kpi-card{box-shadow:none;background:white;border-color:#ddd;color:#111;break-inside:avoid}.hero h2,.section-title h3,.card h4,.module-card h4{color:#111}td,th,.card p,.card li,.module-card p{color:#111}.bar span{background:#777}}
