@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#e6ebf4;background:#090d16;font-synthesis:none;--bg: #090d16;--panel: #101722;--panel2: #151e2c;--line: #243044;--muted: #8491a6;--text: #e6ebf4;--accent: #5b8cff;--accent2: #6c5ce7;--green: #35d49a;--red: #ff647c;--amber: #f6b94b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);font-size:15px;font-weight:500}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.muted{color:var(--muted)!important}.mono,code{font-family:JetBrains Mono,monospace}.eyebrow{color:#6e95f8!important;font-size:12px!important;font-weight:700;letter-spacing:.16em;margin:0 0 8px!important}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));padding:10px 16px;font-weight:600;cursor:pointer;box-shadow:0 8px 25px #586cff2b}.primary svg{width:17px}.primary:disabled{opacity:.55}.wide{width:100%;padding:13px}.splash{display:grid;place-items:center;align-content:center;gap:16px;min-height:100vh;color:var(--muted)}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:linear-gradient(145deg,#6b91ff,#6654db);color:#fff;box-shadow:0 7px 25px #556eff44}.brand-mark.large{width:54px;height:54px;border-radius:14px}.brand-mark.large svg{width:29px;height:29px}.login-page{display:grid;grid-template-columns:minmax(480px,1.25fr) minmax(400px,.75fr);min-height:100vh}.login-visual{position:relative;display:grid;align-items:center;overflow:hidden;padding:8vw;background:radial-gradient(circle at 28% 32%,#192f62 0,transparent 38%),radial-gradient(circle at 75% 70%,#34265f 0,transparent 35%),#0b1120}.login-visual:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,transparent 60%,#090d16)}.login-grid{position:absolute;inset:-20%;opacity:.13;background-image:linear-gradient(#7191d8 1px,transparent 1px),linear-gradient(90deg,#7191d8 1px,transparent 1px);background-size:54px 54px;transform:perspective(500px) rotateX(55deg) rotate(-12deg)}.visual-copy{position:relative;z-index:1;max-width:620px}.visual-copy h1{font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:26px 0}.visual-copy h1 span{color:#7798ff}.visual-copy>p:not(.eyebrow){max-width:520px;color:#9ba9be;font-size:18px;line-height:1.7}.visual-stats{display:flex;gap:14px;margin-top:44px}.visual-stats>div{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;padding:16px 18px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.visual-stats svg{grid-row:span 2;width:22px;color:#7597ff}.visual-stats small{color:#8491a6}.login-panel{display:grid;place-items:center;padding:50px;background:#090d16}.login-panel form{width:min(100%,390px)}.login-panel h2{font-size:34px;letter-spacing:-.03em;margin:7px 0}.login-panel form>p{line-height:1.55}.login-panel label,.form-grid label{display:grid;gap:8px;margin-top:22px;color:#b7c0cf;font-size:14px;font-weight:600}.login-panel input,.form-grid input,.form-grid select,.form-grid textarea,td select{width:100%;border:1px solid var(--line);border-radius:8px;outline:0;background:#0e1520;color:var(--text);padding:12px 13px;transition:.2s}.login-panel input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#6388f5;box-shadow:0 0 0 3px #6388f51c}.login-panel .primary{margin-top:24px}.form-error{margin:15px 0;padding:11px 13px;border:1px solid #ff647c55;border-radius:8px;background:#ff647c12;color:#ff8c9e;font-size:14px}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:fixed;z-index:30;display:flex;flex-direction:column;width:250px;height:100vh;border-right:1px solid #1d2838;background:#0c121c}.brand{display:flex;align-items:center;gap:11px;height:72px;padding:0 18px;border-bottom:1px solid #1d2838}.brand strong{display:block;font-size:16px}.brand small{display:block;margin-top:3px;color:#65738a;font-size:9px;font-weight:700;letter-spacing:.14em}.mobile-close{display:none}.sidebar nav{flex:1;padding:18px 12px}.nav-label{margin:17px 10px 8px;color:#536077;font-size:10px;font-weight:700;letter-spacing:.14em}.sidebar nav a{display:flex;align-items:center;gap:11px;margin:3px 0;padding:10px 11px;border-radius:7px;color:#8390a4;font-size:14px;font-weight:600}.sidebar nav a:hover{background:#141d2a;color:#c9d1df}.sidebar nav a.active{background:linear-gradient(90deg,#526fe827,#526fe808);color:#8eabff;box-shadow:inset 2px 0 #6488f8}.sidebar nav a svg{width:18px;height:18px}.nav-chevron{margin-left:auto;width:13px!important;opacity:.45}.sidebar-user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:12px;padding:12px;border:1px solid #202c3e;border-radius:10px;background:#111925}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#223354;color:#91adff;font-weight:700;text-transform:uppercase}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;max-width:115px;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar-user small{margin-top:3px;color:#6f7c91}.sidebar-user button,.mobile-close{border:0;background:transparent;color:#6f7c91;cursor:pointer}.sidebar-user button svg{width:16px}.app-shell>main{grid-column:2;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 28px;border-bottom:1px solid #1d2838;background:#0c121ccc;color:#738096;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar>div{display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.menu-button{display:none;border:0;background:transparent}.page{padding:32px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1{margin:0 0 7px;font-size:29px;letter-spacing:-.035em}.page-head p{margin:0;color:var(--muted);font-size:14px}.timestamp{color:#617087;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric{display:flex;align-items:center;gap:15px;min-height:104px;padding:20px;border:1px solid #202c3e;border-radius:11px;background:linear-gradient(145deg,#111925,#0f1621);box-shadow:0 13px 35px #0002}.metric-icon,.machine-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid #5a7fe333;border-radius:9px;background:#5a7fe315;color:#7898f5}.metric-icon svg,.machine-icon svg{width:20px}.metric span,.metric strong{display:block}.metric span{color:var(--muted);font-size:12px}.metric strong{margin-top:5px;font-size:23px}.panel{overflow:hidden;border:1px solid #202c3e;border-radius:11px;background:var(--panel)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-bottom:1px solid #202c3e}.panel-head h2{margin:0 0 4px;font-size:16px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.panel-head a{color:#7998f7;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:12px 17px;background:#131b27;color:#68768c;font-size:10px;letter-spacing:.09em;text-align:left;text-transform:uppercase}td{padding:15px 17px;border-top:1px solid #1e2939;color:#aeb8c8}td strong,td small{display:block}td strong{color:#e2e8f2}td small{margin-top:4px;color:#69778c;font-size:11px}td button,.card-footer button,.machine-actions button{display:inline-flex;align-items:center;gap:6px;border:1px solid #29364a;border-radius:6px;background:#151e2a;padding:6px 9px;color:#9ba8bb;cursor:pointer}.card-footer button svg{width:14px}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid #344153;border-radius:20px;padding:4px 8px;color:#a5afbf;font-size:10px;font-weight:600}.status i{width:5px;height:5px;border-radius:50%;background:#788499}.status-running,.status-online,.status-succeeded,.status-free{border-color:#35d49a35;background:#35d49a0d;color:#65dfb2}.status-running i,.status-online i,.status-succeeded i,.status-free i{background:var(--green)}.status-error,.status-failed,.status-blocked{border-color:#ff647c45;background:#ff647c0d;color:#ff8c9e}.status-error i,.status-failed i,.status-blocked i{background:var(--red)}.status-creating,.status-starting,.status-stopping,.status-rebooting,.status-reinstalling,.status-deleting,.status-queued,.status-pending,.status-reserved{border-color:#f6b94b40;background:#f6b94b0c;color:#f5c86c}.status-creating i,.status-starting i,.status-stopping i,.status-rebooting i,.status-reinstalling i,.status-deleting i,.status-queued i,.status-pending i,.status-reserved i{background:var(--amber)}.empty{display:grid;place-items:center;justify-content:center;min-height:240px;color:#65738a;text-align:center}.empty svg{width:35px;height:35px;margin-bottom:12px;opacity:.55}.empty strong{color:#99a5b6;font-size:14px}.empty span{margin-top:5px;font-size:12px}.machine-grid,.node-grid,.network-grid,.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.machine,.node-card,.network-card,.template-card{border:1px solid #202c3e;border-radius:11px;background:linear-gradient(145deg,#111925,#0f1621);padding:19px}.machine-top,.node-head{display:flex;align-items:center;gap:12px}.machine-top{justify-content:flex-start}.machine-title{flex:1;min-width:0}.machine-title h2{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.machine-top .status{margin-left:auto}.machine h2,.node-card h2,.network-card h2,.template-card h2{margin:16px 0 5px;font-size:17px}.node-card h2,.network-card h2{margin:0}.machine p{margin:0;font-size:12px}.machine-hostname,.machine-ip{padding:12px;border:1px solid #202d41;border-radius:8px;background:#0b111b}.machine-hostname{margin:17px 0 10px}.machine-ip{margin:0 0 17px}.machine-hostname span,.machine-hostname strong,.machine-ip span,.machine-ip strong{display:block}.machine-hostname span,.machine-ip span{color:#65738a;font-size:10px;text-transform:uppercase}.machine-hostname strong,.machine-ip strong{margin-top:5px;font-family:JetBrains Mono,monospace;font-size:14px}.resource-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px 0;border-top:1px solid #1e2939;border-bottom:1px solid #1e2939;color:#758298;font-size:10px}.resource-row span{text-align:center}.resource-row b{color:#c5cedb;font-size:12px}.machine-meta{padding:12px 0;color:#68768c}.machine-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:6px}.machine-actions button{flex:1;justify-content:center;padding:8px}.machine-actions button:disabled{opacity:.28;cursor:not-allowed}.machine-actions svg{width:14px;height:14px}.danger-icon{color:#ff758a!important}.danger-button{border:1px solid #ff647c66!important;background:#ff647c17!important;color:#ff8c9e}.destructive-warning{margin-top:18px;padding:12px 14px;border:1px solid #ff647c55;border-radius:8px;background:#ff647c10;color:#ff9aad;line-height:1.5}.form-hint{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.card-error,.error-text{color:#ff7c90!important}.node-head .status{margin-left:auto}.usage{display:grid;gap:14px;margin:22px 0}.usage>div>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;color:#748197;font-size:11px}.usage b{color:#aeb8c7;font-weight:600}.progress{overflow:hidden;height:5px;min-width:100px;border-radius:4px;background:#202b3b}.progress i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#567af0,#7168e9)}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #1e2939;color:#748197;font-size:11px}.network-card dl,.template-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.network-card dl{grid-template-columns:repeat(4,1fr)}dl>div{padding:10px;border-radius:7px;background:#0c131e}dt{color:#65738a;font-size:10px}dd{margin:5px 0 0;color:#bdc7d5;font-size:12px}.success-text{color:#4edca6}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #2a3850;border-radius:6px;background:#162033;padding:5px 8px;color:#8ca6e8;font-size:10px}.chip svg{width:12px}.template-card{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px}.template-card h2{margin:2px 0}.template-card p{margin:5px 0;color:#748197;font-size:12px}.template-card dl,.template-card code{grid-column:1/-1}.template-card code{overflow:hidden;padding:10px;border:1px solid #202d41;border-radius:6px;color:#738097;font-size:10px;text-overflow:ellipsis}.user-cell{display:flex;align-items:center;gap:10px}.user-cell strong,.user-cell small{display:block}.modal-layer{position:fixed;z-index:100;display:grid;place-items:center;inset:0;padding:20px;background:#03060bb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{overflow:auto;width:min(620px,100%);max-height:92vh;border:1px solid #2a374b;border-radius:13px;background:#101722;box-shadow:0 30px 100px #0009}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #243044}.modal-head h2{margin:0;font-size:17px}.modal-head button{border:0;background:transparent;color:#78859a;font-size:25px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:0 21px 21px}.form-grid label{margin-top:16px}.span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.form-actions button{border:1px solid #29364a;border-radius:8px;background:#151e2a;padding:10px 15px;cursor:pointer}.form-actions .primary{border:0}.check{display:flex!important;grid-column:1/-1;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:17px!important}.console-screen{width:min(86vw,1100px);height:min(70vh,700px);background:#000}.modal:has(.console-screen){width:min(94vw,1150px)}.backdrop{display:none}@media(max-width:1100px){.metric-grid,.machine-grid,.node-grid,.network-grid,.template-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr 440px}.login-visual{padding:6vw}.visual-copy h1{font-size:50px}}@media(max-width:760px){.login-page{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px}.app-shell{display:block}.sidebar{transform:translate(-100%);transition:.22s}.sidebar-open{transform:none}.mobile-close{display:block;margin-left:auto}.backdrop{position:fixed;z-index:20;display:block;inset:0;border:0;background:#0009}.app-shell>main{display:block}.menu-button{display:block}.topbar{padding:0 15px}.top-email{display:none}.page{padding:22px 15px}.page-head{align-items:flex-start;flex-direction:column}.metric-grid,.machine-grid,.node-grid,.network-grid,.template-grid{grid-template-columns:1fr}.network-card dl{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid label,.span-2{grid-column:1}.timestamp{display:none}}.login-visual{padding:clamp(28px,6vw,76px)}.visual-copy{min-width:0}.visual-copy h1{font-size:clamp(40px,4vw,60px);line-height:1.08}.visual-copy h1 span{display:block}.visual-copy h1 .headline-main{color:#e6ebf4;white-space:nowrap}td button:disabled{opacity:.45;cursor:not-allowed}