/* Visual hierarchy and composition for the second Invoxa design pass. */
:root{--sidebar-width:270px}
.app-bg{background:radial-gradient(ellipse at 78% 0,#4f46e512,transparent 50%),#0b1120}
.main{max-width:2100px;margin-left:var(--sidebar-width);padding:0 clamp(24px,2.7vw,48px) 44px}
.sidebar{inset:14px auto 14px 14px;width:242px;height:calc(100dvh - 28px);border:1px solid #2b3850;border-radius:21px;padding:26px 13px 13px;background:linear-gradient(155deg,#151e32,#0f1727 70%);box-shadow:0 18px 60px #02061230}
.vx-brand{padding:0 11px;gap:11px}.vx-brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(140deg,#8272f4,#4f46e5);box-shadow:inset 0 1px 0 #ffffff38,0 4px 24px #5446e53b}.vx-brand-type{font-size:28px}.vx-brand-type>span{font-size:7px;letter-spacing:2.3px}
.vx-workspace-label{margin:27px 0 12px;padding:12px 10px;border-color:#344059;background:linear-gradient(110deg,#212b42,#172033);font-size:12px;gap:9px}.vx-workspace-label small{font-size:8px;letter-spacing:1.1px;margin:0 0 3px;color:#97a6c2}.vx-workspace-label>span:nth-child(2){flex:1;color:#e4e9fa}.vx-workspace-label>.vx-icon{width:12px;color:#697b99}.vx-workspace-icon{color:#b5a4ff;display:grid;place-items:center;width:30px}.vx-workspace-label:hover{border-color:#766899}
.vx-nav-group{font-size:8px;letter-spacing:1.4px;margin:20px 0 8px;color:#8395b5}.nav-item{min-height:42px;padding:10px 12px;gap:11px;font-size:12px}.nav-item.active{background:linear-gradient(100deg,#6d5ce42d,#5a50a912);border-color:#6b61b42e;color:#d8d2ff;box-shadow:inset 0 1px 0 #d1c5ff09}.nav-item.active::before{content:'';position:absolute;left:-1px;top:12px;bottom:12px;width:3px;border-radius:4px;background:#a89bff;box-shadow:0 0 14px #8b7af080}.vx-active-dot{width:4px;height:4px;background:#a89bff}
.vx-sidebar-search{display:flex;align-items:center;gap:8px;width:100%;padding:11px 8px;margin-bottom:9px;border:0;background:none;color:#91a2bf;font-size:10px;text-align:left}.vx-sidebar-search>.vx-icon{width:14px;height:14px}.vx-sidebar-search kbd{margin-left:auto;font-size:8px}.vx-sidebar-search:hover{color:#c7bdff}.vx-account{border:1px solid #2c3850;border-radius:12px;background:#1a2437;padding:11px 9px;gap:8px}.vx-account-name{font-size:11px;white-space:nowrap}.vx-account-name small{font-size:9px}.vx-avatar{background:linear-gradient(140deg,#5d4a9555,#30234a);color:#d2c5ff;border-color:#65558d66;border-radius:10px;flex-shrink:0}.vx-account .vx-icon-button{width:28px;min-width:28px;height:30px}.vx-account .vx-icon-button .vx-icon{width:15px;height:15px}
.vx-toolbar{height:78px;margin-bottom:29px;border-bottom-color:#2a375169}.vx-breadcrumb{font-size:12px}.vx-toolbar-date{font-size:11px;color:#92a3bd;white-space:nowrap}.vx-search-button{min-height:36px;min-width:198px;background:#1620339c;border-color:#33415b80;color:#a6b4cb}.vx-search-button:hover{border-color:#7c6db6;color:#dad3ff}.vx-environment{color:#a7a0cc}.vx-environment .vx-icon{color:#9d8ff2}.vx-icon-button:hover{border-color:#45547270}
.topbar,.topbar.topbar-modern,.main>.topbar.topbar-modern{margin-bottom:28px!important;padding:3px 0 7px;gap:22px}.dash-kicker{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.4px;margin-bottom:12px;color:#b4a9f7}.dash-kicker .vx-icon{width:14px;height:14px}.title{font-size:36px;letter-spacing:-1.45px}.dash-subtitle{font-size:13px;color:#9fafca;line-height:1.75}.topbar-actions .btn{min-height:41px;font-size:12px}
.card{border:1px solid #304057b3;background:linear-gradient(125deg,#192338,#151e30);border-radius:18px;padding:24px;box-shadow:inset 0 1px 0 #ffffff05,0 10px 30px #02061219}.card h3{font-size:16px;letter-spacing:-.35px}.main>section,.main>.grid{margin-bottom:22px}.card:has(>.kpi),.metric-card{min-height:136px;overflow:hidden}.card:has(>.kpi)::after,.metric-card::after{content:'';position:absolute;width:90px;height:90px;border:1px solid #8e83e319;border-radius:50%;right:-33px;top:-37px;pointer-events:none}.card:has(>.kpi)>.muted,.metric-label{font-size:12px;color:#a6b5d0}.kpi,.metric-value{font-size:36px;letter-spacing:-1.2px}.kpi.small{font-size:29px}.metric-meta{font-size:11px}
.btn{min-height:39px;font-size:12px}.btn-primary,.db-action-open,.topbar-actions .btn-primary{background:linear-gradient(105deg,#6652e9,#4f46e5);border-color:#9d8eff66;box-shadow:inset 0 1px 0 #ffffff18,0 5px 18px #4f46e51c}.btn-primary:hover,.db-action-open:hover{background:linear-gradient(105deg,#7561f2,#5b50e4);border-color:#a99bff9c}.btn-secondary,.db-action-edit{background:#25304775;border-color:#40516b94}.btn-sm,.action-buttons .btn{font-size:10px;min-height:32px}.input,.select,textarea,input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select{font-size:13px;background:#10192a;border-color:#36465e;min-height:44px}.form-group>label,label.muted{font-size:12px}.filters{background:#111a2b;border-color:#30405791;border-radius:11px;gap:4px}.filters .btn{font-size:12px}.filters .btn-primary{background:#34325886;color:#d1c8ff;border:1px solid #6d5da44a}
.table-wrap,.table-responsive{border-color:#30405791;border-radius:12px;background:#10192a5e}.data-table,table{font-size:12px}.data-table th,.main table th{background:#111b2db8;font-size:9px;color:#91a3c1;letter-spacing:1px;padding:13px 16px}.data-table td,.main table td{padding:16px;border-bottom-color:#30405778}.data-table tbody tr:hover,.main table tbody tr:hover{background:#27334c70}.data-table td:first-child,.main table td:first-child{font-weight:550}.tag,.status-badge,.badge,.type-tag{font-size:10px;padding:4px 7px}.status-online{color:#7ddcbb;background:#145b4323;border-color:#458d6c44}.status-offline{color:#e8bf7e;background:#805a2026;border-color:#b4884540}
.vx-project-cell{gap:11px;min-width:200px}.vx-project-symbol{width:34px;height:36px;background:#292d4b;border-color:#49426775;color:#b4a6f6}.vx-project-cell strong{color:#dfe5f6;font-size:12px}.vx-project-cell small{display:block;font-size:10px;font-weight:400;color:#8da0be;margin-top:3px}.vx-project-cell:hover strong{color:#c7bbff}
.vx-table-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px}.vx-filter-label{display:flex;align-items:center;gap:9px;border:1px solid #34445d;background:#10192a;border-radius:10px;padding:0 12px;min-width:0;width:min(340px,100%)}.vx-filter-label>.vx-icon{width:16px;height:16px;color:#8d9dbc}.vx-filter-label:focus-within{border-color:#9c8aea;box-shadow:0 0 0 3px #9585ec12}.vx-filter-label input[type=search]{border:0;background:none;box-shadow:none;padding:10px 0;outline:0;min-height:39px;font-size:12px}.vx-filter-count{font-size:10px;color:#9aaac4;white-space:nowrap}.vx-filter-empty{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px dashed #3e4a64;border-radius:12px;padding:34px 20px;margin:15px 0 0;text-align:center}.vx-filter-empty strong{font-size:14px;color:#dbe1f1}.vx-filter-empty span{color:#9dacc5;font-size:12px}.vx-filter-empty button{margin-top:6px}.vx-list-note{font-size:11px;margin:16px 0 0;color:#90a0bb}
.global-modal,.confirm-modal{border-color:#4c54759c;border-radius:20px;background:linear-gradient(130deg,#1c263c,#141d30);box-shadow:0 30px 120px #0205129c,inset 0 1px 0 #d0d1ff10}.global-modal h3,.confirm-modal h3{font-size:23px;letter-spacing:-.8px}.modal-subtitle{font-size:13px;color:#a1b2cb;margin-bottom:25px}.modal-close-x{background:#263047;border-color:#48536d80;right:20px;top:20px}.overlay,.confirm-overlay{background:#030817bf;backdrop-filter:blur(9px)}.vx-command-heading{padding:24px 24px 0}.vx-command-heading h2{font-size:17px}.vx-command-results a{padding:12px 15px;font-size:13px}.vx-command-results a.is-selected{background:linear-gradient(100deg,#3e356a,#292d4b);box-shadow:inset 0 0 0 1px #b2a3ff26}
.db-box{min-height:195px;gap:16px;border-top-color:#665c9d80}.db-box::before{width:34px;height:35px;border-radius:10px;background:linear-gradient(130deg,#4f4381,#2a3050);border-color:#7160a37a;box-shadow:inset 0 0 0 7px #1c2641}.db-box .btn{font-size:11px;min-height:35px}.system-db{background:#131c2c;border-top-color:#304057}.db-nav-panel h3{font-size:14px}.list-item{padding:12px;border-color:#35425c;background:#121c2e}.list-item.active{background:linear-gradient(110deg,#312d50,#202c43);border-color:#7966aa80}.vx-deploy-projects{gap:10px}.vx-deploy-project{padding:17px 12px;background:#111b2a;border-color:#3040578a}.vx-deploy-project.is-selected{background:linear-gradient(100deg,#332d50,#202a41);border-color:#9681d16b}.meta-grid>div{padding:15px;background:#101a2c70;border-color:#3040578a}.log-terminal,.log-container,.log-window{background:#0a1220;border-color:#33415d;border-radius:14px}.log-container,.log-window{font-size:12px}.settings-page .card form>label{display:block;font-size:12px;margin:16px 0 8px}.settings-page .card form>label:first-child{margin-top:0}.section-title{font-size:17px;letter-spacing:-.4px}
/* Overview */
.vx-overview-hero{position:relative;display:grid;grid-template-columns:1.3fr 1fr;isolation:isolate;overflow:hidden;min-height:272px;border:1px solid #544a8059;border-radius:22px;background:radial-gradient(ellipse at 75% 20%,#6550c132,transparent 65%),linear-gradient(120deg,#192237,#191f36 52%,#151e31);box-shadow:inset 0 1px 0 #d7c4ff0c,0 12px 45px #0308192b;margin-bottom:20px!important}
.vx-hero-copy{padding:30px 34px;z-index:1}.vx-eyebrow{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.35px;font-weight:600;color:#9f9fbc;margin:0 0 15px}.vx-hero-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #7764a152;border-radius:6px;background:#6551921e;color:#c1b3ed}.vx-hero-pill .vx-icon{width:12px;height:12px}.vx-overview-hero h1{font-size:clamp(30px,2.8vw,43px);line-height:1.15;font-weight:800;letter-spacing:-1.7px;margin:0 0 13px}.vx-overview-hero h1>span{color:#b6a7fc}.vx-hero-copy>p:not(.vx-eyebrow){font-size:12px;line-height:1.75;color:#a6b5cd;margin:0 0 21px}.vx-hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.vx-hero-actions .btn{min-height:40px;font-size:11px;padding:10px 13px}.vx-text-link{display:inline-flex;align-items:center;gap:7px;color:#b8adf4;font-size:11px;font-weight:550;white-space:nowrap}.vx-text-link .vx-icon{width:15px;height:15px}.vx-text-link:hover{color:#dfd8ff}
.vx-server-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 30px 22px;min-width:0}.vx-visual-grid{position:absolute;inset:0;background-image:linear-gradient(#a79ce50b 1px,transparent 1px),linear-gradient(90deg,#a79ce50b 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,black 15%,transparent 75%);z-index:-1}.vx-server-visual::before,.vx-server-visual::after{content:'';position:absolute;width:205px;height:205px;border:1px solid #9c86e926;border-radius:50%;z-index:-1;top:30px;left:50%;transform:translateX(-50%)}.vx-server-visual::after{width:265px;height:265px;top:0;border-style:dashed;border-color:#a89bff16}.vx-server-symbol{width:87px;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #a69ae14f;border-radius:25px;background:linear-gradient(140deg,#69549d5e,#38395d63);box-shadow:inset 0 1px 0 #e2d4ff35,0 0 70px #8061e926;transform:rotate(-7deg);margin:12px 0 18px}.vx-server-symbol>.vx-icon{width:34px;height:34px;color:#d0c0ff;transform:rotate(7deg)}.vx-server-symbol>span{font-size:7px;font-weight:750;letter-spacing:3px;color:#c0b1eb;transform:rotate(7deg)}
.vx-server-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;background:#152b29;border:1px solid #477a624f;color:#8bd9b9;padding:5px 10px;border-radius:8px}.vx-server-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.vx-server-status.is-warning{background:#302a25;color:#e6c588;border-color:#9d804e54}.vx-server-address{display:grid;grid-template-columns:1fr auto;column-gap:20px;margin-top:21px;padding:11px 14px;border:1px solid #5b537f59;border-radius:11px;background:#161e31c4;min-width:220px;max-width:100%}.vx-server-address>span{font-size:7px;letter-spacing:1.5px;color:#95a3bf}.vx-server-address strong{font-size:12px;font-weight:550;font-family:Consolas,monospace;letter-spacing:.5px;color:#c8d0e8;grid-column:1;overflow-wrap:anywhere}.vx-server-address button{grid-column:2;grid-row:1/3;align-self:center;width:28px;height:28px}.vx-server-address button>.vx-icon{width:14px;height:14px}
.vx-overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.vx-stat-card{--stat-color:#ac9af9;--stat-rgb:172,154,249;position:relative;display:flex;flex-direction:column;gap:10px;padding:21px 22px 19px;border:1px solid #304057b3;border-radius:16px;background:linear-gradient(120deg,#192338,#151e30);color:#a6b4cb;overflow:hidden;transition:border-color .2s,background .2s,transform .2s}.vx-stat-card:hover{border-color:rgba(var(--stat-rgb),.45);transform:translateY(-2px);background:#1c273c}.vx-stat-card.tone-mint{--stat-color:#75d5b7;--stat-rgb:117,213,183}.vx-stat-card.tone-blue{--stat-color:#8ab5ed;--stat-rgb:138,181,237}.vx-stat-card.tone-lilac{--stat-color:#c9a0e5;--stat-rgb:201,160,229}.vx-stat-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.vx-stat-label{font-size:11px;font-weight:500;color:#a6b5d0}.vx-stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid rgba(var(--stat-rgb),.18);color:var(--stat-color);background:rgba(var(--stat-rgb),.09)}.vx-stat-icon .vx-icon{width:16px;height:16px}.vx-stat-card>strong{font:750 33px/1.2 var(--ui-font-heading);color:#eef2ff;letter-spacing:-1px}.vx-stat-card>strong small{font:400 11px var(--ui-font-body);color:#9aacc6;margin-left:8px;letter-spacing:0}.vx-stat-bottom{font-size:10px;color:#99abc7;display:flex;align-items:center;justify-content:space-between;gap:8px}.vx-stat-bottom>.vx-icon{width:13px;height:13px;color:#8297b6}.vx-stat-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#182f33}.vx-stat-track>i{display:block;height:100%;background:#65c4a5}
.vx-bento-row,.vx-project-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:stretch}.vx-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.vx-section-kicker{display:block;color:#92a3c1;font-size:8px;letter-spacing:1.6px;font-weight:600;margin-bottom:7px}.vx-section-head h2,.vx-attention-card h2,.vx-shortcuts h2{font-size:19px;font-weight:750;letter-spacing:-.7px;margin:0;color:#e8edfb}.vx-section-head h2 .vx-section-count{font:500 10px var(--ui-font-body);border:1px solid #5360865e;background:#25304a;color:#b3b9d4;padding:3px 7px;vertical-align:middle;border-radius:6px;margin-left:6px}
.vx-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:5px -4px 22px}.vx-resource-item{display:flex;flex-direction:column;align-items:center;padding:0 12px;text-align:center;border-left:1px solid #30405770}.vx-resource-item:first-child{border-left:0}.vx-resource-name{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#a3b2cc;white-space:nowrap}.vx-resource-name>.vx-icon{width:13px;height:13px;color:#92a6c8}.vx-resource-item>p{font-size:10px;color:#97a8c2;margin:13px 0 0;line-height:1.5}.vx-resource-item>p b{color:#c0cce0;font-weight:500}.vx-resource-item>.vx-text-link{font-size:9px;margin-top:9px}.vx-gauge{width:98px;height:98px;padding:6px;border-radius:50%;background:conic-gradient(var(--gauge-color) calc(var(--gauge-value)*1%),#26324b 0);margin-top:18px;transform:rotate(-90deg)}.vx-gauge>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;border:5px solid #192337;background:#151f32;border-radius:50%;transform:rotate(90deg)}.vx-gauge strong{font:750 25px/1.2 var(--ui-font-heading);color:#e8eafa;letter-spacing:-1px}.vx-gauge small{font:500 11px var(--ui-font-body);margin-left:1px;color:#a1b1cb}.vx-gauge em{font:9px var(--ui-font-body);color:#99a9c2}.vx-cpu-display{height:98px;display:flex;flex-direction:column;justify-content:center;gap:5px;margin-top:18px}.vx-cpu-display strong{font:750 36px/1.1 var(--ui-font-heading);color:#cec4ff;letter-spacing:-1.5px}.vx-cpu-display span{font-size:7px;color:#99aac5;letter-spacing:1.8px}.vx-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #30405770;padding-top:15px;font-size:9px;color:#8c9fbd}.vx-panel-footer>span,.vx-panel-footer>a{display:inline-flex;align-items:center;gap:6px}.vx-panel-footer .vx-icon{width:12px;height:12px}.vx-panel-footer a{color:#b4a6ed}
.vx-attention-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 110% 0,#66528224,transparent 60%),linear-gradient(120deg,#1b2339,#182133);display:flex;flex-direction:column;padding:25px}.vx-attention-symbol{position:absolute;right:20px;top:19px;width:33px;height:33px;border:1px solid #89709c37;border-radius:11px;display:grid;place-items:center;background:#4734513d;color:#c6a9dd}.vx-attention-symbol .vx-icon{width:18px;height:18px}.vx-attention-card>.vx-section-kicker{padding-top:8px}.vx-attention-card h2{font-size:21px;margin:13px 0 10px}.vx-attention-card>p{font-size:11px;color:#a1afc8;line-height:1.8;margin-bottom:18px}.vx-attention-row{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #3c415d83;padding:12px 0;color:#adbbd1;font-size:10px}.vx-attention-row>span{display:flex;align-items:center;gap:7px}.vx-attention-row i{width:4px;height:4px;border-radius:50%;background:#78b9a4}.vx-attention-row i.warn{background:#dfb875}.vx-attention-row strong{font:650 15px var(--ui-font-heading);color:#deddec}.vx-attention-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;color:#c6b7e3;font-size:10px;font-weight:500}.vx-attention-link>.vx-icon{width:14px;height:14px}
.vx-shortcuts{padding:24px 20px;align-self:start}.vx-shortcuts h2{margin-bottom:22px}.vx-shortcuts nav{display:flex;flex-direction:column;gap:7px}.vx-shortcuts nav>a{display:flex;align-items:center;gap:11px;padding:12px 9px;border:1px solid transparent;border-radius:11px;color:#b0bed6}.vx-shortcuts nav>a:hover{border-color:#8e79be34;background:#3c355826}.vx-shortcut-icon{width:35px;height:37px;display:grid;place-items:center;background:#272c46;border:1px solid #514c7959;border-radius:10px;color:#b4a3e9;flex-shrink:0}.vx-shortcut-icon>.vx-icon{width:17px;height:17px}.vx-shortcuts nav>a>span:nth-child(2){flex:1;min-width:0}.vx-shortcuts strong{font-size:12px;color:#d6ddef;font-weight:550}.vx-shortcuts small{display:block;font-size:10px;color:#93a4bf;margin-top:2px}.vx-shortcuts nav>a>.vx-icon{width:13px;height:13px;color:#7f94b3}.vx-shortcut-hint{display:flex;align-items:center;gap:6px;border-top:1px solid #30405770;padding-top:18px;margin-top:18px;font-size:8px;color:#8fa2be}.vx-shortcut-hint>.vx-icon{width:12px;height:12px}.vx-shortcut-hint kbd{font-size:8px;margin-left:auto}.vx-projects-panel{min-width:0}.vx-project-table td:first-child{width:57%}
.vx-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vx-system-card .vx-section-head>.vx-icon{width:24px;height:24px;color:#91a4c5}.vx-system-facts{display:grid;grid-template-columns:1fr 1fr;gap:19px 22px;margin:0}.vx-system-facts>div{min-width:0}.vx-system-facts dt{font-size:10px;color:#97a8c4;margin-bottom:5px}.vx-system-facts dd{font-size:12px;color:#c9d3e7;font-weight:500;margin:0;overflow-wrap:anywhere}.vx-team-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow:auto}.vx-team-person{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #30405766}.vx-team-person:last-child{border:0}.vx-team-person>span:nth-child(2){flex:1;min-width:0}.vx-team-person strong{display:block;font-size:12px;color:#cbd7eb;overflow-wrap:anywhere;font-weight:550}.vx-team-person small{font-size:10px;color:#97a9c6}.vx-team-person .vx-avatar{width:32px;height:32px;font-size:12px}
.vx-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:5001;display:flex;align-items:center;gap:10px;border:1px solid #7863b67d;border-radius:12px;background:#25273e;color:#e0d7f9;padding:12px 19px;font-size:12px;box-shadow:0 12px 40px #0006;max-width:calc(100% - 32px)}
/* Sign-in: an architectural illustration, never invented telemetry. */
.vx-login-body{background:radial-gradient(ellipse at 25% 15%,#5b45ae15,transparent 65%),#0b1120;padding:20px}.vx-login-main{width:min(1500px,100%);margin:0 auto;min-height:calc(100dvh - 40px);border:1px solid #303b574f;border-radius:25px;overflow:hidden;background:#0e1526;grid-template-columns:1.08fr 1fr}.vx-auth-story{background:radial-gradient(ellipse at 40% 58%,#6652c52b,transparent 70%),linear-gradient(150deg,#1b223d,#141d31);padding:36px 42px 28px;border-right:1px solid #48507454}.vx-auth-story:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#d2c4ff21 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(transparent 12%,#0006 70%,transparent)}.vx-auth-story-content{width:min(480px,100%);padding:40px 0 20px;margin:auto}.vx-auth-eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.3px;color:#b6a9ee}.vx-auth-eyebrow i{width:5px;height:5px;border-radius:2px;background:#a89bff}.vx-auth-story h2{font-size:clamp(36px,3.7vw,57px);line-height:1.13;letter-spacing:-2.4px;margin:22px 0}.vx-auth-story h2 span{color:#b8a9ff}.vx-auth-story-content>p{font-size:12px;max-width:360px;color:#a1b0cf;line-height:1.9}.vx-auth-story-footer{font-size:9px;color:#90a0bc}
.vx-auth-console{margin:33px 0 6px;background:#121b2dc4;border:1px solid #6f5b9e4d;border-radius:15px;overflow:hidden;box-shadow:0 24px 65px #090d2540,inset 0 1px 0 #d8c8ff08}.vx-console-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid #6b5e8e2f;background:#1e253a66}.vx-console-bar>span{display:flex;gap:5px}.vx-console-bar i{width:5px;height:5px;border-radius:50%;background:#7c709e}.vx-console-bar i:nth-child(2){background:#5d597e}.vx-console-bar i:nth-child(3){background:#444d6f}.vx-console-bar small{font:9px Consolas,monospace;color:#a7a5c6;letter-spacing:.3px}.vx-console-bar>.vx-icon{width:12px;height:12px;color:#8c81ad}.vx-console-map{height:190px;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 21px 20px}.vx-console-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8a79b454;stroke-width:1;stroke-dasharray:4 4}.vx-console-core{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;padding:11px 17px;background:linear-gradient(120deg,#343052,#232b46);border:1px solid #9981c86b;border-radius:13px;box-shadow:0 0 45px #6851bd26}.vx-console-core .vx-brand-mark{width:29px;height:29px;border-radius:8px}.vx-console-core .vx-brand-mark svg{width:20px;height:20px}.vx-console-core .vx-brand-type{font-size:21px}.vx-console-core .vx-brand-type>span{font-size:5px;letter-spacing:1.4px;margin-top:5px}.vx-console-services{display:flex;justify-content:space-between;gap:10px;width:100%;position:relative}.vx-console-services>span{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 9px;border:1px solid #59567d59;border-radius:9px;background:#1c263c;color:#b8b2d7;font-size:9px;flex:1}.vx-console-services .vx-icon{width:13px;height:13px;color:#b5a0ed}.vx-console-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#161e30;border-top:1px solid #6b5e8e24;font-size:8px;color:#9aa5c6}.vx-console-footer>span{display:inline-flex;align-items:center;gap:7px}.vx-console-footer .vx-icon{width:12px;height:12px;color:#a996d5}
.vx-login-card{width:min(390px,calc(100% - 70px));padding:45px 0}.vx-login-eyebrow{font-size:9px;color:#b3a4ee;letter-spacing:1.6px;margin-bottom:17px}.vx-login-title{font-size:34px;letter-spacing:-1.5px;max-width:350px}.vx-login-subtitle{font-size:13px;color:#a0b1ce;line-height:1.8}.vx-login-label{font-size:12px;margin-bottom:10px}.vx-login-input{min-height:49px!important;font-size:13px!important;background:#151e30!important;border-color:#3d496499!important}.vx-login-button{min-height:49px;font-size:12px;border-color:#aa92f16b;background:linear-gradient(110deg,#6b53e6,#4f46e5);box-shadow:inset 0 1px 0 #ffffff15,0 8px 22px #4f46e520}.vx-login-button:hover{background:linear-gradient(110deg,#7962f2,#5c50ec)}.vx-login-footer{font-size:9px;color:#91a1bd;border-top-color:#303b5780}.vx-password-toggle{top:6px}.vx-login-step .active{background:#a08bf2}
@media(min-width:1700px){.main{padding-left:48px;padding-right:48px}.vx-overview-hero{min-height:300px}.vx-hero-copy{padding:34px 40px}.vx-overview-hero h1{font-size:46px}.vx-bento-row,.vx-project-layout{grid-template-columns:minmax(0,1fr) 340px}.vx-resource-name{font-size:12px}.vx-gauge{width:112px;height:112px}.vx-cpu-display{height:112px}.vx-stat-card>strong{font-size:38px}.vx-stat-card{padding:24px}.vx-stat-label{font-size:12px}}
@media(max-width:1250px){:root{--sidebar-width:252px}.sidebar{width:224px;padding-left:11px;padding-right:11px}.main{padding-left:24px;padding-right:24px}.vx-toolbar-date,.vx-environment{display:none}.vx-bento-row,.vx-project-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.vx-attention-card{padding:22px}.vx-overview-metrics{gap:12px}.vx-stat-card{padding:17px 16px}.vx-stat-label{font-size:10px}.vx-stat-card>strong{font-size:29px}.vx-stat-bottom{font-size:9px}.vx-resource-item{padding:0 8px}.vx-gauge{width:85px;height:85px;padding:5px}.vx-gauge strong{font-size:22px}.vx-cpu-display{height:85px}.vx-cpu-display strong{font-size:30px}.vx-resource-name{font-size:9px}.vx-resource-item>p{font-size:9px}.vx-section-head h2,.vx-shortcuts h2{font-size:17px}.vx-panel-footer{flex-wrap:wrap;row-gap:8px}.vx-hero-copy{padding:27px}.vx-eyebrow>span:last-child{display:none}.vx-hero-actions{gap:15px}.vx-server-visual{padding-left:18px;padding-right:18px}.vx-auth-story{padding:30px}.vx-auth-story h2{font-size:43px}.vx-login-title{font-size:30px}}
@media(min-width:951px) and (max-width:1100px){.vx-bento-row,.vx-project-layout{grid-template-columns:1fr}.vx-shortcuts nav{display:grid;grid-template-columns:1fr 1fr}.vx-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-server-address{min-width:190px}.vx-resource-name{font-size:11px}.vx-gauge{width:98px;height:98px}.vx-cpu-display{height:98px}}
@media(max-width:950px){:root{--sidebar-width:270px}.sidebar{width:250px;inset:12px auto 12px 12px;height:calc(100dvh - 24px);transform:translateX(calc(-100% - 24px));padding:27px 14px 14px}.vx-nav-open .sidebar{transform:translateX(0)}.vx-nav-close{top:27px;right:7px}.vx-nav-close .vx-icon{width:15px;height:15px}.sidebar .vx-brand{padding:0 8px}.vx-sidebar-search{display:none}.main{margin-left:0;padding:0 24px 35px}.vx-toolbar{height:71px;margin-bottom:25px}.vx-toolbar-date{display:block}.vx-overview-hero{grid-template-columns:1.25fr 1fr}.vx-overview-hero h1{font-size:37px}.vx-auth-story h2{font-size:36px}.vx-auth-story{padding:28px 24px}.vx-console-map{padding-left:12px;padding-right:12px}.vx-console-services{gap:6px}.vx-console-services>span{font-size:8px;gap:4px;padding:10px 6px}.vx-console-services .vx-icon{width:11px;height:11px}.vx-login-card{width:calc(100% - 48px)}}
@media(max-width:760px){.vx-login-body{padding:0}.vx-login-main{display:flex;flex-direction:column;padding:30px 24px;min-height:100dvh;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 0,#493a8330,transparent 60%),#0b1120}.vx-auth-story{border:0;background:none;overflow:visible;padding:0 0 32px}.vx-auth-story:before{content:none}.vx-auth-story>.vx-brand{margin:0 auto;width:fit-content}.vx-auth-story-content,.vx-auth-story-footer{display:none}.vx-login-card{width:min(410px,100%);border:1px solid #63538455;border-radius:22px;padding:31px 25px;background:linear-gradient(130deg,#1a2339,#141d30);box-shadow:0 20px 60px #0002;margin:auto 0}.vx-login-title{font-size:29px}.vx-login-subtitle{font-size:12px}.vx-bento-row,.vx-project-layout{grid-template-columns:1fr}.vx-shortcuts nav{display:grid;grid-template-columns:1fr 1fr}.vx-resource-name{font-size:11px}.vx-gauge{width:98px;height:98px}.vx-cpu-display{height:98px}}
@media(max-width:680px){.main{padding:0 16px 28px}.vx-toolbar{height:66px;gap:10px;margin-bottom:23px}.vx-toolbar-date{display:none}.vx-toolbar-tools{gap:8px}.vx-search-button{min-width:36px;width:36px;min-height:35px;padding:8px}.vx-search-button>span,.vx-search-button>kbd{display:none}.vx-breadcrumb{font-size:11px;gap:6px}.vx-breadcrumb>span,.vx-breadcrumb>.vx-icon{display:none}.topbar,.topbar.topbar-modern,.main>.topbar.topbar-modern{padding:0;gap:20px;margin-bottom:24px!important}.title{font-size:29px;letter-spacing:-1px}.dash-subtitle{font-size:12px}.dash-kicker{font-size:8px}.topbar-actions .btn{min-height:40px;font-size:11px}.card{padding:20px;border-radius:16px}.grid{gap:12px}.metric-card,.card:has(>.kpi){min-height:121px}.kpi,.metric-value{font-size:31px}.kpi.small{font-size:26px}.card:has(>.kpi)>.muted,.metric-label{font-size:11px}.vx-table-tools{flex-wrap:wrap;gap:9px}.vx-filter-label{width:100%;max-width:none}.vx-filter-count{font-size:10px}.data-table td,.main table td{font-size:11px;padding:14px 12px}.data-table th,.main table th{padding:12px}.filters .btn{font-size:11px}.global-modal,.confirm-modal{padding:25px 20px}.global-modal h3,.confirm-modal h3{font-size:21px}.modal-subtitle{font-size:12px}.modal-close-x{top:16px;right:16px}.db-box{min-height:180px}
.vx-overview-hero{grid-template-columns:1fr;border-radius:18px;min-height:0}.vx-hero-copy{padding:25px 23px 27px}.vx-overview-hero h1{font-size:35px;letter-spacing:-1.4px}.vx-hero-copy>p:not(.vx-eyebrow){font-size:12px}.vx-hero-actions{gap:16px}.vx-hero-actions .btn{font-size:10px;padding:10px;min-height:39px}.vx-hero-actions .vx-text-link{font-size:10px}.vx-hero-actions .btn>.vx-icon:first-child{display:none}.vx-server-visual{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid #8f7ca322;background:#121b2c59}.vx-server-symbol,.vx-server-visual:before,.vx-server-visual:after,.vx-visual-grid{display:none}.vx-server-status{font-size:9px;grid-column:2;grid-row:1;padding:5px 7px;white-space:nowrap}.vx-server-address{grid-column:1;grid-row:1;margin:0;padding:0;border:0;background:none;min-width:0;gap:8px}.vx-server-address>span{font-size:7px;letter-spacing:1px}.vx-server-address strong{font-size:11px;letter-spacing:0}.vx-server-address button{height:25px;width:25px}.vx-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vx-stat-card{padding:16px 14px;border-radius:14px;gap:10px}.vx-stat-label{font-size:10px}.vx-stat-icon{width:25px;height:25px;border-radius:8px}.vx-stat-icon>.vx-icon{width:13px;height:13px}.vx-stat-card>strong{font-size:29px}.vx-stat-card>strong small{font-size:9px;margin-left:5px}.vx-stat-bottom{font-size:9px;line-height:1.6;gap:4px}.vx-stat-bottom>.vx-icon{display:none}
.vx-bento-row,.vx-project-layout,.vx-bottom-grid{grid-template-columns:1fr;gap:16px}.vx-section-head h2,.vx-shortcuts h2{font-size:18px}.vx-resource-grid{margin-left:-10px;margin-right:-10px}.vx-resource-item{padding:0 7px}.vx-resource-name{font-size:9px;gap:4px}.vx-resource-name>.vx-icon{display:none}.vx-gauge{width:78px;height:78px;padding:4px;margin-top:18px}.vx-gauge>span{border-width:4px}.vx-gauge strong{font-size:20px}.vx-gauge small{font-size:9px}.vx-cpu-display{height:78px}.vx-cpu-display strong{font-size:28px}.vx-cpu-display span{font-size:7px;letter-spacing:1px}.vx-resource-item>p{font-size:9px}.vx-resource-item>.vx-text-link{font-size:8px}.vx-resource-item>.vx-text-link>.vx-icon{display:none}.vx-panel-footer{font-size:9px;gap:9px}.vx-attention-card{padding:23px}.vx-attention-card h2{font-size:22px}.vx-attention-row{font-size:11px;padding:14px 0}.vx-attention-link{padding-top:17px;font-size:11px}.vx-shortcuts nav{gap:6px}.vx-shortcuts nav>a{padding:10px 3px;gap:9px}.vx-shortcuts nav>a>.vx-icon{display:none}.vx-shortcuts strong{font-size:11px}.vx-shortcuts small{font-size:9px}.vx-shortcut-icon{width:31px;height:33px}.vx-shortcut-hint{font-size:9px}.vx-system-facts dd{font-size:11px}.vx-toast{font-size:11px;bottom:16px}.vx-command{padding:0}.vx-command-heading{padding:21px 20px 0}}
@media(max-width:370px){.main{padding-left:12px;padding-right:12px}.vx-hero-copy{padding:23px 20px}.vx-overview-hero h1{font-size:32px}.vx-stat-card{padding:14px 12px}.vx-stat-card>strong{font-size:26px}.vx-gauge{width:70px;height:70px}.vx-cpu-display{height:70px}.vx-resource-name{font-size:8px}.vx-login-main{padding:26px 15px}.vx-login-card{padding:27px 22px}.vx-shortcuts nav{grid-template-columns:1fr}}
.db-box::before{content:none}
.vx-db-symbol{width:38px;height:40px;display:grid;place-items:center;background:linear-gradient(130deg,#383153,#252c46);border:1px solid #6d5a985e;border-radius:11px;color:#b8a5eb}
.vx-db-symbol>.vx-icon{width:21px;height:21px}
.main .db-box .actions .db-action-btn{min-width:0;height:35px!important;min-height:35px;font-size:11px;font-weight:550;border-radius:8px;padding:0 11px;box-shadow:none}
.main .db-box .actions .db-action-open{background:#3c325b;border:1px solid #8772b658;color:#d2c5fa}
.main .db-box .actions .db-action-edit{background:#253047;border:1px solid #56647e75;color:#c6d0e3}
.main .db-box .actions .db-action-delete{background:#56273a66;border:1px solid #a3547259;color:#eba9be}
.main .db-box .actions .db-action-btn:hover{transform:none;filter:brightness(1.18)}
.data-table td,.main table td{font-size:12px}
.vx-table-tools .vx-filter-label input[type=search]{border:0!important;background:none!important;box-shadow:none!important;min-width:0}
.action-buttons .action-btn{min-width:0;min-height:32px;padding:7px 10px;border-radius:8px;font-size:10px;font-weight:550;box-shadow:none}
.action-buttons .action-btn-open{background:#3c325b;border:1px solid #8772b658;color:#d2c5fa}
.action-buttons .action-btn-edit{background:#253047;border:1px solid #56647e75;color:#c6d0e3}
.action-buttons .action-btn-delete{background:#56273a66;border:1px solid #a3547259;color:#eba9be}
.action-buttons .action-btn-ssl{background:#19433466;border:1px solid #4f9a7559;color:#98d8b7}
.action-buttons .action-btn-assign{background:#253f5966;border:1px solid #6285b55c;color:#afc9ed}
.action-buttons .action-btn:hover{transform:none;filter:brightness(1.18)}
.main[data-page=websites] .action-buttons{min-width:224px;gap:6px}
.vx-managed-project{display:flex;align-items:center;gap:11px;min-width:220px}
.vx-managed-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.vx-managed-info strong{font-size:12px;font-weight:600;color:#dfe6f6}
.vx-managed-info code{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;color:#91a3c1}
.main[data-page=websites] .data-table td:first-child{width:40%}
.status-badge{text-transform:none;letter-spacing:0;font-weight:500}
@media(min-width:951px) and (max-height:800px){.sidebar{padding-top:20px}.vx-workspace-label{margin-top:20px;margin-bottom:8px;padding:10px}.vx-sidebar-search{display:none}.vx-nav-group{margin:12px 0 4px}.nav-item{min-height:34px;padding:6px 10px;margin:1px 0}.vx-account{padding:9px 8px}}
@media(max-width:680px){.data-table td,.main table td{font-size:11px}.vx-managed-info code{max-width:200px}.main[data-page=websites] .action-buttons{min-width:220px;flex-wrap:wrap}.vx-managed-project{min-width:230px}}
@media(prefers-reduced-motion:reduce){.vx-stat-card:hover{transform:none}}
.vx-auth-story h2{font-weight:800}
.settings-grid .control-group{margin-bottom:18px}
@media(min-width:1251px){.grid.cols-2.version-grid{grid-template-columns:320px minmax(0,1fr)!important}.vx-deploy-projects{max-height:590px}}