@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080b0c;--side:#0b0f10;--panel:#101516;--panel2:#141a1b;--line:#222a2b;--line2:#2d3738;--muted:#758184;--soft:#9aa5a7;--text:#edf1f1;--acid:#c5f277;--cyan:#7de2d1;--danger:#ff8c87;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:14px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:25px 18px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0d1112,#090c0d);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 27px;text-decoration:none;color:var(--text)}.brandmark{width:38px;height:38px;display:grid;place-items:center;background:var(--acid);color:#101510;border-radius:10px;font:500 13px 'DM Mono';box-shadow:0 0 25px #c5f2771f}.brand>span:last-child{display:grid;gap:2px}.brand b{font-size:15px}.brand small,.profile small{font:400 9px 'DM Mono';letter-spacing:.09em;color:var(--muted)}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--muted);padding:11px 12px;border-radius:10px;font-weight:600;font-size:13px;transition:.18s}nav a:hover{color:var(--text);background:#ffffff05}nav a.active{color:var(--text);background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff08}nav a.active span{color:var(--acid)}nav a i{margin-left:auto;min-width:22px;text-align:center;padding:2px 6px;background:#ffffff0b;border-radius:6px;font:400 10px 'DM Mono';font-style:normal}.side-spacer{flex:1}.vault-state{padding:17px 14px;margin:12px 0 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#111718,#0d1213);display:grid;text-align:center}.vault-orbit{width:54px;height:54px;margin:2px auto 13px;border:1px solid #c5f27740;border-radius:50%;display:grid;place-items:center;position:relative}.vault-orbit:before,.vault-orbit:after{content:"";position:absolute;border:1px solid #c5f2771c;border-radius:50%;width:72px;height:72px}.vault-orbit:after{width:38px;height:38px;background:#c5f27710}.vault-orbit span{position:relative;z-index:2;color:var(--acid)}.vault-state b{font-size:11px}.vault-state small{font:400 9px 'DM Mono';color:var(--muted);margin-top:5px}.profile{padding:12px 8px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.profile>span{width:34px;height:34px;border-radius:9px;background:#252d2e;display:grid;place-items:center;font:500 10px 'DM Mono'}.profile div{display:grid}.profile b{font-size:11px}.profile i{color:var(--muted);font-style:normal}.workspace{min-width:0;background:radial-gradient(circle at 70% -10%,#1a26231f,transparent 38%),var(--bg)}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3vw,46px);background:#080b0ce8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}header small,.eyebrow{display:block;font:500 9px 'DM Mono';letter-spacing:.13em;color:var(--muted)}header h1{font-size:20px;letter-spacing:-.03em;margin:5px 0 0}.header-actions{display:flex;gap:9px}.primary,.ghost{height:42px;padding:0 16px;border:0;border-radius:10px;font:700 12px Manrope;cursor:pointer;transition:.18s}.primary{background:var(--acid);color:#121811;box-shadow:0 7px 30px #c5f27712}.primary:hover{background:#d2fa8e;transform:translateY(-1px)}.ghost{border:1px solid var(--line2);background:#101516;color:var(--soft);display:flex;align-items:center;gap:9px}.ghost kbd{font:400 9px 'DM Mono';border:1px solid var(--line2);padding:3px 5px;border-radius:5px;color:var(--muted)}main{max-width:1500px;margin:auto;padding:28px clamp(22px,3vw,46px) 36px}.status-strip{min-height:68px;border:1px solid var(--line);border-radius:14px;padding:12px 17px;margin-bottom:14px;background:linear-gradient(90deg,#101516,#0d1213);display:flex;align-items:center;justify-content:space-between}.status-strip>div:first-child{display:flex;align-items:center;gap:13px}.pulse{position:relative;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#c5f2770d}.pulse:after{content:"";position:absolute;width:19px;height:19px;border:1px solid #c5f2773d;border-radius:50%;animation:pulse 2.4s infinite}.pulse i{width:6px;height:6px;background:var(--acid);box-shadow:0 0 12px var(--acid);border-radius:50%}@keyframes pulse{50%{transform:scale(1.35);opacity:.25}}.status-strip p{display:grid;margin:0;gap:3px}.status-strip b{font-size:12px}.status-strip small{font-size:10px;color:var(--muted)}.run-state{display:flex;align-items:baseline;gap:10px}.run-state span,.run-state i{font-size:10px;color:var(--muted);font-style:normal}.run-state b{font:500 20px 'DM Mono';color:var(--acid)}.metric-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr;gap:14px;margin-bottom:14px}.metric,.launch-card{min-height:205px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--panel2),var(--panel));padding:21px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;inset:auto -40px -70px auto;width:130px;height:130px;border:1px solid #ffffff08;border-radius:50%}.metric-top{display:flex;justify-content:space-between}.trend{font:500 9px 'DM Mono';color:var(--cyan)}.metric>strong{display:block;font-size:39px;letter-spacing:-.055em;margin-top:31px}.metric p{margin:2px 0;color:var(--muted);font-size:11px}.metric-icon{float:right;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:9px;color:var(--acid)}.mini-bars{height:30px;display:flex;align-items:end;gap:4px;margin-top:17px}.mini-bars i{flex:1;background:#c5f27726;border-radius:2px 2px 0 0}.mini-bars i:nth-child(1),.mini-bars i:nth-child(5){height:25%}.mini-bars i:nth-child(2),.mini-bars i:nth-child(8){height:50%}.mini-bars i:nth-child(3),.mini-bars i:nth-child(11){height:35%}.mini-bars i:nth-child(4),.mini-bars i:nth-child(7){height:70%}.mini-bars i:nth-child(6),.mini-bars i:nth-child(9){height:85%}.mini-bars i:nth-child(10),.mini-bars i:nth-child(12){height:100%;background:var(--acid)}.progress{height:3px;background:#ffffff0b;margin-top:25px}.progress i{display:block;height:100%;width:91%;background:linear-gradient(90deg,var(--cyan),var(--acid))}.storage-foot{display:flex;justify-content:space-between;margin-top:25px;font:400 8px 'DM Mono';color:var(--muted)}.storage-foot i{font-style:normal;color:var(--cyan)}.launch-card{border-color:#c5f2774a;background:radial-gradient(circle at 90% 10%,#c5f27725,transparent 45%),#182015;display:flex;flex-direction:column;justify-content:space-between}.launch-card h2{font-size:18px;margin:12px 0 7px}.launch-card p{font-size:11px;line-height:1.55;color:#a8b59d;max-width:250px;margin:0}.launch-card button{display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--text);padding:0;cursor:pointer}.launch-card button span{width:39px;height:39px;border-radius:50%;background:var(--acid);color:#111811;display:grid;place-items:center;font-size:18px}.launch-card button b{font-size:12px}.content-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(270px,.75fr);gap:14px;margin-bottom:14px}.panel,.activity{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.panel-head{height:72px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{margin:5px 0 0;font-size:16px;letter-spacing:-.02em}.legend,.retention{font:400 9px 'DM Mono';color:var(--muted)}.legend i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:6px}.table-head,.row{display:grid;grid-template-columns:1.4fr .75fr 1fr auto;align-items:center;gap:18px}.table-head{padding:11px 21px;background:#ffffff02;border-bottom:1px solid var(--line);font:500 8px 'DM Mono';letter-spacing:.08em;color:#5f696b}.row{min-height:70px;padding:12px 21px;border-bottom:1px solid var(--line);transition:.15s}.row:last-child{border:0}.row:hover{background:#ffffff025}.device{display:flex;align-items:center;gap:12px}.device-icon{width:37px;height:37px;display:grid;place-items:center;background:#171e1f;border:1px solid var(--line);border-radius:10px;color:var(--acid)}.device b{font-size:11px}.mono{font:400 9px 'DM Mono';color:var(--muted);margin-top:4px}.meta{font-size:11px}.meta small{display:block;font:400 8px 'DM Mono';color:var(--muted);margin-bottom:4px}.actions{display:flex;align-items:center;gap:6px}.status{font:500 8px 'DM Mono';text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:6px 8px;background:#c5f2770e;color:var(--acid);border:1px solid #c5f27720}.status.failed{background:#ff8c8710;color:var(--danger);border-color:#ff8c8720}.status.running{background:#7de2d110;color:var(--cyan);border-color:#7de2d122}.icon{border:1px solid var(--line2);border-radius:8px;background:#111718;color:var(--muted);width:31px;height:31px;cursor:pointer}.icon:hover{color:var(--text);border-color:#536062}.activity{min-height:370px}.live-dot{font:500 8px 'DM Mono';color:var(--cyan);padding:5px 7px;border:1px solid #7de2d128;border-radius:5px;background:#7de2d10d}.radar{height:174px;position:relative;display:grid;place-items:center;margin:12px 20px 0;overflow:hidden}.radar-ring{position:absolute;border:1px solid #c5f27714;border-radius:50%}.r1{width:62px;height:62px}.r2{width:112px;height:112px}.r3{width:164px;height:164px}.radar:before,.radar:after{content:"";position:absolute;background:#c5f2770d}.radar:before{width:100%;height:1px}.radar:after{width:1px;height:100%}.radar-sweep{position:absolute;width:80px;height:80px;left:50%;top:50%;transform-origin:0 0;background:conic-gradient(from 10deg,#c5f27700,#c5f27718);animation:sweep 6s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.radar-core{position:relative;z-index:2;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:#111811;font:500 9px 'DM Mono';box-shadow:0 0 30px #c5f27738}.node{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.n1{top:31px;left:28%}.n2{right:21%;top:54%}.n3{bottom:22px;left:37%}.activity-copy{padding:0 21px}.activity-copy b{font-size:12px}.activity-copy p{font-size:10px;line-height:1.55;color:var(--muted)}.checks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:15px}.checks span{display:grid;justify-items:center;gap:5px;padding:12px 3px;font-size:8px;color:var(--muted);border-right:1px solid var(--line)}.checks span:last-child{border:0}.checks i{font-style:normal;color:var(--acid)}.history{scroll-margin-top:108px}.empty{text-align:center;padding:35px 20px;display:grid;justify-items:center;gap:7px}.empty>div{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:10px;color:var(--acid);margin-bottom:3px}.empty b{font-size:12px}.empty span{color:var(--muted);font-size:10px}.empty .primary{margin-top:10px;height:36px}.empty[hidden]{display:none}footer{display:flex;justify-content:space-between;padding:20px 3px 0;color:#515a5c;font:400 8px 'DM Mono'}dialog{width:min(580px,calc(100% - 28px));border:1px solid var(--line2);border-radius:20px;background:#101516;color:var(--text);padding:0;box-shadow:0 40px 120px #000d}dialog::backdrop{background:#030505c9;backdrop-filter:blur(8px)}form{padding:27px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.dialog-head h2{font-size:22px;margin:7px 0}.dialog-head p{font-size:11px;color:var(--muted);margin:0}.dialog-head .icon{font-size:19px}label{display:grid;gap:7px;color:var(--soft);font-size:10px;font-weight:600;margin-bottom:14px}input{width:100%;border:1px solid var(--line2);border-radius:9px;background:#0b1011;color:var(--text);padding:12px;font:400 11px Manrope;outline:none}input:focus{border-color:#c5f27780;box-shadow:0 0 0 3px #c5f2770b}.split{display:grid;grid-template-columns:1fr 110px;gap:12px}.split.equal{grid-template-columns:1fr 1fr}.secure-note{display:flex;gap:11px;align-items:center;padding:12px;border:1px solid #c5f27720;background:#c5f27708;border-radius:10px;margin:4px 0 16px}.secure-note>span{color:var(--acid)}.secure-note p{display:grid;margin:0}.secure-note b{font-size:10px}.secure-note small{font-size:9px;color:var(--muted);margin-top:2px}.submit{width:100%;display:flex;align-items:center;justify-content:space-between}.error{color:var(--danger);font-size:10px;margin-bottom:0}#toast{position:fixed;right:22px;bottom:22px;z-index:100;background:var(--acid);color:#101510;padding:12px 16px;border-radius:10px;box-shadow:0 14px 45px #0009;font-size:11px;font-weight:700;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.activity{display:none}}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:14px 18px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.brand small,.side-spacer,.vault-state,.profile{display:none}nav{display:flex;margin-left:auto}nav a{font-size:0;padding:9px}nav a span{font-size:16px}nav a i{font-size:9px}.workspace header{position:static;height:78px}.ghost{display:none}main{padding:18px}.status-strip{align-items:flex-start}.run-state{display:grid;text-align:right;gap:1px}.run-state i{display:none}.table-head{display:none}.row{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}footer{display:none}}@media(max-width:540px){.metric-grid{grid-template-columns:1fr}.status-strip{display:none}.workspace header h1{font-size:17px}.header-actions .primary{font-size:0;width:42px;padding:0}.header-actions .primary span{font-size:18px}.row{grid-template-columns:1fr}.actions{justify-content:flex-start}.split,.split.equal{grid-template-columns:1fr}.brand>span:last-child{display:none}}
