:root{--bg:#071018;--panel:#0c1822;--panel2:#10212d;--line:#203644;--text:#edf7fb;--muted:#7f96a5;--mint:#36d6c7;--green:#64d98b;--orange:#ff9e4a;--red:#ff6d78;--blue:#6ea6ff;--yellow:#f0cb67}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 67% -10%,#153c4b 0,transparent 31%),var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.side{background:rgba(5,13,20,.96);border-right:1px solid var(--line);padding:22px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.planet{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 33% 27%,#b5fff8 0,#36d6c7 19%,#154651 47%,#071018 72%);box-shadow:0 0 32px #36d6c733}.brand b{letter-spacing:.15em;font-size:17px}.brand small{display:block;color:var(--muted);letter-spacing:.08em}.nav a{display:flex;gap:11px;align-items:center;color:#b8c9d3;text-decoration:none;padding:11px 12px;border-radius:10px;margin:3px 0}.nav a:hover,.nav a.on{background:#112633;color:white}.nav i{font-style:normal;width:19px;color:var(--mint);text-align:center}.label{padding:17px 12px 6px;color:#546e7d;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.profile{position:absolute;bottom:18px;left:16px;right:16px;border-top:1px solid var(--line);padding:15px 8px 0;display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#17434e,#227084);font-weight:800}.profile small{color:var(--muted)}
main{padding:23px 30px 45px;min-width:0}.top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.url{font-size:11px;letter-spacing:.08em;color:var(--mint);border:1px solid #26505a;background:#0b2028;border-radius:999px;padding:7px 10px}.top h1{font-size:27px;margin:5px 0 0}.top p{margin:3px 0 0;color:var(--muted)}.buttons{display:flex;gap:9px}.btn{border:1px solid var(--line);background:#0c1a23;color:white;border-radius:10px;padding:10px 13px}.btn.primary{background:var(--mint);border-color:transparent;color:#04110f;font-weight:800}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric,.card{background:linear-gradient(145deg,rgba(16,32,43,.94),rgba(10,22,30,.94));border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 55px #0005}.metric{padding:17px}.metric small{color:var(--muted)}.metric strong{font-size:29px;display:block;margin:8px 0 2px}.positive{color:var(--green);font-size:12px}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.product{padding:17px;position:relative;overflow:hidden}.product:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-40px;top:-35px;background:#36d6c715}.product .icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#17323e;color:var(--mint);font-weight:900}.product h3{margin:14px 0 3px;font-size:18px}.product p{margin:0;color:var(--muted)}.chips{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}.chip,.badge{display:inline-flex;gap:6px;align-items:center;font-size:11px;border-radius:999px;padding:5px 8px;background:#142734;color:#a9bdc8}.badge:before{content:"";width:6px;height:6px;border-radius:50%}.active{color:#7fe9a1;background:#64d98b14}.active:before{background:var(--green)}.pilot{color:#8ec0ff;background:#6ea6ff16}.pilot:before{background:var(--blue)}.soon{color:#b7c7d0;background:#9babb614}.soon:before{background:#8093a0}
.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px}.head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.head h2{font-size:16px;margin:0}.head small{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #172b37;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#65808f}td strong{display:block}td small{color:var(--muted)}.app-pill{font-size:10px;border:1px solid #27404e;padding:4px 7px;border-radius:6px;margin-right:4px}.events{padding:5px 17px 15px}.event{padding:12px 0;border-bottom:1px solid #172b37;display:flex;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--mint);margin-top:5px}.event b{display:block}.event small{color:var(--muted)}.note{margin-top:14px;color:#587381;font-size:12px}
.login{position:fixed;inset:0;background:#03080dcf;backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;z-index:5}.login.show{display:flex}.login-card{width:min(450px,calc(100vw - 32px));background:#0b1720;border:1px solid #284352;border-radius:18px;padding:27px;box-shadow:0 40px 100px #0009}.login-card h2{font-size:25px;margin:18px 0 4px}.login-card p{color:var(--muted);margin:0 0 20px}.field{margin:12px 0}.field label{display:block;color:#a5b8c3;font-size:12px;margin-bottom:6px}.field input{width:100%;border:1px solid #294351;background:#08131b;color:white;border-radius:10px;padding:12px 13px;outline:none}.field input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #36d6c71c}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.shell{grid-template-columns:220px 1fr}}@media(max-width:720px){.shell{display:block}.side{height:auto;position:relative}.nav{display:grid;grid-template-columns:1fr 1fr}.profile{display:none}main{padding:17px}.metrics,.products{grid-template-columns:1fr}.buttons{display:none}}