:root{--ink:#07111f;--navy:#0b1830;--navy2:#102444;--glass:#0f2240d1;--white:#f8fbff;--muted:#98abc1;--line:#ffffff17;--violet:#7c3aed;--purple:#a855f7;--cyan:#25c2ff;--blue:#2563eb;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--pink:#ec4899}*{box-sizing:border-box}html,body{height:100%}body{color:var(--white);background:radial-gradient(circle at 18% 0,#7c3aed4d,#0000 28%),radial-gradient(circle at 88% 8%,#25c2ff33,#0000 25%),linear-gradient(150deg,#06101e 0%,#0a162b 42%,#0d1f3b 100%);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}a{color:inherit}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-right:1px solid var(--line);z-index:5;background:#040a14c7;height:100vh;padding:24px 18px 90px;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.logo-shell{background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff24;border-radius:20px;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,0 18px 40px #7c3aed3d}.logo-shell:after{content:"";background:linear-gradient(145deg,var(--violet),var(--cyan));z-index:-1;filter:blur(12px);opacity:.7;border-radius:16px;position:absolute;inset:6px}.brand h1{letter-spacing:-.4px;margin:0;font-size:20px}.brand p{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;margin:3px 0 0;font-size:11px;font-weight:800}.nav-title{color:#6f849d;text-transform:uppercase;letter-spacing:.16em;margin:18px 12px 8px;font-size:10px;font-weight:900}.nav{flex-direction:column;display:flex}.nav a,.nav button{color:#9eb0c6;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:11px;width:100%;margin:4px 0;padding:12px 13px;font-family:inherit;font-size:13.5px;font-weight:800;text-decoration:none;display:flex}.nav a:hover,.nav a.active,.nav button:hover,.nav button.active{color:#fff;background:linear-gradient(90deg,#7c3aed33,#25c2ff14);border-color:#a855f740;box-shadow:0 12px 30px #00000029}.sidebar-footer{border:1px solid var(--line);background:#ffffff09;border-radius:18px;margin-top:20px;padding:13px}.autosave{color:#5f7896;margin-top:8px;font-family:inherit;font-size:10px}.main{width:100%;max-width:1440px;margin:0 auto;padding:24px 28px 48px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#a9c6e2;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900}.topbar h2{letter-spacing:-.8px;margin:4px 0 6px;font-size:31px}.sub{color:var(--muted);font-size:13px}.profile{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;align-items:center;gap:12px;padding:10px 12px;display:flex}.avatar{background:linear-gradient(145deg,var(--pink),var(--violet));border-radius:14px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.card{border:1px solid var(--line);background:linear-gradient(#132a4ee0,#0b1b33d6);border-radius:24px;padding:18px;position:relative;overflow:hidden;box-shadow:0 24px 65px #00000047,inset 0 1px #ffffff0a}.card:before{content:"";background:radial-gradient(circle,#7c3aed33,#0000 68%);border-radius:50%;width:140px;height:140px;position:absolute;top:-55px;right:-55px}.card h3{margin:0 0 12px;font-size:17px}.metric-label{color:var(--muted);font-size:12px;font-weight:800}.metric{letter-spacing:-1.4px;margin:7px 0;font-size:38px;font-weight:950}.delta{font-size:12px;font-weight:800}.good{color:#86efac}.warn{color:#fde68a}.bad{color:#fecaca}.progress{background:#ffffff14;border-radius:99px;height:12px;overflow:hidden}.progress span{background:linear-gradient(90deg,var(--violet),var(--cyan),var(--green));border-radius:99px;height:100%;transition:width .5s;display:block;box-shadow:0 0 24px #25c2ff5c}.hero{background:linear-gradient(135deg,#7c3aed42,#25c2ff1c),linear-gradient(#132a4ef0,#0b1b33e6);min-height:220px;padding:25px}.hero-grid{grid-template-columns:1.35fr .65fr;align-items:center;gap:20px;display:grid}.hero h3{letter-spacing:-.7px;margin:4px 0 10px;font-size:27px}.hero p{color:#bdd2e7;max-width:680px;line-height:1.55}.orbit{border-radius:50%;place-items:center;width:170px;height:170px;margin:auto;display:grid;position:relative;box-shadow:0 0 45px #25c2ff38}.orbit:before{content:"";background:#0d203c;border-radius:50%;position:absolute;inset:16px}.orbit strong,.orbit small{z-index:2;text-align:center;display:block;position:relative}.orbit strong{font-size:36px}.orbit small{color:var(--muted)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:#c6d9ec;background:#ffffff12;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:850}.units{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;margin-bottom:16px;display:grid}.unit{color:#fff;cursor:pointer;border:0;border-radius:17px;padding:15px 7px;font-family:inherit;font-size:13px;font-weight:950;position:relative;overflow:hidden}.unit:after{content:"";background:linear-gradient(#ffffff1f,#0000 50%);position:absolute;inset:0}.u-green{background:linear-gradient(145deg,#15803d,#22c55e)}.u-amber{background:linear-gradient(145deg,#b45309,#f59e0b)}.u-red{background:linear-gradient(145deg,#b91c1c,#ef4444)}.u-blue{background:linear-gradient(145deg,#1d4ed8,#38bdf8)}.u-gray{background:linear-gradient(145deg,#334155,#64748b)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:12px 8px;font-size:13px}.table th{color:#a8c6e2;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.badge{border-radius:99px;padding:6px 9px;font-size:11px;font-weight:900;display:inline-flex}.b-live{color:#fde68a;background:#f59e0b2b}.b-good{color:#bbf7d0;background:#22c55e29}.b-alert{color:#fecaca;background:#ef444429}.b-idle{color:#c6d9ec;background:#ffffff14}.task{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.task-index{background:linear-gradient(145deg,#7c3aed59,#25c2ff2e);border-radius:11px;place-items:center;width:31px;height:31px;font-size:13px;font-weight:950;display:grid}.task-title{font-weight:850}.task-meta{color:var(--muted);margin-top:3px;font-size:11px}.big-action{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;cursor:pointer;border:0;border-radius:16px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:950;box-shadow:0 16px 30px #7c3aed47}.big-action:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.mobile-preview{background:#030811;border:1px solid #ffffff29;border-radius:40px;max-width:390px;margin:auto;padding:12px;box-shadow:0 30px 100px #0000008c}.mobile-inner{background:linear-gradient(#10223f,#091525);border-radius:30px;min-height:560px;padding:18px}.mobile-top{justify-content:space-between;align-items:center;display:flex}.mobile-logo{align-items:center;gap:9px;display:flex}.mini-logo{background:linear-gradient(145deg,var(--violet),var(--cyan));border-radius:13px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.form-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.field{flex-direction:column;flex:1;gap:5px;min-width:120px;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.field input,.field select{border:1px solid var(--line);color:var(--white);background:#ffffff0d;border-radius:10px;width:100%;padding:9px 10px;font-family:inherit;font-size:13px}.field input:focus,.field select:focus{outline:1px solid var(--cyan)}.small-btn{border:1px solid var(--line);color:var(--white);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:8px 13px;font-family:inherit;font-size:12.5px;font-weight:800}.small-btn.primary{background:linear-gradient(135deg,var(--violet),var(--cyan));border:none}.toast{border:1px solid var(--line);z-index:99;opacity:0;pointer-events:none;background:#0f2240f5;border-radius:14px;padding:12px 18px;font-size:13px;font-weight:700;transition:all .3s;position:fixed;bottom:22px;right:22px;transform:translateY(10px);box-shadow:0 20px 50px #0006}.toast.show{opacity:1;transform:translateY(0)}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:100%;max-width:420px}.error-text{color:#fecaca;margin-top:8px;font-size:12.5px}@media (max-width:1000px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.nav{grid-template-columns:repeat(2,1fr);display:grid}.span3,.span4,.span5,.span6,.span7,.span8{grid-column:span 12}.hero-grid{grid-template-columns:1fr}.main{padding:18px}.topbar{flex-direction:column}}