@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#050810;--panel:rgba(10,17,31,.72);--line:rgba(139,220,255,.14);--text:#f3f8ff;--muted:#8291a9;--cyan:#5eeaff;--blue:#448aff;--violet:#c277ff;--green:#61f5ae;--amber:#ffcb6b;--danger:#ff7085;--radius:22px;--mono:'Space Mono',monospace;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}.visual{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:opacity .8s ease}.visual-shade{position:fixed;inset:0;z-index:1;background:radial-gradient(circle at 50% 42%,rgba(2,5,13,.12),rgba(2,5,13,.76) 72%),linear-gradient(90deg,rgba(3,7,15,.3),rgba(3,7,15,.12))}.noise{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.08;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.glass{background:linear-gradient(145deg,rgba(13,23,42,.82),rgba(7,13,25,.68));border:1px solid var(--line);box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(22px) saturate(135%)}button,input{font:inherit}.eyebrow{margin:0 0 10px;color:var(--cyan);font:700 10px/1.2 var(--mono);letter-spacing:.18em}.brand-mark,.mini-brand{font:600 24px var(--sans);letter-spacing:-.07em;color:white;text-decoration:none}.brand-mark b,.mini-brand b{color:var(--cyan)}
.auth-view{position:relative;z-index:3;min-height:100dvh;display:grid;grid-template-columns:minmax(360px,1fr) 430px;align-items:center;gap:clamp(28px,7vw,120px);max-width:1260px;margin:auto;padding:56px}.auth-brand{min-height:620px;display:flex;flex-direction:column;justify-content:space-between}.brand-copy h1{margin:0;font-size:clamp(56px,7vw,96px);line-height:.94;letter-spacing:-.07em}.brand-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(130,235,255,.8);text-shadow:0 0 34px rgba(94,234,255,.18)}.brand-copy>p:last-child{max-width:520px;color:#a8b5c8;font-size:17px;line-height:1.7}.signal{display:flex;align-items:center;gap:10px;color:#9babc0;font:11px var(--mono);letter-spacing:.08em}.signal i,.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green);animation:pulse 2s infinite}.auth-card{border-radius:28px;padding:28px;min-height:500px}.tabs{display:flex;gap:6px;background:rgba(255,255,255,.045);border-radius:14px;padding:5px;margin-bottom:36px}.tab{flex:1;border:0;border-radius:10px;padding:11px;color:var(--muted);background:transparent;cursor:pointer}.tab.active{color:white;background:rgba(94,234,255,.1);box-shadow:inset 0 0 0 1px rgba(94,234,255,.14)}.auth-form{display:none;gap:18px}.auth-form.active{display:grid;animation:rise .45s ease}.auth-form h2{margin:0;font-size:34px;letter-spacing:-.04em}.auth-form label,.invite-form label{display:grid;gap:8px;color:#a6b2c4;font-size:12px;font-weight:600}.auth-form input,.invite-form input{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(2,7,15,.7);color:white;padding:14px 15px;outline:none;transition:.2s}.auth-form input:focus,.invite-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(94,234,255,.09)}.primary{border:0;border-radius:13px;background:linear-gradient(110deg,#3678ff,#a555e8);color:white;padding:14px 17px;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 12px 34px rgba(68,110,255,.24);transition:.2s}.primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.fineprint,.message{color:var(--muted);font-size:12px;line-height:1.5}.message{min-height:20px;margin-top:15px}.message.error{color:var(--danger)}.message.success{color:var(--green)}
.app-view{position:relative;z-index:3;display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;min-height:100dvh;padding:20px}.app-view[hidden],.auth-view[hidden]{display:none}.app-view~*{}.app-view:not([hidden])~.visual{}.sidebar{height:calc(100dvh - 40px);position:sticky;top:20px;border-radius:var(--radius);padding:24px 15px;display:flex;flex-direction:column}.mini-brand{padding:7px 11px 30px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:var(--muted);padding:12px;border-radius:12px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer}.nav-item span{font:16px var(--mono)}.nav-item.active,.nav-item:hover{color:white;background:rgba(94,234,255,.08)}.sidebar-foot{margin-top:auto;padding:13px 9px 3px;border-top:1px solid var(--line);display:grid;grid-template-columns:36px 1fr 28px;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));font-weight:700}.sidebar-foot b,.sidebar-foot small{display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-foot b{font-size:12px}.sidebar-foot small{color:var(--muted);font-size:10px}.sidebar-foot button,.icon-btn{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}.workspace{padding:10px 18px 60px;max-width:1440px;width:100%;margin:auto}.topbar,.section-head,.panel-head{display:flex;align-items:center;justify-content:space-between}.topbar{padding:14px 2px 28px}.topbar h2{font-size:30px;margin:0;letter-spacing:-.04em}.top-actions{display:flex;gap:10px;align-items:center}.live-pill{display:flex;align-items:center;gap:8px;border:1px solid rgba(97,245,174,.2);background:rgba(97,245,174,.07);color:var(--green);border-radius:999px;padding:8px 12px;font:10px var(--mono)}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03)}.page{display:none}.page.active{display:block;animation:rise .45s ease}.hero{min-height:250px;border-radius:var(--radius);padding:38px;display:flex;justify-content:space-between;align-items:end;overflow:hidden;position:relative}.hero:after{content:'vauEs';position:absolute;right:-10px;top:-38px;font:700 150px var(--mono);letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px rgba(94,234,255,.08);transform:rotate(-4deg);pointer-events:none}.hero h3,.section-head h3,.panel h3{margin:0;letter-spacing:-.04em}.hero h3{font-size:40px;line-height:1.02}.hero p{color:var(--muted);max-width:500px}.hero-actions{display:flex;gap:10px;position:relative;z-index:1}.hero-actions a,.text-link{color:white;text-decoration:none}.hero-actions a{border:1px solid var(--line);border-radius:12px;padding:12px 15px;background:rgba(255,255,255,.04);white-space:nowrap}.hero-actions a:first-child{background:white;color:#07101d}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 34px}.stat{border-radius:17px;padding:18px}.stat span{color:var(--muted);font:9px var(--mono);letter-spacing:.14em}.stat strong{font:600 32px var(--mono);display:block;margin:10px 0 2px;color:var(--cyan)}.stat small{color:#6f7f96;font-size:10px}.section-head{margin:0 2px 14px}.section-head h3{font-size:25px}.section-head>span{color:var(--muted);font-size:12px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:34px}.service{position:relative;border:1px solid var(--line);border-radius:17px;background:rgba(8,16,29,.72);padding:18px;color:inherit;text-decoration:none;overflow:hidden;transition:.25s}.service:hover{transform:translateY(-4px);border-color:rgba(94,234,255,.35);box-shadow:0 16px 40px rgba(0,0,0,.28)}.service-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(94,234,255,.08);color:var(--cyan);font:700 15px var(--mono)}.service h4{margin:16px 0 3px}.service p{margin:0;color:var(--muted);font-size:11px}.service-state{position:absolute;right:14px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--danger)}.service-state.online{background:var(--green);box-shadow:0 0 12px rgba(97,245,174,.7)}.split-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.panel{border-radius:var(--radius);padding:24px;min-height:210px}.orb{width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 16px var(--violet)}.empty,.muted{color:var(--muted);font-size:13px}.empty{padding:38px 0;text-align:center}.stream-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.stream-row span{color:var(--muted)}.text-link{display:inline-flex;margin-top:25px;gap:10px;color:var(--cyan)}.admin-panel{min-height:420px}.invite-form{display:grid;grid-template-columns:150px 180px 220px;gap:12px;align-items:end}.new-code{margin:24px 0;padding:18px;border:1px solid rgba(94,234,255,.2);background:rgba(94,234,255,.06);border-radius:14px;display:flex;align-items:center;gap:18px}.new-code[hidden]{display:none}.new-code span{color:var(--muted);font-size:11px}.new-code code{font:700 16px var(--mono);color:var(--cyan)}.new-code button,.revoke{margin-left:auto;border:1px solid var(--line);background:transparent;color:white;border-radius:9px;padding:8px 10px;cursor:pointer}.invite-list{display:grid;margin-top:20px}.invite-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:center;padding:14px 5px;border-top:1px solid var(--line);font-size:12px}.invite-row code{color:var(--cyan)}.invite-row span{color:var(--muted)}.toast{position:fixed;z-index:20;right:24px;bottom:24px;transform:translateY(30px);opacity:0;background:#101b2d;border:1px solid var(--line);border-radius:12px;padding:12px 16px;transition:.25s;pointer-events:none}.toast.show{transform:none;opacity:1}
.server-panel{margin-top:20px}.server-stats .stat strong{font-size:clamp(20px,2.1vw,32px);overflow:hidden;text-overflow:ellipsis}.server-grid{margin-top:20px}.metric-list,.container-list{display:grid;gap:8px}.metric-row,.status-row,.disk-row{border:1px solid rgba(255,255,255,.06);background:rgba(2,7,15,.38);border-radius:12px;padding:12px 14px}.metric-row,.status-row,.disk-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-row span,.disk-row span,.status-row small{color:var(--muted);font-size:11px}.status-row{justify-content:flex-start}.status-row>div{min-width:0}.status-row b,.status-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 auto}.status-dot.online{background:var(--green);box-shadow:0 0 12px rgba(97,245,174,.55)}.status-dot.offline{background:var(--danger)}.usage-bar{height:5px;border-radius:9px;background:rgba(255,255,255,.07);margin-top:10px;overflow:hidden}.usage-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.usage-bar i.danger{background:var(--danger)}.danger{color:var(--danger)!important}.orb.hot{background:var(--danger);box-shadow:0 0 20px var(--danger)}.node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:12px}.node-card{display:grid;grid-template-columns:1fr auto;gap:7px;border:1px solid var(--line);background:rgba(94,234,255,.035);border-radius:14px;padding:14px}.node-card span{color:var(--green);font:10px var(--mono);text-transform:uppercase}.node-card small{grid-column:1/-1;color:var(--muted);line-height:1.5}.server-panel .panel-head>span{color:var(--muted);font:10px var(--mono)}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 4px var(--green)}}
@media(max-width:980px){.auth-view{grid-template-columns:1fr;max-width:600px;padding:30px}.auth-brand{min-height:260px}.brand-copy h1{font-size:60px}.signal{display:none}.app-view{grid-template-columns:74px}.sidebar{padding:18px 9px}.mini-brand{font-size:18px}.nav-item b,.sidebar-foot>div:nth-child(2){display:none}.sidebar-foot{grid-template-columns:36px}.stats,.service-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}.hero{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:620px){.auth-view{padding:18px}.auth-brand{min-height:210px}.brand-copy h1{font-size:48px}.brand-copy>p:last-child{display:none}.auth-card{padding:20px}.app-view{display:block;padding:10px}.sidebar{height:auto;position:fixed;z-index:10;left:12px;right:12px;bottom:10px;top:auto;flex-direction:row;align-items:center;padding:8px}.mini-brand{padding:8px 14px}.sidebar nav{display:flex}.sidebar-foot{margin:0 0 0 auto;border:0;padding:0}.workspace{padding:10px 5px 90px}.topbar h2{font-size:24px}.hero{padding:24px}.hero h3{font-size:30px}.hero-actions{flex-direction:column;width:100%}.stats,.service-grid{grid-template-columns:1fr 1fr}.invite-form{grid-template-columns:1fr}.new-code{align-items:flex-start;flex-direction:column}.new-code button{margin-left:0}.invite-row{grid-template-columns:1fr 1fr}.visual{opacity:.55}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.visual{display:none}}
.infra-tree{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;white-space:pre;overflow:auto;line-height:1.75;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(3,8,18,.62);color:#d7e5f5;font-size:.88rem}