:root{color-scheme:dark;--vms-bg:#09090b;--vms-sidebar:#111113;--vms-surface:#18181b;--vms-surface-hover:#202023;--vms-input:#27272a;--vms-border:#3f3f46;--vms-text-primary:#fafafa;--vms-text-secondary:#a1a1aa;--vms-text-muted:#8b8b94;--vms-primary:#f97316;--vms-primary-hover:#ea580c;--vms-primary-subtle:#431407;--success:#fb923c;--danger:#fba3a3;--radius:10px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--vms-text-primary);background:var(--vms-bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--vms-border);border-radius:7px;background:var(--vms-surface);color:var(--vms-text-primary);padding:9px 13px;cursor:pointer;font-weight:550}button:hover,.button:hover{background:var(--vms-surface-hover);border-color:#62626d}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--vms-primary);border-color:var(--vms-primary);color:#111113;font-weight:650}.primary:hover{background:var(--vms-primary-hover);border-color:var(--vms-primary-hover)}:focus-visible{outline:2px solid var(--vms-primary);outline-offset:3px}input,select,textarea{color:var(--vms-text-primary);background:var(--vms-input);border:1px solid var(--vms-border);border-radius:7px;min-height:42px;padding:10px 12px;min-width:0;max-width:100%;width:100%}textarea{resize:vertical;line-height:1.6}input::placeholder{color:#9c9ca6}input[type=checkbox]{accent-color:var(--vms-primary);width:18px;min-height:18px;height:18px;flex-shrink:0}input[type=month]{min-width:160px}input:disabled{opacity:.6}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin-bottom:9px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px;margin-bottom:8px;font-weight:600}h3{font-size:15px;margin-bottom:12px}p{line-height:1.65;color:var(--vms-text-secondary)}small{font-size:12px;color:var(--vms-text-muted);line-height:1.6}.muted{color:var(--vms-text-secondary)}.mono,code{font-family:Cascadia Code,Consolas,monospace}.amount{font-variant-numeric:tabular-nums;white-space:nowrap}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--vms-sidebar);border-right:1px solid #262629;display:flex;flex-direction:column;z-index:30}.brand{display:block;padding:29px 22px 24px}.logo{display:flex;align-items:center;gap:10px}.logo-mark{background:var(--vms-primary);width:38px;height:40px;border-radius:7px;display:grid;place-items:center;color:#111;font-size:28px;font-weight:900;transform:skew(-5deg);font-style:italic}.logo strong{font-size:26px;letter-spacing:1px;line-height:1;display:block;font-weight:800}.logo strong span{font-size:9px;vertical-align:top;position:relative;top:3px;margin-left:3px}.logo small{font-size:6px;letter-spacing:1.2px;color:#c5c5cc;display:block;margin-top:7px}.workspace-label{margin:0 14px 10px;padding:12px 10px;border:1px solid #303034;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:13px}.workspace-label>span:nth-child(2){flex:1}.workspace-label small{display:block;font-size:11px}.workspace-symbol{width:30px;height:30px;border-radius:5px;background:#27272a;display:grid;place-items:center;color:#d4d4d8;font-weight:700}.sidebar nav{padding:0 11px 20px;overflow-y:auto;scrollbar-width:thin;flex:1}.nav-group{margin-top:20px}.nav-group>p{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;padding:0 13px;margin:0 0 8px;color:#96969f}.nav-group a{display:flex;align-items:center;gap:11px;padding:10px 12px;min-height:40px;margin:2px 0;color:#ababb5;border-radius:6px;font-size:13px;line-height:1.3}.nav-group a.active{color:#fb923c;background:#f9731617;box-shadow:inset 2px 0 #f97316}.nav-group a:hover{color:#fff;background:#232326}.nav-group a.active:hover{background:#f9731623;color:#fb923c}.sidebar-footer{border-top:1px solid #29292c;display:flex;align-items:center;gap:10px;padding:17px 20px;font-size:10px;color:#a1a1aa}.sidebar-footer small{display:block;font-size:10px;color:#85858f}.workspace{margin-left:240px;width:calc(100% - 240px);min-width:0;display:flex;flex-direction:column}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252528;padding:0 34px;background:#0d0d0f;gap:16px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#92929d;font-size:12px;white-space:nowrap}.breadcrumb strong{color:#dddde2;font-weight:500}.topbar-right{display:flex;align-items:center;gap:12px}.icon-button{border:0;background:transparent;padding:8px;min-width:36px;min-height:36px;color:var(--vms-text-secondary)}.avatar{border-radius:50%;background:#413020;border-color:#704328;color:#ffc69c;width:34px;height:34px;min-height:34px;font-size:11px;padding:0}.global-search{height:34px;border:1px solid #303033;border-radius:7px;display:flex;align-items:center;gap:8px;color:#888894;padding:0 10px;width:220px}.global-search input{border:0;background:transparent;min-height:30px;padding:0;font-size:12px;width:100%}.global-search kbd{background:#242427;border-radius:3px;padding:2px 5px;color:#a1a1aa;font-size:10px}.menu-button{display:none}main{padding:30px 34px 40px;flex:1;width:100%;max-width:1920px;margin:0 auto;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading p{font-size:13px;margin:0}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:600;color:#b3b3bc;margin-bottom:10px}.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.heading-actions button{font-size:12px}.mode-banner{display:flex;align-items:center;gap:13px;background:#f9731608;border:1px solid #614021;border-radius:8px;padding:13px 17px;margin-bottom:24px;color:#fb923c}.mode-banner>div{flex:1}.mode-banner strong{display:block;font-size:12px;font-weight:600;color:#fdba74}.mode-banner span:not(.badge){display:block;font-size:11px;color:#b0a395;margin-top:3px}.mode-banner.stop{background:#4e121b;border-color:#a4424b}.mode-banner.stop strong{color:#fecaca}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--vms-surface);border:1px solid #2d2d32;border-radius:var(--radius);padding:19px 20px;min-width:0}.stat-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#ababb5;font-size:12px;margin-bottom:15px}.stat-card>strong{font-size:29px;font-weight:600;letter-spacing:-1px;display:block;font-variant-numeric:tabular-nums;margin-bottom:7px;white-space:nowrap}.stat-card>small{display:block;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:24px}.panel{border:1px solid #2d2d32;background:var(--vms-surface);border-radius:var(--radius);overflow:hidden;margin-bottom:22px;min-width:0}.dashboard-grid>.panel{margin-bottom:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;gap:12px}.panel-head h2{margin:0 0 5px;font-size:15px}.panel-head p{font-size:11px;margin:0}.icon-tile{display:grid;place-items:center;width:36px;height:36px;border:1px solid #3f3f46;border-radius:8px;color:#bcbcc7}.revenue-total{padding:0 23px 24px}.revenue-total strong{display:block;font-size:34px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.revenue-total span{color:#a1a1aa;font-size:11px;display:block;margin-top:5px}.service-bars{padding:0 23px;display:flex;flex-direction:column;gap:22px}.service-bar>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.service-bar>div:first-child span{font-size:11px;letter-spacing:.5px}.service-bar strong{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.bar-track{height:6px;background:#2d2d32;border-radius:4px;overflow:hidden}.bar-track>div{height:100%;background:var(--vms-primary);border-radius:4px}.service-bar:nth-child(2) .bar-track>div{background:#b7bbc5}.service-bar:nth-child(3) .bar-track>div{background:#6d7280}.service-bar small{font-size:10px;display:block;margin-top:7px}.text-button{background:transparent;border:0;min-height:32px;justify-content:flex-start;padding:0;color:#f4f4f5;font-weight:550;font-size:inherit;text-align:left;word-break:break-word}.text-button:hover{background:transparent;color:#fb923c}.panel-link{margin:24px 23px 19px;color:#fb923c;font-size:11px}.count-label{min-width:24px;height:23px;display:inline-flex;justify-content:center;align-items:center;background:#29292e;border:1px solid #3b3b42;border-radius:5px;padding:2px 6px;font-size:11px;color:#cacad3}.action-list{padding:0 22px}.action-list>button{border:0;border-top:1px solid #2c2c31;border-radius:0;background:transparent;width:100%;justify-content:flex-start;padding:18px 0;gap:12px}.action-list>button>span:nth-child(2){flex:1;text-align:left;min-width:0}.action-list strong{display:block;font-size:12px;font-weight:500;line-height:1.5}.action-list small{display:block;font-size:10px;margin-top:4px}.action-list svg:last-child{color:#83838e;flex-shrink:0}.action-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:7px;color:#f4a05e;background:#f9731614;flex-shrink:0}.panel-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 23px;border-top:1px solid #2d2d32;margin-top:15px;gap:10px;font-size:10px;color:#a1a1aa}.panel-bottom button{color:#fb923c;font-size:11px}.badge{display:inline-flex;align-items:center;padding:4px 7px;min-height:22px;font-size:10px;font-weight:550;line-height:1.3;border:1px solid #474750;background:#29292e;color:#c9c9d2;border-radius:4px;white-space:normal;letter-spacing:.2px}.badge.positive{color:#fb923c;background:#332216;border-color:#75401d}.badge.negative,.badge.neutral{color:#c6c6cf;background:#2a2a2f;border-color:#44444e}.server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 22px 23px}.server-card{display:block;text-align:left;background:#1e1e22;border:1px solid #33333a;border-radius:8px;padding:17px;min-width:0}.server-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.server-symbol{color:#acacb9}.server-card h3{font-size:13px;font-weight:550;margin-bottom:6px}.server-card p{font-size:10px;margin-bottom:18px;color:#9d9da9}.server-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #34343a;padding-top:13px;gap:6px;font-size:10px}.server-card-bottom span{color:#9c9ca8}.server-card-bottom strong{font-weight:500;font-size:10px}.workspace-footer{padding:16px 34px;border-top:1px solid #242428;display:flex;justify-content:space-between;color:#898994;font-size:10px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 21px;border-bottom:1px solid #303035;flex-wrap:wrap}.table-title{display:flex;align-items:center;gap:10px}.table-title h2{margin:0;font-size:15px}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filters select{width:auto;min-width:170px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #3f3f46;background:#242428;border-radius:6px;padding:0 7px 0 11px;color:#a1a1aa}.search-field input{border:0;background:transparent;width:240px;min-height:36px;padding:8px;font-size:12px}.search-field button{margin:4px 0}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#9e9eab;font-weight:500;font-size:10px;letter-spacing:.2px;background:#1d1d21;padding:14px 18px;white-space:nowrap}td{padding:15px 18px;border-top:1px solid #2b2b30;color:#d8d8e0;max-width:300px;overflow-wrap:anywhere;line-height:1.5}td:first-child{color:#f4f4f5}tr:hover td{background:#1d1d22}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.small{padding:6px 9px;min-height:31px;font-size:10px;background:#25252b;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid #303036;font-size:11px;color:#a1a1aa}.pagination span{margin-right:7px}.pagination button{min-height:32px;padding:6px}.table-note{padding:16px 20px;font-size:11px;margin:0;border-top:1px solid #29292f}.loading,.empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:50px 25px;color:#a1a1aa;font-size:13px}.empty{flex-direction:column;text-align:center;min-height:150px}.empty p{margin:0;max-width:440px}.error{display:flex;align-items:flex-start;gap:10px;color:#fecaca;background:#461923;border:1px solid #8c3d4b;border-radius:7px;padding:13px;margin:16px 0;line-height:1.6;white-space:pre-wrap;font-size:13px}.error svg{flex-shrink:0;margin-top:3px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{padding:0;max-width:min(680px,calc(100vw - 32px));width:680px;max-height:calc(100dvh - 60px);background:#18181b;color:#fafafa;border:1px solid #45454e;border-radius:12px;box-shadow:0 25px 90px #000b;overflow:auto}dialog.wide{width:900px;max-width:min(900px,calc(100vw - 32px))}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #36363d;position:sticky;top:0;background:#18181b;z-index:3}.dialog-head h2{margin:0;font-size:19px}.dialog-body{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:0}.field.full{grid-column:1/-1}.field>span{font-weight:500;color:#e5e5eb}.field small{font-size:11px}.required{color:#fb923c}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:19px;border-top:1px solid #33333a}.form-actions .primary{min-height:42px}.check-label{display:flex;align-items:center;gap:10px;min-height:42px;flex-direction:row}.preview-box{border:1px solid #735035;background:#291e16;border-radius:8px;padding:18px;margin-top:22px}.preview-box p{font-size:13px}.preview-box pre{overflow-x:auto;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.preview-box h3{color:#fdba74}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.padded{padding:24px}.no-pad{padding:0 0 20px}.details{margin:14px 0 22px;display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1.4fr);gap:12px 20px;font-size:13px;line-height:1.6}.details dt{color:#a1a1aa;overflow-wrap:anywhere}.details dd{margin:0;overflow-wrap:anywhere}.detail-pair{display:contents}.record-id{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#a1a1aa;margin:16px 0}.record-id code{font-size:11px;overflow-wrap:anywhere}.tabs{display:flex;align-items:center;gap:20px;overflow-x:auto;border-bottom:1px solid #3a3a42;margin:5px 0 24px}.tabs button{border:0;border-radius:0;background:transparent;border-bottom:2px solid transparent;color:#a1a1aa;padding:12px 3px;white-space:nowrap;font-size:12px}.tabs button.active{border-color:#f97316;color:#fb923c}.customer-header{display:flex;align-items:center;gap:18px;padding:25px}.customer-header>div:nth-child(2){flex:1}.customer-header h2{font-size:22px;margin-bottom:5px}.customer-header p{font-size:12px;margin-bottom:10px}.customer-avatar{width:64px;height:64px;display:grid;place-items:center;background:#4b2e1e;border:1px solid #72452b;color:#fdba74;font-size:20px;border-radius:12px;font-weight:650;flex-shrink:0}.account-card{display:flex;width:100%;text-align:left;justify-content:space-between;padding:15px;margin-bottom:12px;background:#242429;border:1px solid #373740}.account-card strong{font-size:14px;display:block}.account-card small{display:block;font-size:11px;margin-top:4px}.notes-list article{padding:20px 0;border-bottom:1px solid #34343c}.notes-list p{white-space:pre-wrap;color:#dddde4;font-size:14px;margin:10px 0}.filter-panel{padding:18px 22px;display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.filter-panel label{display:flex;flex-direction:column;gap:8px;font-size:12px}.filter-panel select{min-width:160px}.filter-panel a{margin-left:auto}.stat-breakdown{margin-top:18px;border-top:1px solid #36363e;padding-top:11px;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important}.stat-breakdown>span{display:flex;justify-content:space-between;font-size:11px;color:#aaaab5}.stat-breakdown b{font-weight:500;color:#dedee5;font-variant-numeric:tabular-nums}.reconciliation{display:flex;align-items:center;gap:10px;color:#fb923c;font-size:12px;margin:20px 0}.cash-grid{margin-top:25px}.cash-grid .stat-card>span{font-size:12px;color:#a1a1aa;display:block;margin-bottom:15px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.edit-section{border:1px solid #3c3c45;border-radius:8px;padding:17px;margin:22px 0}.edit-section summary{cursor:pointer;font-size:14px;font-weight:550;min-height:26px}.edit-section[open] summary{margin-bottom:18px}.permission-matrix{border:1px solid #393942;border-radius:6px;margin-top:20px;max-height:420px;overflow:auto}.permission-row{display:grid;grid-template-columns:minmax(120px,1fr) 110px 80px;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid #32323a;font-size:11px}.permission-row.header{background:#27272e;position:sticky;top:0;font-size:10px}.permission-row span{overflow-wrap:anywhere}.permission-row input{justify-self:center}.role-options{display:flex;flex-wrap:wrap;gap:10px}.role-options label{background:#27272c;border-radius:5px;padding:7px 10px;font-size:12px}.setting-status{display:flex;gap:10px;margin:15px 0 25px}.import-summary{display:flex;flex-wrap:wrap;gap:15px;margin:16px 0 25px}.import-summary span{background:#27272e;padding:10px 16px;border:1px solid #3b3b44;border-radius:6px}.toast{position:fixed;right:25px;bottom:25px;max-width:min(550px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;background:#24242a;border:1px solid #5d5d69;box-shadow:0 10px 40px #000a;border-radius:9px;padding:15px 18px;z-index:100;color:#f5f5f7;font-size:13px}.toast>svg{color:#f97316;flex-shrink:0}.login-shell{min-height:100dvh;display:flex;justify-content:center;align-items:center;gap:110px;padding:45px;background:radial-gradient(ellipse at 5% 70%,#49270e44,transparent 55%),#09090b}.login-side{max-width:400px}.login-side .eyebrow{color:#fb923c;font-size:11px}.login-side h1{font-size:62px;line-height:1.06;letter-spacing:-3px;margin:30px 0}.login-side p{font-size:17px;line-height:1.8}.login-rule{height:3px;width:90px;background:#f97316;margin-top:40px}.login-card{width:430px;max-width:100%;background:#17171b;border:1px solid #3b3b44;border-radius:15px;padding:37px}.login-card .logo{margin-bottom:36px}.login-card h2{font-size:25px;margin-bottom:10px}.login-card>p{font-size:13px}.login-card .form-grid{grid-template-columns:1fr;margin-top:28px}.login-card .form-actions{border:0;padding:0}.login-card .form-actions button{width:100%;font-size:14px;min-height:45px}.login-note{margin-top:25px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#a1a1aa}.secret-display{display:block;background:#09090b;border:1px solid #42424c;padding:15px;border-radius:6px;color:#fdba74;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.8}.fatal{max-width:650px;margin:20vh auto}.sidebar-overlay{display:none}@media(min-width:1700px){:root{font-size:15px}.stat-card>strong{font-size:36px}.dashboard-grid{grid-template-columns:1.25fr 1fr}.server-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.service-bars{gap:30px}}@media(max-width:1250px){.sidebar{width:210px}.workspace{margin-left:210px;width:calc(100% - 210px)}.topbar{padding:0 23px}main{padding:28px 23px}.stats-grid{gap:12px}.stat-card{padding:17px 15px}.stat-card>strong{font-size:25px}.server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.global-search{width:175px}.nav-group a{font-size:12px}.customer-header{flex-wrap:wrap}.customer-header .heading-actions{width:100%;justify-content:flex-end}}@media(max-width:1023px){.sidebar{transform:translate(-100%);width:240px;transition:transform .2s}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0009;border-radius:0;z-index:25}.workspace{margin-left:0;width:100%}.menu-button{display:flex}.topbar{padding:0 22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card>strong{font-size:30px}.stat-card>small{font-size:11px}.stat-card>div:first-child{font-size:13px}.login-shell{gap:50px}.login-side h1{font-size:48px}.detail-grid{gap:16px}.page-heading h1{font-size:28px}.server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:639px){:root{font-size:16px}.topbar{height:62px;padding:0 14px;gap:8px}.breadcrumb{gap:6px;font-size:11px}.breadcrumb>span{display:none}.breadcrumb>svg{display:none}.topbar-right{gap:6px}.global-search{display:none}.topbar .icon-button{min-width:36px}.avatar{width:31px;height:31px;min-height:31px}.topbar-right>button:last-child{display:none}main{padding:24px 16px 30px}.eyebrow{font-size:10px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.heading-actions{gap:7px}.heading-actions button{min-height:42px}.heading-actions button:first-child span{display:none}.mode-banner{padding:13px;gap:10px;flex-wrap:wrap;margin-bottom:18px}.mode-banner strong{font-size:12px}.mode-banner span:not(.badge){font-size:11px}.mode-banner>.badge{margin-left:29px}.stats-grid{gap:11px;margin-bottom:18px}.stat-card{padding:16px 13px}.stat-card>div:first-child{font-size:11px;align-items:flex-start;line-height:1.4;margin-bottom:12px;min-height:28px}.stat-card>div:first-child svg{width:15px;flex-shrink:0}.stat-card>strong{font-size:25px;letter-spacing:-.7px;white-space:normal;overflow-wrap:anywhere}.stat-card>small{font-size:10px;line-height:1.5}.dashboard-grid{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.panel{margin-bottom:18px}.panel-head{padding:19px 17px}.panel-head h2{font-size:16px}.panel-head p{font-size:11px}.revenue-total{padding:0 18px 24px}.service-bars{padding:0 18px}.service-bar>div:first-child span,.service-bar strong{font-size:12px}.service-bar small{font-size:11px}.panel-link{font-size:12px;min-height:44px;margin:15px 18px}.action-list{padding:0 17px}.action-list strong{font-size:13px}.action-list small{font-size:11px}.panel-bottom{padding:14px 17px;font-size:11px}.panel-bottom button{font-size:11px;min-height:44px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 17px}.server-card{padding:12px}.server-card-top{flex-wrap:wrap;gap:10px;margin-bottom:15px}.server-card h3{font-size:13px;line-height:1.5}.server-card p{font-size:10px}.server-card-bottom{flex-direction:column;align-items:flex-start;gap:5px}.server-card-bottom span,.server-card-bottom strong{font-size:11px}.badge{font-size:10px}.workspace-footer{padding:15px 17px;font-size:10px;gap:12px;flex-wrap:wrap}.table-toolbar{padding:16px;align-items:stretch}.table-toolbar>*{width:100%}.table-title{justify-content:space-between}.filters,.search-field{width:100%}.search-field input{width:100%;font-size:14px}.search-field button{min-height:36px}.table-wrap{overflow:visible}table{display:block;font-size:13px}thead{display:none}tbody{display:block}tr{display:block;padding:16px;border-bottom:1px solid #373740}td{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;max-width:none;border:0;padding:7px 0;text-align:right;font-size:12px;min-width:0}td:before{content:attr(data-label);text-align:left;color:#a1a1aa;flex:0 0 100px;font-size:11px;line-height:1.6}td:first-child{font-weight:600;font-size:14px;margin-bottom:5px}td:first-child:before{font-weight:400}td .text-button{text-align:right;justify-content:flex-end;line-height:1.5;min-height:24px;max-width:calc(100% - 110px)}td .row-actions{justify-content:flex-end}.small{min-height:38px;font-size:11px}.pagination button{min-height:40px;min-width:40px}.form-grid{grid-template-columns:1fr;gap:19px}.field{font-size:14px}.field small{font-size:12px}.field input,.field select,.field textarea{font-size:16px;min-height:46px}.field input[type=checkbox]{min-height:22px;width:22px;height:22px}dialog,dialog.wide{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:10px}.dialog-head{padding:13px 16px}.dialog-head h2{font-size:18px}.dialog-body{padding:18px 16px}.form-actions{position:sticky;bottom:-18px;background:#18181b;padding:16px 0;margin-top:22px}.form-actions button{width:100%;min-height:46px}.detail-grid{grid-template-columns:1fr;gap:0}.padded{padding:19px 17px}.no-pad{padding:0 0 18px}.details{font-size:12px;gap:13px 15px;grid-template-columns:minmax(90px,.85fr) minmax(100px,1.15fr)}.tabs{gap:18px}.tabs button{font-size:13px;min-height:44px}.customer-header{padding:18px;gap:13px}.customer-avatar{width:47px;height:47px;font-size:16px}.customer-header>div:nth-child(2){min-width:160px}.customer-header h2{font-size:20px}.customer-header p{overflow-wrap:anywhere;font-size:11px}.customer-header .heading-actions{justify-content:flex-start}.record-id{font-size:10px}.record-id code{font-size:10px;max-width:100%}.filter-panel{padding:16px;gap:14px}.filter-panel label{flex:1;min-width:120px;font-size:12px}.filter-panel select{min-width:0}.filter-panel a{width:100%;margin:0}.filter-panel input{font-size:14px;min-width:0}.reconciliation{align-items:flex-start;font-size:12px;line-height:1.6}.stat-breakdown>span{font-size:10px}.permission-row{grid-template-columns:minmax(110px,1fr) 64px 50px;font-size:10px;gap:6px;padding:10px 7px}.permission-row.header{font-size:9px}.permission-row input{width:20px;height:20px}.role-options label{font-size:12px;min-height:44px}.login-shell{padding:20px;min-height:100dvh}.login-side{display:none}.login-card{padding:26px 23px;width:100%}.login-card h2{font-size:25px}.login-card .logo{margin-bottom:32px}.login-card .field{font-size:14px}.login-note{font-size:11px}.toast{right:16px;bottom:16px;font-size:12px;padding:12px}.import-summary{gap:8px}.import-summary span{font-size:12px;padding:8px}.preview-box{padding:14px}.preview-box p{font-size:12px}.edit-section{padding:13px}.inline-actions button,.inline-actions a{width:100%;min-height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}.cell-subtitle{display:block;color:var(--muted);margin-top:3px}select option:checked,select option:hover,select option:focus{background:#fff;color:#000}@supports (appearance: base-select){select,select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select::picker(select){background:var(--vms-input);color:var(--vms-text-primary);border:1px solid var(--vms-border);border-radius:7px;padding:4px;max-height:min(360px,60dvh);overflow-y:auto}select option{min-height:38px;padding:8px 12px;border-radius:4px;white-space:normal;overflow-wrap:anywhere}select option:checked,select option:hover,select option:focus{background:#fff;color:#000}select option:focus-visible{outline:2px solid var(--vms-primary);outline-offset:-2px}select option:disabled{color:var(--vms-text-muted);background:transparent;cursor:not-allowed}}.avatar{background:#fff;color:#000;border:2px solid #f97316}.pagination{flex-wrap:wrap;gap:12px}.pagination label{display:flex;align-items:center;gap:8px}.library-choices{margin:14px 0}.library-choices .form-grid{margin-top:16px}.settings-panel{display:flex;flex-direction:column;min-width:0}.settings-panel>form{display:flex;flex-direction:column;flex:1;gap:0}.settings-panel .form-grid{margin-bottom:24px}.settings-panel .form-help{margin-bottom:20px;overflow-wrap:anywhere}.settings-panel .form-help p:last-child{margin-bottom:0}.settings-panel .form-actions{position:static;margin-top:auto;padding:20px 0 0;gap:12px;flex-wrap:wrap;background:transparent}.settings-panel .form-actions button{min-height:42px}@media(max-width:600px){.settings-panel .form-actions{flex-direction:column;align-items:stretch}.settings-panel .form-actions button{width:100%;min-height:46px;white-space:normal}}.inline-actions{align-items:center}form.inline-actions{align-items:flex-end}.search-actions{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px}.search-actions .field{margin:0}.search-actions input,.search-actions>button{min-height:44px;height:44px}.search-actions>button{white-space:nowrap}.section-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.section-actions h3{margin:0}.section-actions>button{min-height:44px}.pagination label{white-space:nowrap;flex:0 0 auto}.pagination select{width:88px;min-width:88px;min-height:40px;height:40px;padding:0 22px;text-align:center;text-align-last:center}@supports (appearance: base-select){.pagination select{position:relative;display:inline-flex;align-items:center;justify-content:center}.pagination select::picker-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%)}}.pagination>span{white-space:nowrap;margin-right:0}.pagination>button{width:40px;height:40px;min-height:40px;flex:0 0 40px}@media(max-width:700px){.search-actions{grid-template-columns:1fr 1fr}.search-actions .field{grid-column:1 / -1}.search-actions input,.search-actions>button{height:auto;min-height:46px}.search-actions>button{width:100%;white-space:normal;align-self:stretch}.section-actions>button{width:100%}.server-users .pagination{padding-left:0;padding-right:0}}@media(max-width:380px){.search-actions{grid-template-columns:1fr}}.action-bell{position:relative;overflow:visible;margin-right:8px}.action-count{position:absolute;top:-5px;right:-9px;min-width:19px;height:19px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--accent,#ff790d);color:#000;font-size:11px;font-weight:800;border:2px solid var(--bg,#090909);line-height:1}.checkbox-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px 32px}.checkbox-row .check-label{display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap}.email-preview{padding:20px;border:1px solid var(--vms-border,#393940);border-radius:8px;margin:16px 0}.email-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.65}.avatar:hover{border-color:#f97316;background:#6b6b73;color:#fff}.template-help{margin:16px 0 22px}.template-help p{margin-bottom:10px}.template-variables{display:flex;flex-wrap:wrap;gap:8px}.template-variables code{background:var(--vms-input);border:1px solid var(--vms-border);border-radius:5px;padding:5px 8px;font-size:12px;overflow-wrap:anywhere}.role-editor>p{margin-top:16px}.role-editor .permission-row{grid-template-columns:minmax(0,1fr) 110px}.role-editor .permission-row strong:last-child{text-align:center}.button.server-browser-link{color:#fb923c;background:#332216;border-color:#75401d}.button.server-browser-link:hover{color:#fb923c;background:#422b19;border-color:#fb923c}.costs-overview{display:grid;gap:28px;min-width:0}.costs-overview>section{min-width:0}.registration-customer-choice{margin-bottom:24px}.registration-form>h3:not(:first-of-type){margin-top:28px}.backup-page{display:grid;gap:24px;min-width:0}.backup-page>*,.backup-page .detail-grid>*{min-width:0}.backup-recovery>h3{margin-top:24px}.notification-stack{position:fixed;inset:auto 24px 24px auto;margin:0;padding:0;border:0;background:transparent;color:var(--vms-text-primary);width:420px;max-width:calc(100vw - 32px);max-height:80vh;overflow:auto;z-index:2147483647;pointer-events:none}.notification-stack:popover-open{display:grid;gap:12px}.notification-stack::backdrop{background:transparent;pointer-events:none}.notification{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:18px;background:var(--vms-surface);border:1px solid var(--vms-border);border-left:4px solid var(--vms-primary);border-radius:12px;box-shadow:0 12px 36px #0008}.notification>svg{flex-shrink:0;color:var(--vms-primary);margin-top:2px}.notification>div{flex:1;min-width:0}.notification strong{display:block;font-size:14px}.notification p{margin:5px 0 0;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.notification.error{border-left-color:#f87171;background:var(--vms-surface);color:var(--vms-text-primary)}.notification.error>svg{color:#f87171}.notification .icon-button{flex-shrink:0;min-height:28px;width:28px;padding:3px}.sort-heading{border:0;background:transparent;padding:0;min-height:32px;font:inherit;color:inherit;justify-content:flex-start;text-align:left;gap:7px}.sort-heading:hover{background:transparent;border:0;color:var(--vms-primary)}.sort-heading svg{opacity:.6;flex-shrink:0}th[aria-sort=ascending],th[aria-sort=descending]{color:var(--vms-primary)}.sort-controls{display:flex;align-items:center;gap:8px;border:1px solid var(--vms-border);background:var(--vms-input);border-radius:9px;padding:0 5px 0 12px}.sort-controls>svg{color:var(--vms-text-muted);flex-shrink:0}.sort-controls select{border:0;background-color:transparent;min-width:150px;width:auto;max-width:250px;font-size:13px}.sort-controls button{border:0;background:transparent;min-height:32px;padding:6px}.mobile-sort{display:none}.table-toolbar{gap:18px;padding:22px 24px;flex-wrap:wrap}.table-toolbar .filters{gap:12px;flex-wrap:wrap}.table-toolbar .count-label{border-radius:20px;padding:3px 9px}.table-toolbar .search-field{border-radius:9px;min-width:240px}.table-toolbar .filters>button{border-radius:9px}@media(max-width:760px){.notification-stack{right:16px;bottom:16px}.table-toolbar{padding:18px}.table-toolbar .filters,.table-toolbar .search-field{width:100%;min-width:0}.sort-controls{max-width:100%}.sort-controls select{min-width:0;max-width:100%;flex:1}.mobile-sort{display:block;padding:12px 16px}.panel:has(>.table-toolbar .sort-controls)>.mobile-sort{display:none}}.backup-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.backup-choices{display:grid;gap:14px;margin:24px 0}.backup-choices label{display:flex;align-items:center;gap:12px}.backup-choices input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.backup-url{display:block;overflow-wrap:anywhere;margin:12px 0 24px}.backup-notice{color:var(--accent, #ff790b)}@media(min-width:761px){.backup-catalog table{table-layout:auto}.backup-catalog td[data-label=Versie],.backup-catalog td[data-label=Grootte],.backup-catalog td[data-label=Soort]{white-space:nowrap;word-break:normal;overflow-wrap:normal}.backup-catalog td[data-label=Acties]{min-width:250px}.backup-catalog td[data-label=Inhoud]{min-width:180px}.backup-catalog .backup-buttons{justify-content:flex-start}}