/* Nodaroo control panel: neutral surfaces, compact data, restrained accents. */
html:root{--bg-base:#14171b;--bg-surface:#1b1f25;--bg-elevated:#232830;--bg-overlay:#2b313a;--border-subtle:#303741;--border-default:#414a56;--border-strong:#697586;--text-primary:#e0e4e9;--text-secondary:#b5bdc8;--text-muted:#929ca9;--accent:#ae98cd;--accent-dim:#9780b51a;--accent-border:#9780b55c;--brand:#ae98cd;--brand-dim:#89719f;--brand-soft:var(--accent-dim);--brand-border:var(--accent-border);--bg-page:var(--bg-base);--bg-card:var(--bg-surface);--bg-input:#171b20;--border:var(--border-default);--border-s:var(--border-subtle);--text-1:var(--text-primary);--text-2:var(--text-secondary);--text-3:var(--text-muted);--green:#85ba9b;--green-dim:#85ba9b12;--red:#d79494;--red-dim:#d7949410;--yellow:#c8b17a;--yellow-dim:#c8b17a12;--amber:#c8b17a;--blue:#9eafc6;--blue-dim:#9eafc612;--purple:var(--accent);--purple-dim:var(--accent-dim);--font-sans:Arial,'Helvetica Neue',system-ui,sans-serif;--font:var(--font-sans);--font-mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--mono:var(--font-mono);--sidebar-w:214px;--cn-radius:2px;--cn-shadow:none;color-scheme:dark}
html[data-theme=light]{--bg-base:#f3f4f6;--bg-surface:#fff;--bg-elevated:#f7f8fa;--bg-overlay:#edf0f3;--bg-input:#fff;--border-subtle:#e0e4e9;--border-default:#cbd1d9;--border-strong:#8d97a5;--text-primary:#202936;--text-secondary:#4e5968;--text-muted:#6d7785;--accent:#70538f;--accent-dim:#70538f0b;--accent-border:#70538f38;--brand:#70538f;--brand-dim:#70538f;--brand-soft:var(--accent-dim);--brand-border:var(--accent-border);--green:#357855;--green-dim:#3578550a;--red:#a74141;--red-dim:#a7414109;--yellow:#906f27;--yellow-dim:#906f270a;--amber:#906f27;--blue:#526d91;--purple:var(--accent);color-scheme:light}
html,body{height:auto!important;min-height:100%;margin:0;font-family:var(--font-sans)!important;font-size:13px;line-height:1.5;letter-spacing:0!important;color:var(--text-primary);background:var(--bg-base)!important;background-image:none!important;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{cursor:pointer}button,input,select,textarea{font-family:var(--font-sans)!important;letter-spacing:0!important}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,a{transition:background-color .1s,border-color .1s,color .1s;transform:none!important}::selection{background:var(--accent-border)}[style*="gradient"]{background-image:none!important;background-color:var(--bg-elevated)!important}
.orbit-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:214px!important;height:100dvh!important;min-height:0!important;background:var(--bg-surface)!important;border:0!important;border-right:1px solid var(--border-subtle)!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;z-index:60!important}.orbit-brand{display:flex;align-items:center;gap:8px;height:55px;min-height:55px;padding:0 18px;border-bottom:1px solid var(--border-subtle)}.brand-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon img{width:100%;height:100%;object-fit:contain}.brand-name{font-size:18px;line-height:1.2;letter-spacing:0;font-weight:600;display:block;color:var(--text-primary)}.brand-caption{display:none}.logo-light{display:none!important}html[data-theme=light] .logo-light{display:block!important}html[data-theme=light] .logo-dark{display:none!important}
.orbit-nav{display:flex!important;flex-direction:column!important;flex:1;overflow-y:auto;gap:0!important;padding:10px 0!important}.nav-group,.sb-section{font-size:11px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--text-muted)!important;padding:14px 18px 5px!important}.nav-group:first-child,.sb-section:first-child{padding-top:4px!important}.orbit-nav .nav-link,.orbit-nav .sb-link{display:flex;align-items:center;flex-shrink:0;gap:10px;min-height:31px;padding:6px 18px!important;border:0!important;border-left:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text-secondary)!important;font-size:12px;font-weight:400;white-space:nowrap}.orbit-nav svg{height:14px;width:14px;flex-shrink:0;opacity:.7}.orbit-nav .nav-link:hover,.orbit-nav .sb-link:hover{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.orbit-nav .active{background:var(--accent-dim)!important;color:var(--accent)!important;border-left-color:var(--accent)!important;font-weight:600}.orbit-foot{padding:7px 0;border-top:1px solid var(--border-subtle)}.orbit-foot .logout-btn,.orbit-foot .sb-link{display:flex;align-items:center;gap:10px;padding:8px 20px;font-size:12px;color:var(--text-muted);border-radius:0!important}.orbit-foot a:hover{background:var(--bg-elevated);color:var(--text-primary)}
.orbit-workspace{margin-left:214px!important;min-height:100dvh;width:calc(100% - 214px)}.orbit-topbar{position:sticky;top:0;z-index:30;height:55px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.workspace-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted)}.workspace-breadcrumb strong{font-weight:400;color:var(--text-primary)}.orbit-tools{display:flex;align-items:center;gap:16px}.workspace-state{font-size:11px;color:var(--text-muted)}.orbit-avatar{display:none}.theme-toggle,.menu-toggle{height:29px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-default);border-radius:2px;padding:0 9px;background:var(--bg-surface);color:var(--text-secondary);font-size:11px;font-weight:400;box-shadow:none}.theme-toggle:hover,.menu-toggle:hover{background:var(--bg-elevated)}.theme-toggle svg,.menu-toggle svg{height:13px;width:13px}.menu-toggle{display:none}.orbit-content{width:100%;max-width:none;margin:0;padding:24px 26px 40px!important}.main,.main-inner,#main-wrap,#content{max-width:none}.main-no-sidebar{padding:0!important;min-height:100dvh}.page-header,.ph{display:flex;align-items:center;justify-content:space-between;gap:16px;border:0!important;padding:0!important;margin:0 0 20px!important}.page-title,.ph h1{font-family:var(--font-sans)!important;font-size:23px!important;font-weight:500!important;line-height:1.3;letter-spacing:0!important;color:var(--text-primary)!important}.page-subtitle,.ph p{margin-top:5px!important;font-size:12px!important;color:var(--text-muted)!important;line-height:1.5}.page-header .btn,.ph .btn{flex-shrink:0}.console-summary{display:flex;flex-wrap:wrap;gap:16px;color:var(--text-muted);font-size:12px;margin:0 0 16px}.console-summary strong{color:var(--text-primary);font-weight:600}
.console-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--border-subtle);background:var(--bg-surface);margin:0 0 22px}.console-kpi{padding:15px 16px;border-right:1px solid var(--border-subtle)}.console-kpi:last-child{border-right:0}.console-kpi dt{font-size:11px;color:var(--text-muted);margin-bottom:5px;white-space:nowrap}.console-kpi dd{margin:0;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-primary)}.console-dashboard{display:grid;gap:22px}.console-toolbar{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.console-toolbar input{width:260px;max-width:100%}.console-table-empty{display:none;text-align:center;padding:20px;color:var(--text-muted)}
.card,.section-card,.stat-card,.vm-card,.stat-box,.metric-card,.vm-hero,.vm-stat,.empty-state,.summary-panel,.summary-card,.owner-popover{border-radius:2px!important;box-shadow:none!important;border:1px solid var(--border-subtle)!important;background:var(--bg-surface)!important}.card-header,.panel-header,.section-head{padding:12px 16px!important;border-bottom:1px solid var(--border-subtle)!important;background:transparent!important;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title,.panel-title,.section-head-title{font-size:13px!important;font-weight:600!important;letter-spacing:0!important;color:var(--text-primary)!important}.panel-subtitle{font-size:11px!important;color:var(--text-muted)!important;margin-top:3px}.card-body,.section-body{padding:16px!important}.orbit-content>.card{margin-bottom:18px}.card:has(>.tab-nav){padding-top:0!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px!important;border-radius:2px!important;padding:6px 11px!important;font-size:12px!important;line-height:1.4;font-weight:400!important;letter-spacing:0!important;box-shadow:none!important;transform:none!important;text-decoration:none}.btn svg{flex-shrink:0}.btn-primary{background:#715590!important;color:#fff!important;border:1px solid #715590!important;background-image:none!important}.btn-primary:hover{background:#60457e!important;border-color:#60457e!important;filter:none!important}.btn-ghost,.btn-secondary{background:var(--bg-surface)!important;color:var(--text-secondary)!important;border:1px solid var(--border-default)!important}.btn-ghost:hover,.btn-secondary:hover{background:var(--bg-elevated)!important;border-color:var(--border-strong)!important}.btn-sm{padding:4px 8px!important;min-height:26px!important;font-size:11px!important}.btn-danger,.btn-solid-red{background:var(--red-dim)!important;border:1px solid var(--red)!important;color:var(--red)!important}.icon-btn{min-height:28px!important;width:28px!important;height:28px!important;padding:0!important}.btn:disabled{opacity:.45}
.form-input,.form-select,.form-textarea,.inp,.search-input,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea{border-radius:2px!important;background:var(--bg-input)!important;border:1px solid var(--border-default)!important;color:var(--text-primary)!important;box-shadow:none;accent-color:var(--accent);font-family:var(--font-sans);font-size:12px}.form-input,.inp,.search-input{min-height:33px!important;padding:7px 10px!important;line-height:1.4}textarea{line-height:1.6}.form-select,select{min-height:32px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important;opacity:.8}.form-label,.field-label{display:block;font-size:12px!important;font-weight:500!important;color:var(--text-secondary)!important;margin-bottom:6px}.form-hint,.form-help,.helper-text{font-size:11px!important;color:var(--text-muted)!important}.form-group{margin-bottom:0}.form-error{color:var(--red);font-size:11px;margin-top:5px}
.table-wrap{overflow-x:auto}table,.data-table{width:100%;border-collapse:collapse;border-spacing:0}th,.data-table th{padding:10px 14px!important;font-size:11px!important;line-height:1.5;letter-spacing:0!important;text-transform:none!important;font-weight:600!important;color:var(--text-secondary)!important;background:var(--bg-elevated)!important;border-bottom:1px solid var(--border-subtle)!important;text-align:left;white-space:nowrap}td,.data-table td{padding:11px 14px!important;font-size:12px;line-height:1.55;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)!important;background:transparent!important;vertical-align:middle}tbody tr:last-child td{border-bottom:0!important}tbody tr:hover{outline:0!important;background:var(--bg-elevated)!important}.td-primary,.vm-name-link{color:var(--text-primary)!important;font-weight:500!important}.td-mono,.mono,code,pre{font-family:var(--font-mono)!important;font-size:11px;font-variant-numeric:tabular-nums}td .badge{white-space:nowrap}.badge{border-radius:2px!important;font-size:10px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;padding:3px 6px!important;box-shadow:none!important;border:1px solid var(--border-subtle)!important;background:var(--bg-elevated)!important;color:var(--text-secondary)!important}.badge:before{box-shadow:none!important}.badge-green{color:var(--green)!important;border-color:transparent!important;background:var(--green-dim)!important}.badge-red{color:var(--red)!important;border-color:transparent!important;background:var(--red-dim)!important}.badge-yellow,.badge-amber{color:var(--yellow)!important;background:var(--yellow-dim)!important;border-color:transparent!important}.badge-slate,.badge-cyan,.badge-purple,.badge-blue{color:var(--text-secondary)!important;background:var(--bg-elevated)!important}.vm-specs .badge{background:transparent!important;padding:0 6px 0 0!important;border:0!important}.bulk-bar{padding:10px 14px!important;gap:8px!important}.vm-subline,.vm-labels,.compact-muted{font-size:11px;color:var(--text-muted)}.activity-item{padding:12px 16px!important;border-color:var(--border-subtle)!important}.activity-item>div{flex-wrap:wrap}.stat-card{padding:14px 16px!important}.stat-label,.vm-stat-label,.metric-label,.vm-summary-label{font-size:11px!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;color:var(--text-muted)!important}.stat-value,.metric-value{font-family:var(--font-sans)!important;font-size:23px!important;font-weight:500!important;letter-spacing:0!important;color:var(--text-primary)!important}.vm-stat-value{font-size:15px!important;letter-spacing:0!important;font-weight:500!important}.vm-hero{padding:0 0 15px!important;border:0!important;border-bottom:1px solid var(--border-subtle)!important;background:transparent!important}.vm-hero-icon,.vm-stat-icon{display:none!important}.vm-hero-name{font-size:23px!important;font-weight:500!important;letter-spacing:0!important}.vm-page{gap:20px!important}.vm-stats{gap:0!important;border:1px solid var(--border-subtle)}.vm-stat{border:0!important;border-right:1px solid var(--border-subtle)!important;padding:12px 16px!important}.vm-stat:last-child{border-right:0!important}.section-card-danger{border-color:var(--border-subtle)!important}.section-head-title-red,.section-head-title-red svg{color:var(--red)!important}.metric-card,.code-box{background:var(--bg-elevated)!important;border-radius:2px!important;border-color:var(--border-subtle)!important}.tab-nav{display:flex;overflow-x:auto;border-bottom:1px solid var(--border-subtle)!important;background:transparent!important;padding:0!important;gap:0!important}.tab-btn{padding:11px 16px!important;font-size:12px!important;font-weight:400!important;white-space:nowrap;border-radius:0!important;background:transparent!important;color:var(--text-muted)!important;border-bottom:2px solid transparent!important}.tab-btn.active{border-bottom-color:var(--accent)!important;color:var(--text-primary)!important}.tab-pane{padding:18px!important}.kv-row,.vm-summary-item{border-color:var(--border-subtle)!important}.kv-label,.kv-value{font-size:12px!important}.vm-summary-value{font-size:14px!important;font-weight:500!important}
.cpu-seg,.ram-option,.os-card,.ip-option,.nat-box,.private-net-box,.ram-custom,.ram-unit-toggle,.port-summary,.toggle-btn,.snapshot-row,.backup-row{border-radius:2px!important;box-shadow:none!important}.os-card:hover,.ip-option:hover,.ram-option:hover{transform:none!important}.os-card.active,.ip-option.active,.ram-option.active,.cpu-seg.active{border-color:var(--accent)!important;background:var(--accent-dim)!important}.summary-panel{position:sticky;top:72px}.summary-title{font-size:13px!important;letter-spacing:0!important;text-transform:none!important}.empty-state{padding:40px 20px!important;text-align:center}.empty-icon{background:transparent!important;border:0!important;color:var(--text-muted)!important;box-shadow:none!important}.empty-title{font-size:15px!important;font-weight:500!important;color:var(--text-primary)!important}.empty-copy{font-size:12px!important;color:var(--text-muted)!important}.modal,.toast{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:3px!important;box-shadow:0 5px 20px #0002!important;color:var(--text-primary)}.toast-wrap,#toast-stack{z-index:100!important}.toast-title{font-size:12px!important}.modal-backdrop{z-index:90!important;background:#0007!important;backdrop-filter:none!important}.mobile-backdrop{display:none}.footer-note{display:none!important}iframe{border-radius:0!important;border:1px solid var(--border-subtle);min-height:520px}
.auth-shell,.auth-screen{min-height:100dvh;display:flex!important;align-items:center;justify-content:center;padding:78px 20px 35px!important;background:var(--bg-base)!important}.console-auth{width:360px;max-width:100%}.console-auth-brand{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:22px}.console-auth-brand .brand-icon{width:39px;height:39px}.console-auth-brand strong{font-size:22px;font-weight:500;color:var(--text-primary)}.console-auth-box{padding:25px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:3px}.console-auth-box h1{font-size:19px;font-weight:500;letter-spacing:0;margin:0 0 6px;color:var(--text-primary)}.console-auth-box>p{font-size:12px;color:var(--text-muted);margin:0 0 22px}.console-auth-box form{display:grid;gap:17px}.console-auth-box .inp{width:100%;min-height:35px!important}.console-auth-box .btn{min-height:34px!important;width:100%;margin-top:3px}.console-auth-note{font-size:11px;line-height:1.6;color:var(--text-muted);margin:17px 0 0;text-align:center}.console-auth-note a{color:var(--accent)}.auth-top-tools{position:absolute;right:22px;top:17px;display:flex;align-items:center;gap:16px}.auth-switch{font-size:11px;color:var(--text-muted)}.auth-card{width:430px;max-width:100%;padding:24px!important}.auth-card .sb-lm{height:38px;width:38px;background:transparent}.auth-card img{max-width:100%}.auth-story,.orbit-hero,.quick-grid{display:none!important}
@media(max-width:1100px){.console-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.console-kpi{padding:12px 15px;border-bottom:1px solid var(--border-subtle)}.console-kpi:nth-child(3n){border-right:0}.console-kpi:nth-last-child(-n+3){border-bottom:0}.orbit-content{padding:20px!important}.orbit-topbar{padding:0 20px}.workspace-state{display:none}.vm-grid{grid-template-columns:1fr!important}.vm-grid-full{grid-column:1/-1}}
@media(max-width:760px){.orbit-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:214px!important;height:100dvh!important;transform:translateX(-215px);transition:transform .15s;z-index:60!important}.nav-open .orbit-sidebar{transform:translateX(0)}.nav-open .mobile-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:55}.orbit-workspace{margin-left:0!important;width:100%!important}.menu-toggle{display:inline-flex}.orbit-topbar{height:49px;padding:0 15px}.workspace-breadcrumb>span{display:none}.orbit-content{padding:18px 14px!important}.orbit-tools{gap:8px}.theme-toggle span{display:none}.theme-toggle{width:29px;padding:0}.page-title,.ph h1{font-size:21px!important}.page-header,.ph{align-items:flex-start!important;flex-wrap:wrap}.ph .btn{width:auto!important}.orbit-nav{display:flex!important;flex-direction:column!important;padding:10px 0!important;overflow:auto!important}.orbit-foot{display:block!important}.card-header,.panel-header,.section-head{padding:11px 13px!important}.card-body,.section-body{padding:14px!important}table,.data-table{min-width:580px}th,.data-table th{padding:9px 12px!important}td,.data-table td{padding:10px 12px!important}.console-kpi{padding:11px}.console-kpi dt{font-size:10px}.console-kpi dd{font-size:20px}.console-toolbar{padding:10px 12px;flex-wrap:wrap}.console-toolbar input{width:100%}.cols-6,.metric-grid,.vm-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cols-2,.cols-3,.vm-shell{grid-template-columns:1fr!important}.vm-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vm-stat:nth-child(2){border-right:0!important}.vm-stat:nth-child(-n+2){border-bottom:1px solid var(--border-subtle)!important}.auth-top-tools{right:15px;top:15px}.auth-switch{font-size:10px}.console-auth-box{padding:23px}.console-auth-brand{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}