@import url('/assets/fonts/fonts.css');
:root{color-scheme:dark;--bg:#021310;--surface:#0b211c;--accent:#00ecbc;--text:#e9fffa;--muted:#8da8a1;--border:rgba(233,255,250,.1);--mono:"Roboto Mono",Consolas,monospace;font-family:"Plus Jakarta Sans","Segoe UI",Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#00372b44,transparent 55%),linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;min-height:100vh}
button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button svg{flex-shrink:0}.ui-icon{width:19px;height:19px;flex:none;vertical-align:middle}
body>.sidebar{position:fixed;inset:0 auto 0 0;width:280px;padding:24px 14px 14px;display:flex;flex-direction:column;gap:23px;background:rgba(4,22,19,.94);border-right:1px solid var(--border);z-index:20;overflow-y:auto}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);padding:0 10px;min-height:44px;flex-shrink:0}.brand>span{font-size:21px;font-weight:800;letter-spacing:-.7px}.brand b{color:var(--accent)}.brand small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:1px;margin-top:4px}.workspace{min-height:56px;padding:12px 15px;background:#ffffff04;border:1px solid var(--border);border-radius:16px;display:flex;gap:12px;align-items:center}.workspace small{display:block;font:9px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:4px}.workspace strong{font-size:13px;font-weight:700}
.live-dot,.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none;box-shadow:0 0 10px #00ecbc55}.workspace .live-dot{background:var(--muted);box-shadow:none}.is-connected .workspace .live-dot{background:var(--accent);box-shadow:0 0 10px #00ecbc55}
nav{display:flex;flex-direction:column;gap:5px}.nav-label{font:10px var(--mono);letter-spacing:1.2px;color:#6c8b82;margin:9px 12px 4px}.nav-label:not(:first-child){margin-top:18px}nav button{display:flex;align-items:center;gap:12px;min-height:42px;border:1px solid transparent;border-radius:12px;padding:11px 12px;background:transparent;color:#a4bbb4;text-align:left}nav button>span{font-size:12px;font-weight:600;flex:1}nav button .ui-icon{color:#78968d}nav button:hover{background:#ffffff06;color:var(--text)}nav button.active{background:#00ecbc13;border-color:#00ecbc38;color:var(--text);box-shadow:inset 0 0 20px #00ecbc04}nav button.active .ui-icon{color:var(--accent)}.nav-count{font:10px var(--mono);padding:3px 7px;background:var(--accent);border-radius:100px;color:#00352a}.aside-bottom{margin-top:auto}.node-health{border:1px solid var(--border);border-radius:16px;padding:14px;font-size:11px}.node-health span{margin-left:7px}.node-health small{display:block;color:#688b80;font:9px var(--mono);margin:8px 0 0 13px}.profile{display:flex;align-items:center;gap:10px;padding:0 6px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#00ecbc,#008f80);color:#003327;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.profile-info{min-width:0;flex:1}.profile-info strong{font-size:11px;display:block;margin-bottom:4px}.profile-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:var(--muted)}.profile .icon-button{width:30px;height:30px;border:0;background:none;color:var(--muted)}
body>main{margin-left:280px;min-width:0}main>header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;border-bottom:1px solid var(--border);background:#02131077}.breadcrumbs{display:flex;align-items:center;gap:12px;font:11px var(--mono);white-space:nowrap;color:#68877f}.breadcrumbs strong{font-size:11px;color:#bdcec9;font-weight:500}.header-search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#ffffff03;border-radius:100px;padding:0 13px;max-width:440px;flex:1;min-width:120px;height:44px;color:#6e8b82}.header-search:focus-within{border-color:#00ecbc66}.header-search input{min-width:0;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none!important;font-size:12px}.header-search kbd{white-space:nowrap;border:1px solid var(--border);border-radius:7px;font:10px var(--mono);padding:4px 6px}.header-right{display:flex;gap:10px;align-items:center}.icon-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#ffffff03;color:#a3bdb4;display:inline-flex;align-items:center;justify-content:center;font-size:24px}.icon-button:hover{color:var(--accent);background:#00ecbc10}.task-shortcut{display:flex;gap:8px;align-items:center;border:1px solid #ffc26633;background:#ffc2660b;color:#e5c081;border-radius:100px;height:44px;padding:0 15px;font-size:11px;font-weight:600;white-space:nowrap}
.content{max-width:1800px;margin:auto;padding:30px 32px 30px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{font:10px var(--mono);font-weight:500;letter-spacing:1.6px;color:var(--accent);margin-bottom:12px}h1{margin:0 0 12px;font-size:34px;line-height:1.18;font-weight:800;letter-spacing:-1.1px}h2{font-size:16px;font-weight:700;margin:0}h3{font-size:14px;margin:0 0 8px;font-weight:700}p{color:var(--muted);line-height:1.7;margin:0}.page-heading p{font-size:13px;max-width:650px}.primary,.secondary{border:1px solid var(--border);border-radius:100px;padding:12px 19px;font-size:12px;font-weight:700;white-space:nowrap;min-height:42px}.primary{background:var(--accent);border-color:var(--accent);color:#00382c;box-shadow:0 3px 16px #00ecbc0b}.primary:hover{background:#4dffd6;border-color:#4dffd6;box-shadow:0 0 22px #00ecbc18}.page-heading>.primary{display:flex;align-items:center;gap:8px;height:46px}.page-heading>.primary>span{font-size:22px;font-weight:400}.secondary{background:#ffffff04;color:#c5d9d2}.secondary:hover{background:#ffffff0c;border-color:#ffffff28}.text-button{color:var(--accent);border:0;background:none;font-size:11px;padding:8px 0}
.environment-banner{font-size:11px;margin:-2px 0 24px;border:1px solid #ffc2661f;border-radius:12px;color:#c8b995;background:#ffc26604}.environment-banner summary{cursor:pointer;list-style:none;display:flex;gap:9px;align-items:center;padding:10px 13px}.environment-banner summary::-webkit-details-marker{display:none}.environment-banner .status-dot{background:#ffc266;box-shadow:none}.banner-detail{color:#9c967f}.banner-more{margin-left:auto;font-size:10px;color:#b6a780}.environment-banner p{padding:0 13px 12px;color:#b6a780}.fleet-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.stat-card{border:1px solid var(--border);border-radius:20px;padding:18px 20px;min-width:0;background:rgba(255,255,255,.035)}.stat-top{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#b8cdc5;min-height:34px}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--accent);background:#00ecbc0e;flex:none}.stat-top>small{margin-left:auto;font:10px var(--mono);color:var(--accent)}.stat-number{margin:11px 0 10px;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.stat-number strong{font-size:28px;line-height:1.3;font-weight:800;letter-spacing:-1px}.stat-number>span{font-size:12px;color:var(--muted);font-weight:600}progress{display:block;width:100%;height:6px;border:0;border-radius:4px;overflow:hidden;appearance:none;background:#ffffff0b}progress::-webkit-progress-bar{background:#ffffff0b}progress::-webkit-progress-value{background:var(--accent);border-radius:4px}progress::-moz-progress-bar{background:var(--accent)}.stat-card:last-child progress::-webkit-progress-value{background:#ffc266}.stat-card:last-child .stat-top small{color:#ffc266}
.card{border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.025);overflow:hidden}.card-heading{padding:22px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px}.card-heading p{font-size:11px;margin-top:6px}.inventory{border:0;background:transparent;overflow:visible}.inventory-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.state-tabs{border:1px solid var(--border);background:#ffffff03;border-radius:100px;padding:4px;display:flex;gap:3px}.state-tabs button{height:35px;border:0;border-radius:100px;padding:0 12px;background:transparent;color:#a5bdb4;font-size:11px;font-weight:700;white-space:nowrap}.state-tabs button b{font:9px var(--mono);background:#ffffff0a;padding:2px 5px;border-radius:100px;margin-left:4px}.state-tabs button.active{color:#00392c;background:var(--accent)}.state-tabs button.active b{background:#00392c19}.inventory-toolbar select{width:auto;max-width:180px;font-size:11px;border-radius:100px;height:43px;padding:0 12px}.inventory-total{margin-left:auto;color:var(--muted);font:10px var(--mono);white-space:nowrap}.inventory-total b{color:var(--text);font-weight:500}.table-scroll{overflow-x:auto}.inventory .table-scroll{border:1px solid var(--border);border-radius:18px;background:#ffffff02}table{border-collapse:collapse;width:100%;text-align:left}.inventory table{min-width:970px}th{font:9px var(--mono);letter-spacing:.6px;text-transform:uppercase;font-weight:500;color:#78988c;padding:17px 18px;border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff01}td{font-size:11px;padding:19px 18px;border-bottom:1px solid #ffffff08;white-space:nowrap;color:#c3d8cf}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#00ecbc04}td small{display:block;font:9px var(--mono);color:#6f9385;margin-top:6px;max-width:210px;overflow:hidden;text-overflow:ellipsis}.vm-link{background:transparent;border:0;padding:0;color:#e9fffa;font-size:12px;font-weight:700;text-align:left}.vm-link:hover{color:var(--accent)}.vm-identity{display:flex;gap:12px;align-items:center}.vm-os{display:grid;place-items:center;width:36px;height:38px;border-radius:11px;background:#ffffff05;border:1px solid var(--border);color:#78d9bb;font:10px var(--mono);flex:none}.vm-menu summary{list-style:none;cursor:pointer;color:#8daca0;padding:0;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;font-size:20px}.vm-menu summary::-webkit-details-marker{display:none}.vm-menu[open] summary{border-color:var(--accent);color:var(--accent)}.vm-menu>div{position:fixed;z-index:60;right:34px;top:160px;width:240px;max-height:75vh;overflow:auto;background:#102b22;border:1px solid #2b5545;box-shadow:0 16px 55px #0009;border-radius:16px;padding:7px;display:grid}.vm-menu button{border:0;border-radius:9px;padding:10px 12px;text-align:left;background:transparent;color:#cce4d9;font-size:12px}.vm-menu button:hover{background:#00ecbc12}.vm-menu button[data-action=delete]{color:#ff9db0}.badge{font-size:10px;font-weight:600;display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 9px;white-space:nowrap}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}.good{color:#6bf4cb;background:#00ecbc13}.bad{color:#ff9db0;background:#ff5c7a14}.neutral{color:#99b8aa;background:#ffffff08}.pending{color:#ffd699;background:#ffc26612}.tag,.count{background:#ffffff06;border:1px solid var(--border);color:var(--muted);padding:5px 8px;border-radius:7px;font-size:10px}.inventory-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 2px;color:#718f82;font-size:10px}.inventory-pagination>span{margin-right:auto}.inventory-pagination label{display:flex;gap:10px;align-items:center;font-size:10px;margin:0;font-weight:400}.inventory-pagination select{width:65px;padding:5px 9px;margin:0;font-size:10px}.inventory-pagination button{min-height:30px;padding:5px 12px}.empty{text-align:center;padding:46px 20px;border:1px dashed var(--border);border-radius:16px;margin-top:12px}.empty h3{font-size:14px;color:#bdcec9}.empty p{font-size:12px;margin-bottom:20px}.recent-activity{margin-top:23px}.activity-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.activity-heading h2{font-size:13px}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task-card{padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:#ffffff02;min-width:0}.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card strong{font-size:11px;font-weight:600}.task-card p{font:10px var(--mono);margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card time{display:block;font:9px var(--mono);color:#587d6d;margin-top:9px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metrics article{padding:22px;border:1px solid var(--border);border-radius:20px;background:#ffffff03}.metrics article>span{font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:28px;margin:16px 0 10px}.metrics small{font-size:10px;color:#729486}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.node-identity{display:flex;gap:14px;align-items:center;padding:22px 24px}.node-identity>div>span{color:var(--muted);font:11px var(--mono)}.node-identity .tag{margin-left:auto}.server-icon{border-radius:12px;color:var(--accent);background:#00ecbc12;padding:8px 12px;font-size:26px}.resource{padding:0 24px;margin-bottom:20px}.resource>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-bottom:10px}.resource strong{font-weight:500;color:#bfdbce}.node-footer{display:flex;gap:20px;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border);font:10px var(--mono);color:#7f9e8f}.environment-row{display:flex;justify-content:space-between;gap:20px;padding:14px 24px;font-size:12px;border-bottom:1px solid #ffffff04}.environment-row span{color:var(--muted)}.environment-row strong{font-weight:500;text-align:right;overflow-wrap:anywhere}.environment-note{margin:16px 24px 20px;background:#00ecbc05;border:1px solid #00ecbc0e;padding:13px 15px;border-radius:12px;font-size:11px;line-height:1.7;color:#8cae9d}.resource-content{padding:24px}.resource-content h3:not(:first-child){margin-top:28px}.resource-content p{margin:10px 0;font-size:12px}.resource-content code{font:11px var(--mono);color:#a5d8c1;overflow-wrap:anywhere}.resource-content .environment-row{padding-left:0;padding-right:0}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{border:1px solid var(--border);background:#ffffff04;color:#b7d3c5;border-radius:10px;padding:7px 9px;font-size:10px}
footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0 0;color:#527b68;font:9px var(--mono)}footer .badge{font-size:9px;background:transparent;padding:0}#notice{padding:14px 18px;margin-bottom:20px;border:1px solid #00ecbc33;border-radius:12px;background:#00ecbc0b;color:#9bf3d4;font-size:12px}#notice.error{color:#ffafbd;border-color:#ff5c7a44;background:#ff5c7a0d}
input,select,textarea{width:100%;padding:11px 13px;border:1px solid #ffffff1c;background:#ffffff03;color:var(--text);border-radius:11px;outline:none;font-size:12px}input::placeholder,textarea::placeholder{color:#587b6c}input:focus,select:focus,textarea:focus{border-color:#00ecbc88;box-shadow:0 0 0 3px #00ecbc0b}select option{background:#0b241b;color:var(--text)}input[type=radio],input[type=checkbox]{accent-color:var(--accent)}input[type=search]::-webkit-search-cancel-button{cursor:pointer}textarea{resize:vertical;line-height:1.6}label{display:block;font-size:11px;font-weight:600;color:#b2cfc0;margin:17px 0}label input,label select,label textarea{margin-top:8px;font-weight:400}.form-hint,.section-help{font-size:10px;line-height:1.7;color:#799c89}.section-help{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid label{margin:0}.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:auto;margin:0}
dialog{color:var(--text);background:#082117;border:1px solid #2b4c3b;border-radius:24px;width:540px;max-width:95vw;max-height:94vh;padding:28px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog h2{font-size:23px;letter-spacing:-.5px}.dialog-heading{margin-bottom:24px}.dialog-heading p{font-size:12px;margin-top:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}.error-text,#form-error,#user-error,#owner-error,#backup-error,#login-error{color:#ff9db0;font-size:12px;margin-top:13px}#manage-dialog{width:600px}#details-dialog{width:680px}#details-content strong{font-size:12px;overflow-wrap:anywhere}
#create-dialog.create-workspace{width:min(1220px,96vw);max-width:96vw;padding:0}#create-dialog .create-top{padding:24px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.create-top .eyebrow{font-size:9px}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;max-height:70vh;overflow:auto}.create-main{padding:0 28px 28px}.create-main h3{margin:25px 0 14px}.create-tabs{display:flex;align-items:center;gap:10px;padding:18px 0;font-size:12px;color:var(--accent);border-bottom:1px solid var(--border)}.step-number{display:grid;place-items:center;font:10px var(--mono);border:1px solid #00ecbc33;border-radius:50%;width:25px;height:25px}.step-label{margin-left:auto;color:#688b78;font-size:10px}.cluster-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:15px;background:#ffffff02}.cluster-card p{font:9px var(--mono);margin-top:7px}.cluster-card>div>span{font-size:9px;color:#769984;display:block;margin-bottom:7px}.cluster-card strong{font-size:11px}.os-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.os-card{position:relative;display:flex;gap:10px;align-items:center;margin:0;padding:18px 12px;border:1px solid var(--border);border-radius:14px;cursor:pointer;background:#ffffff02;min-width:0}.os-card:has(input:checked){background:#00ecbc0b;border-color:#00ecbc88;box-shadow:inset 0 0 0 1px #00ecbc11}.os-card:has(input:disabled){opacity:.4;cursor:not-allowed}.os-card input{position:absolute;top:6px;right:6px;width:12px;margin:0}.os-card strong{font-size:11px;display:block}.os-card small{display:block;font-size:9px;color:#7d9b8b;margin-top:6px}.os-symbol{font-size:30px;flex:none}.os-symbol.ubuntu{color:#f28c53}.os-symbol.debian{color:#f180a5}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.presets button{padding:14px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff02;color:#c8dfd1;text-align:left;font-size:11px}.presets button:hover,.presets button.active{border-color:#00ecbc66;background:#00ecbc0b}.presets span{display:block;font:9px var(--mono);margin-top:8px;color:#729781}.create-parameters{position:static;width:auto;padding:26px 22px;background:#02170e66;border-left:1px solid var(--border)}.create-parameters h3{font-size:15px}.create-parameters .form-hint{margin-bottom:12px}.create-parameters textarea{font-size:10px}.create-main .environment-note{margin:22px 0 0}.create-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding:18px 28px}.create-bottom>span{font:11px var(--mono);color:#92b5a0}.password-fields{margin:18px 0}.password-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.password-actions button{font-size:9px;padding:7px 9px;min-height:30px}.password-fields [role=status]{font-size:11px;color:var(--accent)}#token-secret{font:11px var(--mono);margin:20px 0}
.login-page{background:var(--bg);display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-showcase{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:38px 48px;border-right:1px solid var(--border);background:radial-gradient(ellipse at 45% 40%,#00493277,transparent 55%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px),#03160f;background-size:auto,48px 48px,48px 48px;overflow:hidden}.login-showcase .brand{padding:0}.login-orbit{position:relative;flex:1;min-height:270px;display:grid;place-items:center;margin:24px 0}.orbit-ring{position:absolute;border:1px solid #00ecbc19;width:265px;height:265px;border-radius:50%;transform:rotate(-25deg)}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;width:8px;height:8px;top:50%;left:-4px;background:var(--accent);border-radius:50%;box-shadow:0 0 24px #00ecbc66}.orbit-ring:after{left:auto;right:-4px;width:5px;height:5px;background:#007e5b}.orbit-ring.second{width:355px;height:355px;transform:rotate(42deg);border-style:dashed;border-color:#00ecbc12}.orbit-ring.second:before{width:5px;height:5px;background:#00b48e}.login-orbit img{width:116px;height:116px;filter:drop-shadow(0 0 45px #00ecbc25)}.login-manifesto{position:relative;max-width:500px}.login-manifesto h2{font-size:38px;line-height:1.25;letter-spacing:-1px;margin-bottom:17px}.login-manifesto h2 span{color:var(--accent)}.login-manifesto p{font-size:13px;max-width:390px}.login-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.login-features span{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:100px;padding:8px 11px;font-size:10px;color:#a5c6b4}.login-features svg{width:14px;height:14px;color:var(--accent)}.login-copyright{margin-top:35px;font:9px var(--mono);letter-spacing:1px;color:#537a64}.login-form-area{display:flex;align-items:center;justify-content:center;padding:50px 32px}.login-card{width:100%;max-width:390px}.login-card h1{font-size:32px;margin:15px 0 12px}.login-card #login-help{font-size:12px}.login-card form{margin:30px 0 26px}.login-card label{margin:21px 0}.login-card input{border-radius:13px;padding:15px 16px;background:#ffffff03}.login-card .primary{width:100%;margin-top:12px;height:47px}.login-card .form-hint{padding-top:19px;border-top:1px solid var(--border)}.login-form-foot{display:flex;align-items:center;gap:7px;color:#638b73;font:9px var(--mono);margin-top:36px}
.client-mode .warning,.client-mode .overview-grid,.client-mode .aside-bottom,.client-mode .nav-label,.client-mode #fleet-resources{display:none}.client-mode .inventory th:nth-child(2),.client-mode .inventory td:nth-child(2),.client-mode .inventory th:nth-child(5),.client-mode .inventory td:nth-child(5){display:none}.client-mode .inventory table{min-width:680px}.client-mode .profile{margin-top:auto}[hidden]{display:none!important}
@media(min-width:1600px){.inventory td{padding-top:23px;padding-bottom:23px}}
@media(max-width:1350px){.fleet-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.breadcrumbs>span:first-child,.breadcrumbs>span:nth-child(2){display:none}.header-search kbd{display:none}.state-tabs button{padding:0 10px}.inventory-total{display:none}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-card:last-child{display:none}}
@media(max-width:1100px){body>.sidebar{width:230px;padding-left:10px;padding-right:10px}body>main{margin-left:230px}.brand>span{font-size:19px}.brand{gap:9px}.brand small{font-size:7px}nav button{gap:10px}nav button>span{font-size:11px}.content{padding:26px 24px}main>header{padding:0 24px;gap:15px}.breadcrumbs{display:none}h1{font-size:29px}.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.create-layout{grid-template-columns:minmax(0,1fr) 285px}.cluster-card{flex-wrap:wrap}.os-choices{grid-template-columns:1fr}.os-card{padding:14px}.os-card small{display:inline;margin-left:8px}.os-card strong{display:inline}.presets{grid-template-columns:1fr}.presets span{display:inline;margin-left:10px}.login-showcase{padding:32px}.login-manifesto h2{font-size:31px}.login-orbit{min-height:240px}.orbit-ring.second{width:290px;height:290px}}
@media(max-width:760px){body>.sidebar{position:static;width:auto;padding:16px;gap:15px;border-right:0;border-bottom:1px solid var(--border);overflow:visible}.sidebar>.brand{padding:0}.sidebar .workspace,.sidebar .aside-bottom,.sidebar .profile,.sidebar .nav-label{display:none}.sidebar nav{flex-direction:row;overflow:auto;gap:5px}.sidebar nav button{flex-shrink:0;padding:10px;min-height:37px}.sidebar nav button span{font-size:10px}.sidebar .nav-count{display:none}body>main{margin-left:0}main>header{height:65px;padding:0 16px;gap:10px}.header-search{height:39px}.task-shortcut{height:38px;padding:0 10px}.task-shortcut .ui-icon{display:none}.header-right{gap:6px}.icon-button{height:36px;width:36px}.content{padding:24px 16px}.page-heading{align-items:flex-start;gap:15px}h1{font-size:25px}.page-heading p{font-size:11px}.eyebrow{font-size:9px}.page-heading>.primary{height:38px;min-height:38px;font-size:10px;padding:7px 12px}.page-heading>.primary>span{font-size:18px}.banner-detail{display:none}.fleet-resources{gap:10px;margin-bottom:20px}.stat-card{padding:13px;border-radius:16px}.stat-top{font-size:10px;gap:7px}.stat-top>small{display:none}.stat-icon{width:28px;height:28px}.stat-icon svg{width:16px}.stat-number strong{font-size:24px}.stat-number>span{font-size:10px}.state-tabs{max-width:100%;overflow:auto}.state-tabs button{font-size:10px;padding:0 9px}.state-tabs button b{margin-left:2px}.inventory-toolbar{gap:8px}.inventory-toolbar select{max-width:165px;height:35px;font-size:10px}.task-grid{grid-template-columns:1fr}.task-card:last-child{display:block}.task-card{padding:13px 15px}.task-card-top{gap:12px}.inventory-pagination{flex-wrap:wrap}.card-heading{padding:18px}.card-heading .primary{font-size:10px;padding:10px}.card-heading p{font-size:10px}.environment-row{padding:12px 16px}.environment-note{margin:14px 16px;font-size:10px}.metrics{gap:10px}.metrics article{padding:16px}.metrics strong{font-size:24px}.node-footer{flex-wrap:wrap}.create-layout{grid-template-columns:1fr;max-height:68vh}.create-main{padding:0 20px 22px}.create-parameters{border-left:0;border-top:1px solid var(--border);padding:22px 20px}.create-top .eyebrow{font-size:8px}#create-dialog .create-top{padding:18px 20px}#create-dialog h2{font-size:20px}.create-bottom{padding:16px 20px}.create-bottom>span{font-size:9px}.create-bottom .primary{font-size:10px;padding:10px 14px}.step-label{display:none}dialog{padding:22px}.vm-menu>div{right:20px;top:130px;max-height:65vh}footer{flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){display:none}.login-page{grid-template-columns:1fr}.login-showcase{min-height:0;padding:26px;border-right:0;border-bottom:1px solid var(--border)}.login-orbit,.login-manifesto,.login-copyright{display:none}.login-form-area{padding:45px 24px}.login-card{max-width:420px}.login-card h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Compact navigation and a table that keeps actions visible on desktop. */
@media(min-width:761px){body>.sidebar{gap:18px;padding-top:22px}nav{gap:3px}nav button{min-height:38px;padding-top:9px;padding-bottom:9px}.nav-label:not(:first-child){margin-top:13px}.node-health{padding:11px 13px}.fleet-resources{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.inventory table{min-width:820px}.inventory th,.inventory td{padding-left:12px;padding-right:12px}.inventory td:nth-child(2){max-width:150px;overflow:hidden;text-overflow:ellipsis}.inventory td:nth-child(5){min-width:100px}.inventory td small{font-size:8px}.vm-identity{gap:9px}}
@media(min-width:1600px){.inventory th,.inventory td{padding-left:20px;padding-right:20px}}

.login-page>main{margin:0;min-height:100vh}@media(max-width:760px){.login-page>main{min-height:0}.sidebar .profile{display:flex;position:absolute;right:16px;top:21px}.sidebar .profile-info,.sidebar .profile .avatar{display:none}}

.network-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 26px}.network-health-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:#ffffff03}.network-health-card h3{font-size:12px;margin-bottom:14px}.network-health-card p{font-size:10px;line-height:1.8;margin:13px 0 0}.network-check-time{display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px var(--mono);color:var(--muted)}.network-events{max-height:230px;overflow:auto}.network-events p{font-size:10px}.network-events time{font-family:var(--mono);color:var(--accent);margin-right:12px}.network-form{grid-template-columns:1.3fr 1fr}@media(max-width:1250px){.network-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.network-health-grid,.network-form{grid-template-columns:1fr}.network-check-time{align-items:flex-start;flex-direction:column}}

@media(min-width:761px){.network-health-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}.environment-banner.network-ok{border-color:#00ecbc22;background:#00ecbc04;color:#9adbc5}.environment-banner.network-ok .status-dot{background:var(--accent)}.environment-banner.network-ok .banner-detail{color:#6caa94}