:root{--vmxh-bg:#070e1c;--vmxh-sidebar:#0b1323;--vmxh-panel:#101c2d;--vmxh-panel2:#142238;--vmxh-border:#23354b;--vmxh-text:#f4f8ff;--vmxh-muted:#92a3b7;--vmxh-cyan:#04d7f4;--vmxh-blue:#087cc0;--vmxh-green:#22d49b;--vmxh-red:#fa6682;--vmxh-rad:18px;--vmxh-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html{scroll-behavior:smooth}body.vmxh-body{margin:0;min-height:100vh;background:var(--vmxh-bg);color:var(--vmxh-text);font:14px/1.5 var(--vmxh-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.vmxh-body *{box-sizing:border-box}body.vmxh-body button,body.vmxh-body input{font:inherit}body.vmxh-body button{cursor:pointer}body.vmxh-body a{color:inherit;text-decoration:none}body.vmxh-body input{color:var(--vmxh-text)}body.vmxh-body input:focus-visible,body.vmxh-body button:focus-visible,body.vmxh-body a:focus-visible{outline:2px solid var(--vmxh-cyan);outline-offset:3px}body.vmxh-body .vmxh-glow{pointer-events:none;position:fixed;width:550px;height:550px;filter:blur(105px);opacity:.08;z-index:0;background:#00d2ef}.vmxh-glow.one{top:-350px;right:4%}.vmxh-glow.two{left:-320px;bottom:-420px}.vmxh-overline{font-size:10px;letter-spacing:.19em;font-weight:750;color:var(--vmxh-cyan);text-transform:uppercase}.vmxh-muted{color:var(--vmxh-muted)}.vmxh-cyan{color:var(--vmxh-cyan)}.vmxh-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:11px;padding:13px 20px;line-height:1.2;min-height:46px;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap}.vmxh-btn:hover{transform:translateY(-1px)}.vmxh-btn.primary{color:#071a2c;background:linear-gradient(105deg,#16ecf1,#08afd9);box-shadow:0 7px 22px #00c5ef23}.vmxh-btn.primary:hover{box-shadow:0 7px 25px #00c5ef49}.vmxh-btn.secondary{background:#15283d;color:#d9f2ff;border-color:#294660}.vmxh-btn.wide{width:100%}.vmxh-alert{border:1px solid #294963;background:#0a263b;color:#c0e9fb;padding:13px 16px;border-radius:12px;margin-bottom:19px}.vmxh-alert.success{background:#092b28;border-color:#176453;color:#a9f5d7}.vmxh-alert.error{background:#361923;border-color:#6d3342;color:#ffc8d3}.vmxh-status-dot,.vmxh-live-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--vmxh-green);box-shadow:0 0 0 5px #22d49b15}.vmxh-auth-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(390px,.83fr);max-width:1440px;min-height:100vh;margin:0 auto}.vmxh-auth-aside{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px clamp(30px,6vw,110px);background:radial-gradient(circle at 11% 80%,#0d5c704c,transparent 55%),linear-gradient(150deg,#0b1d30 0,#070f20 59%,#071424);border-right:1px solid #182c40;overflow:hidden}.vmxh-auth-aside:before{content:'';position:absolute;width:650px;height:650px;left:-170px;bottom:-455px;transform:rotate(-25deg);border:1px solid #11e2fb8a;border-radius:50%;box-shadow:0 0 0 80px #00d5ed09,0 0 0 165px #00d5ed07,0 0 0 265px #00d5ed05}.vmxh-auth-aside>*{position:relative}.vmxh-logo-auth{width:140px;height:90px;object-fit:contain;object-position:left center;margin-bottom:67px;filter:brightness(1.17)}.vmxh-dot{margin:0 8px;color:var(--vmxh-green)}.vmxh-auth-aside h1{max-width:680px;margin:24px 0;font-size:clamp(35px,3.55vw,58px);line-height:1.14;font-weight:800;letter-spacing:-.05em}.vmxh-auth-aside h1 span{background:linear-gradient(90deg,#d8f8ff,#26c6e0);-webkit-background-clip:text;background-clip:text;color:transparent}.vmxh-auth-descr{font-size:16px;line-height:1.8;max-width:475px;color:#aebfd0;margin:0 0 46px}.vmxh-auth-perks{display:grid;gap:21px;color:#d7e6f1;font-size:13px}.vmxh-auth-perks div{display:flex;align-items:center;gap:15px}.vmxh-auth-perks svg{color:var(--vmxh-cyan)}.vmxh-auth-footer{position:absolute;bottom:36px;left:clamp(30px,6vw,110px);font-size:10px;letter-spacing:.12em;color:#6b879e}.vmxh-auth-panel{display:flex;flex-direction:column;justify-content:center;position:relative;padding:64px clamp(30px,6vw,85px);background:linear-gradient(180deg,#0c1524dd,#07101ff0)}.vmxh-auth-panel-top{position:absolute;top:38px;left:clamp(30px,6vw,85px);right:clamp(30px,6vw,85px);display:flex;align-items:center;justify-content:space-between}.vmxh-chip{font-size:10px;font-weight:750;letter-spacing:.1em;color:#bbd5e6}.vmxh-chip .vmxh-status-dot{margin-right:12px}.vmxh-mini-lock{width:36px;height:36px;display:grid;place-items:center;border:1px solid #2c3d50;border-radius:10px;color:#9eb5c7}.vmxh-form-icon{width:54px;height:54px;background:#0a3648;border:1px solid #11637c;border-radius:16px;display:grid;place-items:center;margin-bottom:32px;color:var(--vmxh-cyan);box-shadow:0 10px 42px #00d9ef14}.vmxh-auth-panel h2{font-size:33px;line-height:1.2;margin:8px 0 12px;letter-spacing:-.045em}.vmxh-auth-panel .vmxh-muted{line-height:1.75;margin:0 0 30px}.vmxh-auth-form{display:grid;gap:22px}.vmxh-auth-form label,.vmxh-new-form label{display:grid;gap:9px;font-weight:650;color:#dce8f2;font-size:12px}.vmxh-auth-form input,.vmxh-new-form input,.vmxh-search input{display:block;background:#101e30;border:1px solid #263c51;border-radius:10px;outline:none;min-width:0;width:100%;height:51px;padding:12px 15px;transition:border .18s,background .18s}.vmxh-auth-form input:focus,.vmxh-new-form input:focus{border-color:#19c5db;background:#122437}.vmxh-auth-form input::placeholder,.vmxh-new-form input::placeholder,.vmxh-search input::placeholder{color:#6e8295}.vmxh-auth-form .vmxh-btn{margin-top:8px}.vmxh-pin{font-size:23px!important;letter-spacing:.23em;text-align:center}.vmxh-footnote{font-size:11px;color:#728ca3;text-align:center;margin-top:23px;line-height:1.7}.vmxh-login-bottom{position:absolute;bottom:32px;left:0;right:0;text-align:center;font-size:9px;color:#627d93;letter-spacing:.08em;display:flex;justify-content:center;align-items:center;gap:8px}.vmxh-form-divider{text-align:center;color:#638196;position:relative;margin:16px 0}.vmxh-form-divider:before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#25384b}.vmxh-form-divider span{position:relative;padding:0 14px;background:#0b1524}.vmxh-exit button{border:0;background:none;color:#8da8bc;display:block;margin:22px auto 0}.vmxh-exit button:hover{color:white}
/* Authorized interface */
.vmxh-app{position:relative;z-index:1;display:flex;min-height:100vh}.vmxh-sidebar{width:252px;flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 16px 16px;background:#0b1525eb;border-right:1px solid #203148}.vmxh-brand{padding:0 15px 14px;min-height:103px}.vmxh-brand img{width:108px;height:63px;object-fit:contain;object-position:left center;display:block}.vmxh-brand-tiny{font-size:10px;letter-spacing:.22em;font-weight:850;color:var(--vmxh-cyan);margin-top:1px}.vmxh-brand-tiny span{letter-spacing:.04em;color:#7797ad;font-weight:500}.vmxh-divider{height:1px;background:#26384b;margin:0 7px 27px}.vmxh-nav-label{font-size:10px;letter-spacing:.19em;color:#637d96;font-weight:800;margin:0 14px 14px}.vmxh-sidebar nav{display:grid;gap:6px}.vmxh-navitem{display:flex;align-items:center;gap:13px;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:620;color:#96aabd!important;transition:background .16s,color .16s;min-height:44px}.vmxh-navitem.active,.vmxh-navitem:hover{background:#13364e!important;color:#e1fbff!important}.vmxh-navitem.active svg{color:var(--vmxh-cyan)}.vmxh-navitem em{margin-left:auto;font-size:10px;border-radius:20px;font-style:normal;background:#23394d;color:#bad4e1;padding:2px 7px}.vmxh-sidebar-bottom{margin-top:auto}.vmxh-sidebar-info{border:1px solid #25445a;background:#102335;border-radius:11px;padding:13px;display:flex;align-items:center;gap:13px;margin:0 4px 18px}.vmxh-sidebar-info div,.vmxh-sidebar-user div{display:grid;gap:2px}.vmxh-sidebar-info strong,.vmxh-sidebar-user strong{font-size:11px}.vmxh-sidebar-info small,.vmxh-sidebar-user small{font-size:10px;color:#7894a9}.vmxh-sidebar-user{display:flex;align-items:center;gap:11px;padding:15px 10px;border-top:1px solid #26384b}.vmxh-user-avatar,.vmxh-avatar-small{display:grid;place-items:center;flex:none;color:#02141b;background:linear-gradient(135deg,#1be4e5,#087daf);font-weight:850;border-radius:50%}.vmxh-user-avatar{width:32px;height:32px}.vmxh-avatar-small{width:35px;height:35px}.vmxh-logout{border:0;background:transparent;color:#92a9ba;display:flex;gap:10px;align-items:center;padding:11px;font-size:12px}.vmxh-logout:hover{color:#fff}.vmxh-content{min-width:0;flex:1}.vmxh-topbar{height:76px;border-bottom:1px solid #1d3044;background:#0b1626ad;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,3.5vw,48px)}.vmxh-crumb{font-size:10px;letter-spacing:.1em;color:#778ca3}.vmxh-crumb span{padding:0 8px;color:#435f75}.vmxh-crumb strong{color:#e0edf9}.vmxh-topbar-right{display:flex;align-items:center;gap:20px}.vmxh-badge-secure{font-size:10px;color:#8fb3c5;display:flex;align-items:center;gap:8px;letter-spacing:.075em}.vmxh-badge-secure svg{color:var(--vmxh-green)}.vmxh-menu{display:none;border:0;background:transparent;color:#fff;padding:8px}.vmxh-main{max-width:1620px;margin:0 auto;padding:clamp(25px,3vw,44px) clamp(22px,3.5vw,50px) 35px;min-height:calc(100vh - 76px)}.vmxh-page-title{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:30px}.vmxh-page-title h1{font-size:clamp(26px,2.6vw,35px);line-height:1.2;letter-spacing:-.05em;margin:8px 0 10px}.vmxh-page-title p{color:#93a7bb;font-size:13px;margin:0}.vmxh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.vmxh-stat{min-height:171px;border:1px solid #273a51;background:linear-gradient(135deg,#142238,#0d192b);border-radius:16px;padding:21px 20px;display:flex;flex-direction:column}.vmxh-stat-icon{color:var(--vmxh-cyan);margin-bottom:12px}.vmxh-stat span{font-size:11px;color:#a6bed1;font-weight:650}.vmxh-stat strong{font-size:33px;font-weight:750;letter-spacing:-.04em;line-height:1.4}.vmxh-stat small{color:#6e8aa2;font-size:10px}.vmxh-grid-panels{display:grid;grid-template-columns:1.36fr 1fr;gap:20px}.vmxh-card{background:linear-gradient(145deg,#111e30,#0d1829);border:1px solid #27384c;border-radius:var(--vmxh-rad);padding:23px;min-width:0}.vmxh-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:17px;margin-bottom:22px}.vmxh-card-head h2{font-size:17px;margin:4px 0;letter-spacing:-.03em}.vmxh-card-head p{color:var(--vmxh-muted);font-size:12px;margin:5px 0}.vmxh-card-head a{display:flex;align-items:center;gap:7px;color:var(--vmxh-cyan);font-size:11px;font-weight:750}.vmxh-site-list{display:grid}.vmxh-site-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #203247}.vmxh-site-row>div{display:grid;gap:3px;flex:1;min-width:0}.vmxh-site-row strong{font-size:12px}.vmxh-site-row small{font-size:11px;color:#87a0b7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vmxh-site-symbol{width:39px;height:39px;border-radius:12px;flex:none;display:grid;place-items:center;background:#123e55;border:1px solid #176b82;color:#58ddf2;font-size:16px;font-weight:850}.vmxh-pill{white-space:nowrap;font-size:10px;font-weight:720;display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;border:1px solid #395064;color:#aabdcf;background:#17293b}.vmxh-pill:before{content:'';display:inline-block;width:6px;height:6px;background:#7393aa;border-radius:50%}.vmxh-pill.online{background:#0c302e;border-color:#16574e;color:#7deacc}.vmxh-pill.online:before{background:var(--vmxh-green)}.vmxh-pill.offline{background:#312725;border-color:#59473b;color:#ebb08f}.vmxh-pill.offline:before{background:#f4a772}.vmxh-health>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #25354a;font-size:12px}.vmxh-health>div>span:first-child{display:flex;align-items:center;gap:10px}.vmxh-health>div>span:first-child svg{color:#6f9ab5}.vmxh-hint{color:#8da1b4;font-size:11px;background:#12253a;border:1px solid #284059;padding:12px 14px;line-height:1.7;border-radius:10px;margin-top:19px}.vmxh-setup-link{display:flex;align-items:center;gap:8px;color:var(--vmxh-cyan)!important;font-weight:750;font-size:12px;margin-top:18px}.vmxh-empty{text-align:center;padding:30px 10px 40px;color:var(--vmxh-muted)}.vmxh-empty svg{color:#279ebc}.vmxh-empty h3{color:white;font-size:16px;margin:12px 0 4px}.vmxh-empty p{font-size:12px;max-width:330px;margin:0 auto 18px}.vmxh-count{font-size:10px;color:var(--vmxh-cyan);border-radius:8px;padding:3px 8px;background:#114459;margin-left:5px}.vmxh-list-section{margin-bottom:22px}.vmxh-search{border:1px solid #2b4254;background:#122237;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#6a90a7;min-width:195px}.vmxh-search input{background:transparent;border:0;padding:9px 2px;height:37px;font-size:12px;outline:none}.vmxh-table-scroll{overflow-x:auto}.vmxh-table{width:100%;border-collapse:collapse;text-align:left;min-width:750px}.vmxh-table th{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#7895ab;padding:12px 11px;border-bottom:1px solid #304359;font-weight:760}.vmxh-table td{border-bottom:1px solid #1e3044;padding:16px 11px;font-size:11px;color:#c0d5e4}.vmxh-table td code{font-size:10px;color:#7fdff4;white-space:nowrap}.vmxh-client-cell{display:flex;align-items:center;gap:11px}.vmxh-client-cell>div{display:grid;gap:4px}.vmxh-client-cell strong{color:#f5fbff}.vmxh-client-cell a{font-size:10px;color:#779eb6!important}.vmxh-actions{display:flex;gap:5px}.vmxh-actions button{border:1px solid #30475a;background:#172b40;color:#b0d7e8;min-width:30px;height:30px;border-radius:7px;display:grid;place-items:center}.vmxh-actions button.vmxh-red{color:#ff9bb0;font-size:20px}.vmxh-table-empty{text-align:center;padding:30px!important;color:#8da9bb!important}.vmxh-new-site{scroll-margin-top:25px}.vmxh-new-site .vmxh-card-head{margin-bottom:10px}.vmxh-new-site h2{display:flex;align-items:center;gap:9px}.vmxh-new-form{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:end;gap:16px}.vmxh-new-form label{font-size:11px}.vmxh-new-form input{height:46px}.vmxh-form-note{font-size:11px;margin:15px 0 0}.vmxh-secret-panel{padding:18px 22px;border:1px solid #138fa2;background:#0c2937;border-radius:16px;margin-bottom:23px}.vmxh-secret-panel>div:first-child svg{color:var(--vmxh-cyan);vertical-align:middle;margin-right:9px}.vmxh-secret-panel p{color:#b5cad5;font-size:12px}.vmxh-secret-row{display:flex;align-items:center;gap:15px;border-top:1px solid #245064;padding:10px 0}.vmxh-secret-row>span{flex:0 0 94px;color:#97b4c3;font-size:11px}.vmxh-secret-row code{color:#69e9ff;min-width:0;font-size:12px;overflow-wrap:anywhere;flex:1}.vmxh-secret-row button,.vmxh-code button{border:1px solid #1b8daa;background:#0b4658;color:#cbf9ff;border-radius:8px;padding:8px 12px;font-size:11px}.vmxh-activity-row{display:flex;align-items:center;gap:14px;padding:17px 2px;border-top:1px solid #26394d}.vmxh-activity-row:first-child{border:0}.vmxh-activity-icon{height:33px;width:33px;border-radius:10px;background:#123b4f;color:#53cced;display:grid;place-items:center}.vmxh-activity-row div{display:grid;gap:3px;flex:1}.vmxh-activity-row strong{font-size:12px}.vmxh-activity-row small,.vmxh-activity-row time{color:#819bad;font-size:10px}.vmxh-setup-stack{display:grid;gap:18px}.vmxh-setup-stack .vmxh-card{padding:25px}.vmxh-setup-stack .vmxh-card p{font-size:13px;color:#a9bdd0;line-height:1.9}.vmxh-setup-stack code,.vmxh-code code{color:#62e7f5;font-size:12px}.vmxh-code{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#071a2a;border:1px solid #254359;border-radius:10px;padding:13px 15px;overflow-x:auto}.vmxh-code code{white-space:normal;overflow-wrap:anywhere}.vmxh-footer{border-top:1px solid #203247;margin-top:40px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;letter-spacing:.06em;color:#66859c}.vmxh-footer button{background:none;color:#97b4c6;border:0;display:flex;align-items:center;gap:8px}
@media(max-width:1250px){.vmxh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vmxh-grid-panels{grid-template-columns:1fr}.vmxh-new-form{grid-template-columns:1fr 1fr}.vmxh-new-form button{grid-column:1/-1}}@media(max-width:900px){.vmxh-auth-wrap{grid-template-columns:1fr}.vmxh-auth-aside{padding:48px 30px 36px;border-right:0;border-bottom:1px solid #1a3a4d}.vmxh-logo-auth{width:102px;height:57px;margin-bottom:30px}.vmxh-auth-aside h1{font-size:34px;margin:15px 0}.vmxh-auth-descr{margin-bottom:20px;font-size:13px}.vmxh-auth-perks,.vmxh-auth-footer{display:none}.vmxh-auth-panel{padding:98px 30px 92px;min-height:540px}.vmxh-auth-panel-top{left:30px;right:30px}.vmxh-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:99;transform:translateX(-103%);transition:transform .2s;box-shadow:20px 0 50px #0005}.vmxh-sidebar.show{transform:translateX(0)}.vmxh-menu{display:grid}.vmxh-topbar{gap:14px}.vmxh-crumb{margin-right:auto}.vmxh-topbar-right{gap:10px}}@media(max-width:610px){.vmxh-main{padding:25px 16px}.vmxh-page-title{align-items:flex-start;flex-direction:column}.vmxh-page-title h1{font-size:29px}.vmxh-stats{gap:10px}.vmxh-stat{min-height:150px;padding:15px}.vmxh-stat strong{font-size:30px}.vmxh-stat small{font-size:9px}.vmxh-card{padding:17px}.vmxh-card-head{flex-direction:column}.vmxh-new-form{grid-template-columns:1fr}.vmxh-new-form button{grid-column:auto}.vmxh-topbar{padding:0 14px}.vmxh-crumb{font-size:9px}.vmxh-badge-secure{display:none}.vmxh-footer{flex-direction:column;align-items:flex-start}.vmxh-secret-row{flex-wrap:wrap}.vmxh-secret-row>span{flex-basis:100%}.vmxh-secret-row button{margin-left:auto}.vmxh-auth-aside{padding-top:30px}.vmxh-auth-aside h1{font-size:29px}}
/* Centralni editor dizajna klijentskog chata */
.vmxh-editor,.vmxh-device-panel{margin-bottom:20px;border-color:#167a98}.vmxh-editor h2{display:flex;align-items:center;gap:12px}.vmxh-editor h2 svg{color:var(--vmxh-cyan)}.vmxh-style-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}.vmxh-style-form label:not(.vmxh-toggle){display:grid;gap:8px;font-size:11px;color:#b4cbd9;font-weight:700}.vmxh-style-form input:not([type="checkbox"]),.vmxh-style-form select{background:#102439;border:1px solid #314b61;border-radius:9px;height:44px;min-width:0;width:100%;padding:9px 12px;color:#e5f5ff;font:inherit}.vmxh-style-form input[type="color"]{padding:4px 5px!important}.vmxh-toggle{border:1px solid #2a4659;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;color:#d0e6f2;font-size:12px;font-weight:600;background:#122738}.vmxh-toggle input{accent-color:var(--vmxh-cyan);width:17px;height:17px}.vmxh-editor-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #27394e;padding-top:20px}.vmxh-editor-actions span{display:flex;gap:9px;align-items:center;color:#8da4b7;font-size:10px}.vmxh-editor-actions span svg{color:var(--vmxh-green)}@media(max-width:1100px){.vmxh-style-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.vmxh-style-form{grid-template-columns:1fr}.vmxh-editor-actions{align-items:flex-start;flex-direction:column}}

/* VINIMAKS HUB SPACE / v2.1 — compact graphite system, full viewport */
:root{--vmxh-bg:#0a0e13;--vmxh-sidebar:#11161d;--vmxh-panel:#1b222b;--vmxh-panel2:#222b35;--vmxh-border:#343f4b;--vmxh-text:#ecf0f5;--vmxh-muted:#8f9ca9;--vmxh-cyan:#8baec9;--vmxh-blue:#617d99;--vmxh-green:#77b69b;--vmxh-red:#d78e94;--vmxh-rad:11px}
html,body.vmxh-body{width:100%;min-height:100%;min-height:100dvh;margin:0;background:#0a0e13!important}
body.vmxh-body{font-size:12px;line-height:1.45;letter-spacing:.003em;background:linear-gradient(145deg,#080b10,#161d26 60%,#0b0f15)!important}
body.vmxh-body .vmxh-glow{display:none}
.vmxh-overline{color:#8d9eae;letter-spacing:.19em;font-weight:600;font-size:9px}
.vmxh-muted{color:#9aa6b3}.vmxh-cyan{color:#a9bdcf}
.vmxh-btn{min-height:33px;border-radius:7px;padding:8px 13px;font-size:11px;font-weight:600;gap:7px;letter-spacing:.02em}
.vmxh-btn.primary{background:linear-gradient(110deg,#5d6b78,#a5b3c0 52%,#465562);box-shadow:none;color:#0a1018;border:1px solid #8d9eac}
.vmxh-btn.primary:hover{box-shadow:0 0 17px #abc1d326;background:linear-gradient(110deg,#6b7e8f,#c4d0d9,#62758b)}
.vmxh-btn.secondary{background:#242e38;border-color:#455462;color:#d0d9e2}
.vmxh-btn:hover{transform:translateY(-1px)}
.vmxh-alert{font-size:11px;padding:9px 12px;margin:9px 0 14px;border-radius:8px;background:#222e39;color:#dbe8f0;border-color:#475c6d}
.vmxh-alert.success{background:#1c3532;border-color:#41665a;color:#bddbd0}
.vmxh-alert.error{background:#3a252c;border-color:#78505b;color:#ffd1d5}
/* The landing page has no explanation of the system. */
.vmxh-auth-wrap{isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,44%);width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;padding:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 68% 25%,#43505b22 0%,transparent 48%),linear-gradient(145deg,#0a0e14 5%,#1b2530 55%,#0b0f14 100%)}
.vmxh-auth-wrap:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(98deg,transparent 0 240px,#7c94a50b 242px,transparent 244px),linear-gradient(0deg,#718fa714 1px,transparent 2px);background-size:auto,100% 49%;pointer-events:none;z-index:0}
.vmxh-auth-wrap:after{content:"";height:1px;position:absolute;left:0;right:0;top:78%;background:linear-gradient(90deg,transparent 3%,#9db3c983 30%,#7a90a6aa 57%,transparent 89%);box-shadow:0 0 33px #9eb9c35a;z-index:1;pointer-events:none}
.vmxs-public-nav{position:absolute;z-index:9;top:0;left:0;right:0;height:69px;padding:0 clamp(20px,3.2vw,62px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2edf00d}
.vmxs-navbar-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.28em;font-size:10px;color:#f0f3f5}
.vmxs-navbar-brand img{height:38px;width:57px;object-fit:contain}
.vmxs-navbar-brand span{white-space:nowrap}
.vmxs-navbar-brand small{display:block;font-size:8px;letter-spacing:.36em;color:#91a0ae;font-weight:400;margin-top:3px}
.vmxs-public-signin{font-size:11px;font-weight:500;padding:7px 15px;border-radius:40px;border:1px solid #6c8399;background:#171f29c9;box-shadow:0 0 15px #6c8ba525;display:flex;align-items:center;gap:20px}
.vmxs-public-signin:hover{background:#293647}
.vmxs-public-signin span{color:#a8bac9}
.vmxs-architect{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(130deg,#02040800 45%,#89a7c30c 48%,#02040800 52%)}
.vmxs-arch{position:absolute;transform:skew(-21deg);border:1px solid #62768c2b;background:linear-gradient(135deg,#445b6c18 0%,#11182105 40%,#00000016 75%);box-shadow:inset 2px 0 #a7b6c017,0 0 26px #a1bbc010}
.vmxs-arch.arch-a{width:42vw;height:88vh;left:0;top:-20%;transform:skew(-35deg) rotate(3deg);background:linear-gradient(120deg,#111a26,#1b2633 33%,#080d15 75%)}
.vmxs-arch.arch-b{width:18vw;height:130vh;left:31%;top:-14%;transform:skew(-27deg);background:linear-gradient(105deg,#252f3a 4%,#05090f 55%,#364552 100%);border-color:#a6b7c039}
.vmxs-arch.arch-c{width:27vw;height:70vh;right:3%;bottom:-34%;transform:skew(-29deg);background:linear-gradient(135deg,#34445324,#060b114d)}
.vmxs-arch-light{position:absolute;bottom:21%;left:1%;width:75%;height:1px;transform:rotate(-4deg);background:linear-gradient(90deg,transparent,#a0b8c794,#f7faff75,transparent);box-shadow:0 0 23px 4px #97bac322}
.vmxh-auth-aside{position:relative;min-height:100vh;min-height:100dvh;grid-column:1;grid-row:1;display:flex;justify-content:center;align-items:center;background:none!important;border:0;padding:60px 5vw 10vh;overflow:hidden;z-index:2}
.vmxh-auth-aside:before{display:none}
.vmxs-hero-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;max-width:80%;transform:translateY(-2vh);filter:drop-shadow(0 10px 40px #000b)}
.vmxs-hero-brand img{width:min(26vw,370px);max-width:100%;height:auto;opacity:.9;filter:brightness(.87) drop-shadow(0 0 4px #b4c6d623)}
.vmxs-hero-name{font-size:clamp(15px,2.4vw,35px);font-weight:300;letter-spacing:.39em;color:#e6ecf2;padding-left:.39em;white-space:nowrap;text-align:center}
.vmxs-hero-name span{display:block;font-size:.36em;letter-spacing:.68em;margin-top:9px;color:#a1aebb}
.vmxh-auth-panel{width:min(376px,calc(100% - 44px));align-self:center;justify-self:center;grid-column:2;grid-row:1;min-height:unset;position:relative;z-index:5;display:block;padding:28px 29px 22px!important;border:1px solid #77889984;border-radius:18px;box-shadow:0 18px 100px #000b,inset 0 1px #d1dce82e,0 0 70px #8aaaca10;background:linear-gradient(155deg,#4152658c,#1b2531e8 32%,#0d141de8 100%)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin:20px 0}
.vmxs-auth-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;margin:0 0 22px;text-align:center}
.vmxs-auth-mark{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px;background:radial-gradient(circle at 35% 22%,#384653,#0a0e14 80%);border:1px solid #73899a78;box-shadow:inset 0 1px #d8e2e81d,0 9px 35px #0006}
.vmxs-auth-mark img{width:49px;height:37px;object-fit:contain}
.vmxs-auth-brand strong{font-size:15px;letter-spacing:.36em;line-height:1.4;font-weight:500;padding-left:.36em}
.vmxs-auth-brand>span:last-child{font-size:8px;letter-spacing:.55em;color:#b1bfcb;padding-left:.55em}
.vmxh-auth-form{display:grid;gap:12px}
.vmxh-auth-form label{display:grid;gap:5px;color:#aab7c4;font-size:10px;font-weight:500}
.vmxs-input-wrap{position:relative;display:flex;align-items:center;min-width:0;gap:7px}
.vmxs-input-wrap>svg{position:absolute;left:11px;color:#92a6b7;pointer-events:none;z-index:1}
.vmxh-auth-form input{height:37px!important;min-width:0!important;padding:7px 12px 7px 36px!important;border-radius:7px!important;border:1px solid #5362729a!important;background:linear-gradient(145deg,#17222cb3,#202a35d9)!important;box-shadow:inset 0 1px 2px #0003;font-size:11px!important;outline:0!important;color:#e4ebf0}
.vmxh-auth-form input:focus{border-color:#a2b4c7!important;background:#212e3b!important}
.vmxh-auth-form input::placeholder{color:#8595a2!important}
.vmxh-auth-form .vmxh-btn{margin-top:8px;height:35px}
.vmxh-auth-form .vmxh-btn span{margin-left:auto;font-size:16px}
.vmxs-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8297a8;padding:6px;display:flex}
.vmxs-code-subtitle{text-align:center;margin:-4px 0 16px;font-size:10px;color:#8e9baa;letter-spacing:.13em}
.vmxs-otp-form{margin-bottom:12px}
.vmxh-auth-form .vmxh-pin{text-align:center;letter-spacing:.31em;font-size:21px!important;font-weight:600}
.vmxs-resend{margin-top:11px}
.vmxh-exit button{font-size:10px;margin-top:12px}
.vmxs-auth-foot{display:flex;justify-content:center;align-items:center;gap:6px;color:#758a9c;letter-spacing:.19em;font-size:8px;padding-top:23px}
.vmxs-landing-foot{z-index:10;position:absolute;bottom:18px;left:clamp(20px,3.2vw,62px);right:clamp(20px,3.2vw,62px);display:flex;justify-content:space-between;color:#82909d;font-size:9px;letter-spacing:.15em}
/* Authorized: compact full-width premium dashboard. */
.vmxh-app{width:100%;min-height:100vh;min-height:100dvh;background:linear-gradient(145deg,#0b1016 2%,#171f28 78%,#11151b)}
.vmxh-sidebar{width:201px;padding:17px 11px 13px;background:linear-gradient(175deg,#131a23,#0c1117);border-right:1px solid #354150}
.vmxh-brand{padding:0 8px 8px;min-height:77px}.vmxh-brand img{width:70px;height:42px}.vmxh-brand-tiny{font-size:8px;letter-spacing:.23em;color:#bbc7d1;margin-top:0}
.vmxh-brand-tiny span{color:#8495a5}.vmxh-divider{margin:0 6px 17px;background:#37424e}.vmxh-nav-label{font-size:8px;color:#7c8b98;margin:0 11px 10px}
.vmxh-sidebar nav{gap:3px}.vmxh-navitem{min-height:34px;padding:7px 10px;gap:10px;border-radius:7px;font-size:11px;font-weight:500;color:#acb8c2!important}
.vmxh-navitem svg{width:16px;height:16px}.vmxh-navitem.active,.vmxh-navitem:hover{background:linear-gradient(95deg,#3e5262c9,#283440)!important;color:#f4f7fa!important;box-shadow:inset 2px 0 #91a9b7}
.vmxh-navitem.active svg{color:#d3e1e9}.vmxh-navitem em{background:#34414d;color:#c0d0dc}
.vmxh-sidebar-info{background:#202b35;border-color:#394957;border-radius:7px;padding:9px;margin:0 2px 9px}.vmxh-sidebar-info strong{font-size:9px}.vmxh-sidebar-info small{font-size:8px}
.vmxh-sidebar-user{padding:8px}.vmxh-logout{font-size:10px;padding:7px}
.vmxh-user-avatar,.vmxh-avatar-small{background:linear-gradient(135deg,#758ba1,#35495c);color:#f6f9fa}
.vmxh-user-avatar{width:27px;height:27px}.vmxh-avatar-small{width:27px;height:27px}
.vmxh-content{width:calc(100% - 201px);flex:1;min-width:0}
.vmxh-topbar{height:57px;padding:0 clamp(16px,2.3vw,34px);background:#131a23e3;border-bottom-color:#303d4a}
.vmxh-crumb{font-size:9px;color:#9caebb}.vmxh-crumb span{color:#5a6a7a}.vmxh-crumb strong{color:#eef3f7}
.vmxh-badge-secure{font-size:9px;color:#9baaB8}.vmxh-badge-secure svg{color:#9badbc}
.vmxh-main{max-width:none!important;width:100%;padding:clamp(16px,2vw,25px) clamp(16px,2.2vw,32px) 22px;min-height:calc(100vh - 57px)}
.vmxh-page-title{margin-bottom:17px}.vmxh-page-title h1{font-size:23px;font-weight:520;letter-spacing:-.035em;margin:3px 0 0}.vmxh-page-title p{display:none}
.vmxh-stats{gap:10px;margin-bottom:13px;grid-template-columns:repeat(4,minmax(0,1fr))}
.vmxh-stat{min-height:103px;padding:14px 16px;border-radius:11px;border-color:#394654;background:linear-gradient(140deg,#273440c2,#1c252fe0);position:relative}
.vmxh-stat-icon{margin:0 0 6px;color:#aec2d3}.vmxh-stat-icon svg{width:17px;height:17px}
.vmxh-stat span{font-size:10px;font-weight:500;color:#a7b4c0}.vmxh-stat strong{font-size:25px;font-weight:550;line-height:1.25;margin-top:4px}.vmxh-stat small{display:none}
.vmxh-grid-panels{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.vmxh-card{background:linear-gradient(140deg,#242e38e6,#151d26e5);border:1px solid #374553;border-radius:11px;padding:17px}
.vmxh-card-head{gap:10px;margin-bottom:12px}.vmxh-card-head h2{font-size:13px;font-weight:580}.vmxh-card-head p{font-size:10px}
.vmxh-card-head a,.vmxh-setup-link{color:#b2c5d4!important;font-size:10px;font-weight:500}
.vmxh-site-row{padding:10px 0;border-color:#323e4b}.vmxh-site-symbol{width:30px;height:30px;border-radius:8px;font-size:12px;background:#364857;border-color:#526779;color:#e6ecf2}
.vmxh-site-row strong{font-size:11px}.vmxh-site-row small{font-size:10px}.vmxh-pill{font-size:9px;padding:4px 7px;border-radius:20px;background:#293540;border-color:#455461;color:#d4dde5}
.vmxh-pill.online{background:#243a34;color:#afd7c4;border-color:#446b5c}.vmxh-pill.offline{background:#453830;color:#dbc4aa;border-color:#635343}
.vmxh-health>div{font-size:11px;padding:9px 0;border-color:#384552}.vmxh-health>div>span:first-child svg{width:15px;height:15px;color:#9bb2c2}
.vmxh-hint{background:#26323e;color:#9aabba;border-color:#384956;font-size:10px;border-radius:7px;padding:10px;margin-top:12px}
.vmxh-setup-link{margin-top:12px}
.vmxh-count{color:#c2cfdb;background:#344350}
.vmxh-search{min-width:190px;background:#1c2731;border-color:#465360;border-radius:7px}
.vmxh-table th{padding:9px 8px;font-size:9px;color:#9daeba;border-color:#394957}
.vmxh-table td{padding:11px 8px;font-size:10px;border-color:#35414c;color:#d2dce4}
.vmxh-client-cell a{color:#9eaebb!important}
.vmxh-actions button{height:27px;min-width:27px;background:#283540;border-color:#4a5a67;color:#dce6ed;border-radius:6px}
.vmxh-actions button:hover{background:#455665}
.vmxh-new-form{gap:10px}.vmxh-auth-form input,.vmxh-new-form input,.vmxh-search input{font-size:11px}.vmxh-new-form input{height:35px;background:#1c2731;border-color:#475562}
.vmxh-new-form label{font-weight:500;font-size:10px}
.vmxh-new-site .vmxh-card-head{margin-bottom:5px}
.vmxh-form-note{font-size:10px}
.vmxh-secret-panel{background:#263340;border-color:#667e91;padding:14px;border-radius:10px}
.vmxh-secret-panel p{font-size:10px}.vmxh-secret-row code,.vmxh-secret-row span{font-size:10px;color:#d4e4ed}
.vmxh-secret-row button,.vmxh-code button{background:#465764;border-color:#667c8c;color:white;border-radius:6px}
.vmxh-style-form{gap:12px}.vmxh-style-form input:not([type="checkbox"]),.vmxh-style-form select{height:35px;background:#1a2630;border-color:#475969;color:#e4edf3;border-radius:6px;font-size:11px}
.vmxh-toggle{padding:9px;background:#263440;border-color:#485765;border-radius:7px;font-size:11px}
.vmxh-editor,.vmxh-device-panel{border-color:#5c7080}
.vmxh-footer{margin-top:20px;padding-top:14px;color:#8598a9;font-size:8px}
@media(max-width:1150px){.vmxh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vmxh-grid-panels{grid-template-columns:1fr}}
@media(max-width:900px){.vmxh-auth-wrap{grid-template-columns:1fr}.vmxh-auth-aside{grid-column:1;grid-row:1;min-height:100dvh;position:absolute;inset:0;z-index:1;opacity:.35;padding:0}.vmxs-hero-brand{transform:translateY(-24vh)}.vmxs-hero-brand img{width:min(48vw,320px)}.vmxh-auth-panel{grid-column:1;grid-row:1;z-index:5;width:min(362px,calc(100% - 40px));margin:60px auto 35px;transform:translateY(12px)}.vmxh-sidebar{position:fixed;z-index:100;top:0;left:0;bottom:0;width:220px;transform:translateX(-103%);box-shadow:15px 0 40px #0006}.vmxh-sidebar.show{transform:translateX(0)}.vmxh-content{width:100%}.vmxh-menu{display:flex}.vmxh-menu svg{width:19px;height:19px}}
@media(max-width:600px){.vmxh-auth-wrap{min-height:100dvh}.vmxs-public-nav{padding:0 18px;height:60px}.vmxs-navbar-brand{font-size:9px;letter-spacing:.15em}.vmxs-navbar-brand img{height:33px;width:43px}.vmxs-hero-brand img{width:54vw}.vmxh-auth-panel{padding:23px 22px 18px!important;width:min(348px,calc(100% - 30px));margin-top:68px}.vmxs-auth-brand{margin-bottom:18px}.vmxs-landing-foot{left:18px;right:18px;font-size:8px}.vmxh-topbar{padding:0 13px}.vmxh-main{padding:15px 12px}.vmxh-stats{gap:8px}.vmxh-stat{min-height:95px;padding:12px}.vmxh-stat strong{font-size:24px}.vmxh-card{padding:13px}.vmxh-card-head{gap:9px;flex-wrap:wrap}.vmxh-footer{gap:10px}.vmxh-new-form{grid-template-columns:1fr}.vmxh-new-form button{grid-column:auto}.vmxh-badge-secure{display:none}.vmxh-search{width:100%}.vmxh-crumb{font-size:8px}.vmxh-setup-stack .vmxh-card{padding:14px}}
@media(prefers-reduced-motion:reduce){.vmxh-body *, .vmxh-body *:before,.vmxh-body *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Final graphite refinements */
.vmxh-setup-stack code,.vmxh-code code,.vmxh-table td code{color:#c0d3e1}.vmxh-activity-icon{background:#303e4b;color:#bccbd8}.vmxh-editor h2 svg{color:#b8c9d7}.vmxh-secret-panel>div:first-child svg{color:#b9d0e0}.vmxh-setup-stack .vmxh-card p{font-size:11px;line-height:1.7;color:#aebcc8}.vmxh-code{background:#1b2530;border-color:#43535f}.vmxh-footer button{color:#afbfca}.vmxh-hint{color:#9badba}.vmxh-site-symbol{box-shadow:none}