:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6fb;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{background:#f3f6fb;min-height:100vh;margin:0}a{color:inherit}button,input,select{font:inherit}h1,h2,h3,p{margin:0}:root{--surface:#fff;--workspace:#f7f8fa;--border:#e1e5eb;--border-strong:#cbd2dc;--text:#252b36;--muted:#737d8d;--accent:#315b87;--accent-soft:#edf3f9;--green:#16794c;--green-bg:#eaf6ef;--red:#b42318;--red-bg:#fdf0ef;--amber:#946200;--amber-bg:#fff6df;--radius:5px}.app-shell{min-height:100vh;color:var(--text);background:var(--workspace);font-size:13px;display:flex}.sidebar{z-index:10;color:#d9dee7;background:#202a36;border-right:1px solid #35404e;flex-direction:column;flex:0 0 232px;gap:16px;width:232px;min-height:100vh;padding:12px 10px;transition:width .16s,flex-basis .16s,transform .16s;display:flex;position:relative;overflow-y:auto}.sidebar.collapsed{flex-basis:56px;width:56px;padding-inline:7px}.brand-wrap{border-bottom:1px solid #394452;justify-content:space-between;align-items:center;min-height:34px;padding:0 4px 10px 8px;display:flex}.brand-copy{color:#f5f7fa;letter-spacing:.08em;min-width:0;font-size:12px;font-weight:700}.collapse-btn,.mobile-button,.icon-button,.close-button{width:30px;height:30px;color:inherit;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;display:inline-grid}.collapse-btn:hover{background:#303b49;border-color:#465262}.side-nav{flex-direction:column;gap:17px;display:flex}.nav-section{flex-direction:column;gap:2px;display:flex}.nav-label{color:#98a4b4;letter-spacing:.075em;text-transform:uppercase;padding:0 9px 5px;font-size:10px;font-weight:650}.nav-link{color:#c4ccd7;border:1px solid #0000;border-radius:4px;align-items:center;gap:9px;min-height:31px;padding:5px 9px;font-size:12px;font-weight:450;line-height:1.25;text-decoration:none;display:flex}.nav-link svg{color:#aeb8c6;stroke-width:1.7px;flex:0 0 15px}.nav-link:hover{color:#fff;background:#2a3542}.nav-link.active{color:#fff;background:#34485f;border-color:#425a75}.nav-link.active svg{color:#dbe8f6}.sidebar.collapsed .brand-wrap{justify-content:center;padding-inline:0}.sidebar.collapsed .collapse-btn{position:absolute;top:43px;right:12px}.sidebar.collapsed .nav-link{justify-content:center;padding-inline:0}.content-shell{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:8px 22px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions{align-items:center;gap:10px;display:flex}.topbar h1{color:var(--text);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:620;line-height:1.25}.topbar-status,.connection-indicator{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.status-dot{background:#9aa4b2;border-radius:50%;width:7px;height:7px}.status-dot-warning,.connection-indicator.warning .status-dot{background:#bd8524}.connection-indicator.connected .status-dot{background:#29865d}.icon-button{color:#657080;border-color:var(--border)}.icon-button:hover,.mobile-button:hover{background:#f2f4f7}.user-card{color:#4d5664;align-items:center;gap:7px;padding-left:8px;font-size:12px;display:flex}.avatar{color:#34485f;background:#e8edf3;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:650;display:grid}.mobile-button{color:#475365;border-color:var(--border);display:none}.main-content{width:100%;max-width:1680px;margin:0 auto;padding:16px 22px 28px}.page-stack{flex-direction:column;gap:12px;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.page-heading-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.server-data-note{color:var(--amber);font-size:11px}.inline-error.form-error{grid-column:1/-1}.inline-error{color:var(--red);background:var(--red-bg);border-radius:var(--radius);border:1px solid #f2d1cd;padding:9px 11px;font-size:12px}.inline-notice{color:var(--amber);background:var(--amber-bg);border-radius:var(--radius);border:1px solid #ead8a9;padding:9px 11px;font-size:12px}.metrics-grid{grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;display:grid}.metric-card{min-height:68px;color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:5px;padding:10px 11px;display:flex}.metric-card:hover:not(:disabled){background:#fbfcfd;border-color:#b7c7d9}.metric-card:disabled{cursor:default}.metric-label{color:var(--muted);font-size:11px;line-height:1.25}.metric-value{color:#202a36;font-variant-numeric:tabular-nums;font-size:21px;font-weight:620;line-height:1}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr);gap:12px;display:grid}.dashboard-grid-even{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-details{gap:6px;margin:0 0 12px;display:grid}.ticket-details div{grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:.86rem;display:grid}.ticket-details dt{color:var(--muted)}.ticket-details dd{overflow-wrap:anywhere;margin:0}.ticket-notes{border-radius:var(--radius);background:var(--accent-soft);gap:6px;margin-bottom:12px;padding:10px;font-size:.84rem;display:grid}.ticket-notes p{overflow-wrap:anywhere;margin:0}.alert-tabs{flex-wrap:wrap;gap:8px;display:flex}.alert-tabs .tab-active{background:var(--accent);border-color:var(--accent);color:#fff}.alert-mini-list{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.alert-mini{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:4px;gap:2px;padding:8px 10px;font-size:.82rem;display:grid}.alert-mini small{color:var(--muted)}.alert-warning{border-left-color:#d9a23a}.alert-critical{border-left-color:#cf4b4b}.alert-info{border-left-color:#3f9a6a}.alert-resolved{opacity:.6}.port-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.port-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--accent-soft);gap:8px;padding:11px;display:grid}.port-down{opacity:.7}.port-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.port-speed{margin-left:auto;font-size:.85rem;font-weight:700}.port-speed-slow{color:#cf4b4b}.port-bar{background:#7f7f7f26;border-radius:4px;height:22px;font-size:.76rem;position:relative;overflow:hidden}.port-bar span{z-index:1;padding:3px 8px;display:block;position:relative}.port-bar i{opacity:.45;background:#3f9a6a;transition:width .5s;position:absolute;inset:0 auto 0 0}.port-bar-tx i{background:#3b82c4}.port-comment{overflow-wrap:anywhere;font-size:.8rem;font-style:italic}.port-comment-edit{flex-wrap:wrap;gap:6px;display:flex}.port-comment-edit input{flex:140px;min-width:0}.port-actions{flex-wrap:wrap;gap:6px;display:flex}.port-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hardware-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:8px;display:grid}.hardware-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--accent-soft);gap:9px;padding:11px;display:grid}.hardware-title{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.hardware-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hardware-uptime{color:var(--muted);justify-content:space-between;gap:8px;font-size:.82rem;display:flex}.hardware-uptime strong{color:var(--text);text-align:right}.gauge{gap:3px;display:grid}.gauge-head{justify-content:space-between;font-size:.8rem;display:flex}.gauge small{color:var(--muted);font-size:.72rem}.gauge-track{background:#dbe3ec;border-radius:999px;height:8px;overflow:hidden}.gauge-fill{border-radius:999px;height:100%;transition:width .4s}.gauge-low{background:#3f9a6a}.gauge-mid{background:#d9a23a}.gauge-high{background:#cf4b4b}.billing-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:8px 0 12px;display:grid}.billing-stats div{gap:2px;min-width:0;display:grid}.billing-stats span{color:var(--muted);font-size:.76rem}.billing-stats strong{font-size:.95rem}.text-danger{color:#cf4b4b}.bar-chart{border-bottom:1px solid var(--border);align-items:flex-end;gap:10px;height:140px;padding:4px 2px 0;display:flex}.bar-group{flex:1;grid-template-rows:1fr auto;justify-items:center;gap:4px;min-width:0;height:100%;display:grid}.bar-pair{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:100%;display:flex}.bar{border-radius:3px 3px 0 0;width:40%;max-width:22px;min-height:2px}.bar-group small{color:var(--muted);font-size:.7rem}.bar-billed{background:var(--accent)}.bar-collected{background:#3f9a6a}.chart-legend{color:var(--muted);gap:14px;margin-top:8px;font-size:.76rem;display:flex}.chart-legend i{border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}@media (width<=900px){.dashboard-grid-even{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:13px 14px}.section-header{justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin-bottom:8px;display:flex}.section-header h2{color:#303a47;margin:0;font-size:14px;font-weight:620}.table-wrap,.table-panel{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:740px;font-size:12px}.data-table th,.data-table td{vertical-align:middle;border-bottom:1px solid #edf0f3;padding:8px 9px}.data-table th{color:#687383;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:620}.data-table td{color:#3c4654;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafbfc}.dashboard-table td strong{color:#293342;font-weight:600;display:block}.dashboard-table td small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.status-pill{color:#606b79;text-transform:capitalize;white-space:nowrap;background:#f0f2f5;border-radius:3px;align-items:center;min-height:20px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.2;display:inline-flex}.status-online{color:var(--green);background:var(--green-bg)}.status-offline,.status-disconnected{color:var(--red);background:var(--red-bg)}.status-unknown{color:#606b79;background:#f0f2f5}.status-due{color:var(--amber);background:var(--amber-bg)}.simple-empty-state,.empty-cell{color:#858e9a;text-align:center;padding:20px 8px;font-size:12px}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:11px;font-weight:600}.text-button:hover{text-decoration:underline}.primary-button,.secondary-button,.table-button{border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:550;line-height:1.2;display:inline-flex}.primary-button{color:#fff;background:#315b87;border-color:#315b87}.primary-button:hover{background:#294d73}.secondary-button,.table-button{color:#3d4755;background:#fff}.secondary-button:hover,.table-button:hover{background:#f5f7f9}.table-button{min-height:24px;padding:3px 7px;font-size:11px}.table-button.danger{color:var(--red)}.action-cell{white-space:normal}.action-group{grid-template-columns:repeat(3,minmax(98px,1fr));gap:5px;min-width:320px;display:grid}.action-group .table-button{white-space:nowrap;width:100%;min-height:28px}.danger-outline{color:var(--red);border-color:var(--red);margin-right:auto}.danger-outline:hover:not(:disabled){background:#fdeeee}.danger-button{background:var(--red);border-color:var(--red)}.danger-button:hover{background:#a93a33}.modal-backdrop{z-index:50;background:#151f2c80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-height:calc(100dvh - 32px);display:flex;box-shadow:0 18px 48px #151f2c47}.modal-sm{max-width:420px}.modal-md{max-width:640px}.modal-lg{max-width:820px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.modal-header h2{overflow-wrap:anywhere;font-size:15px;font-weight:620}.modal-body{flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-text{font-size:13px;line-height:1.5}.modal-state{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:18px 0;font-size:13px;display:flex}.modal-result{overflow-wrap:anywhere;border:1px solid;border-radius:6px;flex-direction:column;gap:3px;padding:12px;font-size:12px;display:flex}.modal-result-ok{color:#1d6b3f;background:#eaf6ef;border-color:#c4e5d1}.modal-result-fail{color:var(--red);background:var(--red-bg);border-color:#f2d1cd}.profile-chip-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.profile-chip-list li{border:1px solid var(--border);background:#f1f4f7;border-radius:999px;padding:4px 9px;font-size:12px}.modal .form-grid .form-actions{border-top:1px solid var(--border);background:#fff;margin:0 -16px -16px;padding:10px 16px;position:sticky;bottom:-16px}.server-details h2{margin:0;font-size:14px}.server-settings h2{margin:0;font-size:15px}.settings-description{color:var(--muted);margin-top:3px;font-size:11px}.settings-form{flex-direction:column;gap:18px;display:flex}.settings-section{border-top:1px solid var(--border);flex-direction:column;gap:9px;padding-top:14px;display:flex}.settings-section h3{color:#303a47;font-size:13px;font-weight:620}.settings-company-grid,.profile-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-company-grid label,.profile-state-grid label{color:#677181;flex-direction:column;gap:4px;min-width:0;font-size:11px;display:flex}.logo-upload{grid-column:1/-1}.logo-upload span{align-items:center;gap:5px;display:inline-flex}.logo-upload input[type=file]{border:1px solid var(--border-strong);background:#fff;border-radius:4px;padding:6px 8px}.logo-preview{align-items:center;gap:10px;display:flex}.logo-preview img{object-fit:contain;border:1px solid var(--border);border-radius:4px;width:auto;max-width:160px;height:56px}.profile-price-grid{color:#46505e;grid-template-columns:minmax(0,1fr) minmax(160px,220px);align-items:center;gap:12px;font-size:12px;display:grid}.profile-price-heading{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:620}.details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.details-grid dt{color:var(--muted);margin-bottom:3px;font-size:10px}.details-grid dd{color:var(--text);margin:0;font-size:12px}.compact-button{min-height:27px}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:wait}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.select-col{text-align:center;width:34px}.select-col input{cursor:pointer;width:15px;height:15px}.data-table tbody tr.row-selected{background:#eef4fb}.pager-delete{margin-left:4px;margin-right:0}.pager{border-top:1px solid var(--border);color:#677181;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px;font-size:12px;display:flex}.pager-controls{align-items:center;gap:8px;display:flex}.pager-size{align-items:center;gap:6px;display:flex}.pager-size select{min-height:30px;padding:4px 6px;font-size:12px}.pager-page{text-align:center;min-width:48px}.pager .secondary-button{min-height:30px;padding:4px 10px}.form-section-title{border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;color:#4d5968;grid-column:1/-1;margin:4px 0 0;padding-bottom:4px;font-size:12px}.form-hint{color:#677181;margin:0;font-size:11px}.table-toolbar{justify-content:space-between;align-items:center;gap:10px;margin:-1px 0 8px;display:flex}.table-count{color:var(--muted);font-size:11px}.table-search{width:min(250px,100%);height:29px;color:var(--muted);border:1px solid var(--border);border-radius:4px;align-items:center;gap:6px;padding:0 8px;display:flex}.table-search input,.filter-controls input,.filter-controls select,.form-grid input,.form-grid select,.settings-form input:not([type=file]),.settings-form select{min-width:0;color:var(--text);font:inherit;border:1px solid var(--border-strong);background:#fff;border-radius:4px}.table-search input{border:0;outline:0;width:100%;height:25px}.controls-panel{justify-content:space-between;align-items:center;gap:12px;display:flex}.filters-panel{flex-direction:column;gap:10px;display:flex}.filter-controls{grid-template-columns:minmax(190px,2fr) repeat(3,minmax(140px,1fr)) auto;align-items:end;gap:8px;display:grid}.filter-add{white-space:nowrap;min-height:30px}.filter-controls label,.form-grid label{color:#677181;flex-direction:column;gap:4px;font-size:11px;display:flex}.filter-controls input,.filter-controls select,.form-grid input,.form-grid select,.settings-form input:not([type=file]),.settings-form select{outline-color:#87a5c5;width:100%;min-height:30px;padding:5px 8px;font-size:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.checkbox-field{align-self:end;align-items:center;min-height:30px;flex-direction:row!important;gap:7px!important}.checkbox-field input{width:auto;min-height:auto}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:7px;padding-top:4px;display:flex}.close-button{color:#657080;border-color:var(--border)}.error-panel{color:var(--red);background:var(--red-bg);border-color:#f2d1cd}.placeholder-panel{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:180px;display:flex}.placeholder-panel h2{font-size:16px;font-weight:620}.placeholder-panel p{max-width:520px;color:var(--muted);font-size:12px}.loading-panel{color:var(--muted);padding:14px}@media (width<=1150px){.metrics-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(210px,.8fr)}}@media (width<=900px){.sidebar-backdrop{z-index:9;background:#151f2c59;border:0;position:fixed;inset:0}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:8px 0 22px #151f2c29}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:232px}.sidebar.collapsed .brand-wrap{justify-content:space-between;padding:0 4px 10px 8px}.sidebar.collapsed .brand-copy{display:block}.sidebar.collapsed .collapse-btn{position:static}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-link span{display:inline}.sidebar.collapsed .nav-link{justify-content:flex-start;padding-inline:9px}.mobile-button{display:inline-grid}.main-content{padding-inline:16px}}@media (width<=700px){.table-wrap,.table-panel{overflow-x:visible}.data-table,.data-table tbody{width:100%;min-width:0;display:block}.data-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.data-table tbody tr{border:1px solid var(--border-strong);background:#fff;border-radius:8px;margin:0 0 10px;padding:4px 12px;display:block}.data-table tbody tr:hover{background:#fff}.data-table td{text-align:right;white-space:normal;overflow-wrap:break-word;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-width:0;padding:8px 0;display:flex}.data-table tbody tr:last-child td{border-bottom:1px solid #edf0f3}.data-table tbody tr td:last-child{border-bottom:0}.data-table td[data-label]:before{color:#687383;letter-spacing:.045em;text-transform:uppercase;content:attr(data-label);flex:none;font-size:10px;font-weight:620}.data-table td.action-cell .account-edit{width:100%;min-height:38px}.data-table th.select-col{display:none}.data-table td.select-col{width:auto}.data-table td.select-col input{width:20px;height:20px}.data-table td.mobile-hide{display:none}.data-table td.card-title-cell{text-align:left;padding:10px 0 8px;font-size:14px;display:block}.data-table td.card-title-cell:before{display:none}.data-table td.empty-cell{text-align:center;display:block}.data-table td.action-cell{text-align:left;padding:10px 0 6px;display:block}.action-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}.action-group .table-button{min-height:38px}.action-group .table-button:last-child:nth-child(odd){grid-column:1/-1}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:14px 14px 0 0;max-width:none;max-height:92dvh}.modal-body{padding:14px}.modal .form-grid .form-actions{margin:0 -14px -14px;bottom:-14px}.modal-actions{flex-direction:column-reverse}.modal-actions button{min-height:40px}.modal .form-grid,.modal .settings-company-grid,.modal .profile-state-grid{grid-template-columns:1fr}.modal .details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal .profile-price-grid{grid-template-columns:1fr;gap:4px}.modal .profile-price-heading{display:none}.modal .form-actions button{flex:1;min-height:40px}.modal .settings-form .form-actions{flex-direction:column-reverse}.danger-outline{margin-right:0}.pager{text-align:center;flex-direction:column;align-items:stretch}.pager-controls{flex-wrap:wrap;justify-content:space-between}.pager-size{flex:100%;justify-content:center}.pager .secondary-button{flex:1;min-height:40px}.pager .pager-delete{flex:100%;margin-left:0}.table-toolbar{flex-wrap:wrap;gap:8px}.table-search{flex:100%;min-width:0}.table-search input{width:100%;min-width:0}.topbar{min-height:48px;padding:7px 12px}.topbar h1{font-size:18px}.topbar-status{display:none}.main-content{padding:12px 12px 20px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:62px}.dashboard-grid{grid-template-columns:1fr}.filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-controls label:first-child{grid-column:1/-1}.filter-add{grid-column:1/-1;min-height:40px}.user-card{padding-left:0}.user-card>span{display:none}}@media (width<=460px){.metrics-grid{gap:6px}.metric-card{padding:8px}.metric-label{font-size:10px}.metric-value{font-size:19px}.form-grid,.settings-company-grid,.profile-state-grid,.filter-controls{grid-template-columns:1fr}.logo-upload{grid-column:auto}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-controls label:first-child,.filter-add{grid-column:auto}.page-heading{align-items:flex-start}}.form-fieldset{border:0;min-width:0;margin:0;padding:0;display:contents}.form-fieldset:disabled input,.form-fieldset:disabled select{opacity:1;background:var(--surface-muted,#f5f7fa);cursor:default}.sort-button{all:unset;cursor:pointer;font:inherit;color:inherit;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.sort-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.sort-arrow{opacity:.6;font-size:.7em}.brand-copy{align-items:center;gap:8px;display:flex}.brand-logo{object-fit:contain;border-radius:4px;flex:none;width:26px;height:26px}.brand-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inline-success{color:var(--green);background:var(--green-bg);border-radius:var(--radius);border:1px solid #c9e6d6;padding:9px 11px;font-size:12px}.inline-warning{all:unset;box-sizing:border-box;cursor:pointer;color:var(--amber);background:var(--amber-bg);border-radius:var(--radius);border:1px solid #f0dca8;padding:9px 11px;font-size:12px}.data-table tbody tr.row-warning{background:var(--amber-bg)}.settings-page{max-width:860px;padding-bottom:72px}.settings-card{gap:12px;padding:16px;display:grid}.settings-card h2{margin:0;font-size:15px}.settings-card .form-hint{margin:0}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.settings-grid label{gap:4px;min-width:0;font-size:12px;display:grid}.settings-grid input,.settings-grid select{box-sizing:border-box;width:100%;min-height:38px}.settings-check{align-items:center;gap:8px;font-size:13px;display:flex}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-actions a{text-decoration:none}.settings-save-bar{background:linear-gradient(transparent, var(--bg,#f4f6f8) 30%);justify-content:flex-end;gap:8px;padding:10px 0;display:flex;position:sticky;bottom:0}@media (width<=700px){.settings-card{padding:12px}.settings-grid{grid-template-columns:1fr}.settings-actions a,.settings-save-bar button{flex:100%;justify-content:center;min-height:42px}.settings-save-bar{flex-direction:column-reverse}}.form-wide{grid-column:1/-1}.row-voided td{opacity:.55;text-decoration:line-through}.row-voided td.action-cell{opacity:1;text-decoration:none}.danger-text{color:var(--red)}.pick-list{gap:6px;max-height:280px;display:grid;overflow-y:auto}.pick-item{text-align:left;border-radius:var(--radius);cursor:pointer;font:inherit;background:#fff;border:1px solid #d9dee5;gap:2px;padding:9px 11px;display:grid}.pick-item:hover{background:#eef4fb}.pick-item span{color:#5b6573;font-size:12px}.doc-header{border-bottom:2px solid #222;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;font-size:12px;display:flex}.doc-header h3{letter-spacing:.06em;margin:0 0 0 auto;font-size:15px}.doc-logo{object-fit:contain;width:48px;height:48px}.doc-meta{gap:6px;margin:0 0 12px;font-size:13px;display:grid}.doc-meta div{grid-template-columns:110px 1fr;gap:8px;display:grid}.doc-meta dt{color:#5b6573}.doc-meta dd{word-break:break-word;margin:0;font-weight:600}.doc-table{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:12px}.doc-table th,.doc-table td{text-align:left;border-bottom:1px solid #d9dee5;padding:5px 6px}.doc-subtitle{margin:12px 0 6px;font-size:13px}.doc-total{border-top:2px solid #222;justify-content:space-between;align-items:baseline;padding:10px 0;font-size:15px;display:flex}.doc-small{color:#5b6573;margin:4px 0;font-size:12px}.doc-void{color:var(--red);text-align:center;margin:8px 0;font-size:22px;font-weight:700}@media (width<=700px){.doc-table{display:block;overflow-x:auto}.doc-meta div{grid-template-columns:1fr;gap:0}}@media print{body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{color:#000;background:#fff;width:100%;padding:16px;position:absolute;top:0;left:0}.no-print{display:none!important}.modal-backdrop,.modal,.modal-body{max-height:none!important;box-shadow:none!important;background:#fff!important;position:static!important;overflow:visible!important}}.edit-extra{border-top:1px solid #e3e7ec;gap:8px;margin-top:14px;padding-top:12px;display:grid}.edit-extra .secondary-button{justify-content:center}.edit-delete-confirm{gap:6px;display:grid}.enforcement-panel{gap:8px;margin-top:10px;display:grid}.enforcement-actions{flex-wrap:wrap;gap:8px;display:flex}.enforcement-list{gap:4px;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.enforcement-list li{flex-wrap:wrap;gap:4px 10px;display:flex}.enforcement-list span{color:#5b6573}.enforcement-failed strong,.enforcement-failed span{color:#b42318}@media (width<=700px){.enforcement-actions .secondary-button{flex:100%}}.page-heading-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=700px){.page-heading-actions{width:100%}.page-heading-actions button{flex:1 1 0;justify-content:center}}.soa-header{color:#2b3440;border-bottom:3px solid #0f3d6b;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:14px;font-size:12px;display:flex}.soa-brand{align-items:center;gap:12px;display:flex}.soa-brand strong{color:#0f3d6b;font-size:18px}.soa-logo{object-fit:contain;width:56px;height:56px}.soa-title{text-align:right}.soa-title h3{letter-spacing:.08em;color:#0f3d6b;margin:0 0 4px;font-size:18px}.soa-info{grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-bottom:14px;font-size:12.5px;display:grid}.soa-info>div{border:1px solid #d5dbe3;border-radius:6px;align-content:start;gap:2px;padding:10px 12px;display:grid}.soa-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7684;font-size:10.5px}.soa-due-box{background:#eef4fb;border-color:#b9cde3!important}.soa-due-box strong{color:#0f3d6b;font-size:22px}.soa-overdue{color:#b42318;font-size:11.5px;font-weight:600}.soa-summary{border:1px solid #d5dbe3;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:16px;display:grid;overflow:hidden}.soa-summary div{border-right:1px solid #d5dbe3;gap:2px;padding:8px 12px;font-size:11.5px;display:grid}.soa-summary div:last-child{border-right:0}.soa-summary span{color:#6b7684}.soa-summary strong{font-size:14px}.soa-table{border-collapse:collapse;width:100%;font-size:11.5px}.soa-table thead th{color:#fff;text-align:left;background:#0f3d6b;padding:7px 8px;font-weight:600}.soa-table td{vertical-align:top;border-bottom:1px solid #e1e5ea;padding:6px 8px}.soa-table tbody tr:nth-child(2n) td{background:#f7f9fb}.soa-table tfoot td{background:#eef4fb;border-top:2px solid #0f3d6b;padding:8px;font-weight:700}.soa-table .num{text-align:right;white-space:nowrap}.soa-empty{text-align:center;color:#6b7684;padding:16px}.soa-forward td{color:#4a5565;font-style:italic}.ledger-soa-list{gap:8px;max-height:50vh;margin:10px 0;display:grid;overflow:auto}.ledger-soa-list label{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.ledger-soa-list input{text-transform:uppercase;width:130px}.ledger-header{color:#fff;background:#111827;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:12px;display:flex}.ledger-header strong{font-size:18px;display:block}.ledger-header .soa-brand{color:#fff}.ledger-generated{color:#cbd2dc;white-space:nowrap}.ledger-title{text-align:center;color:#111827;letter-spacing:.02em;margin:16px 0 10px;font-size:22px}.ledger-info{border:1px solid #d5dbe3;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px 16px;margin-bottom:14px;padding:12px 16px;font-size:12.5px;display:grid}.ledger-info div{align-content:start;gap:2px;display:grid}.ledger-info span{text-transform:uppercase;letter-spacing:.06em;color:#6b7684;font-size:10.5px;font-weight:700}.ledger-rows-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:14px 0 6px;display:flex}.ledger-rows-head h3{margin:0;font-size:14px}.ledger-save{color:#6b7684;margin-left:8px;font-weight:400}.ledger-save-saved{color:#146c2e}.ledger-save-failed{color:#b42318}.ledger-rows-actions{flex-wrap:wrap;gap:6px;display:flex}.ledger-rows{gap:10px;max-height:45vh;display:grid;overflow:auto}.ledger-row{border:1px solid #d5dbe3;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-items:end;gap:8px;margin:0;padding:8px 10px 10px;display:grid}.ledger-row.is-payment{background:#f4f9f5}.ledger-row legend{color:#4a5565;padding:0 4px;font-size:11px;font-weight:700}.ledger-row label{gap:2px;min-width:0;font-size:11px;display:grid}.ledger-row input{width:100%;min-width:0}.ledger-scroll{overflow-x:auto}.ledger-table{border-collapse:collapse;width:100%;font-size:11px}.ledger-table th{text-align:left;text-transform:uppercase;background:#f1f3f6;border-bottom:1px solid #d5dbe3;padding:8px 6px;font-size:10.5px;font-weight:700}.ledger-table td{vertical-align:top;border-bottom:1px solid #e1e5ea;padding:7px 6px}.ledger-table .num{text-align:right;white-space:nowrap}.ledger-footer{text-align:center;color:#6b7684;border-top:1px solid #c7ced8;gap:2px;margin-top:16px;padding-top:10px;font-size:10.5px;display:grid}.ledger-footer strong{color:#374151;font-size:12px}@media (width<=700px){.ledger-info{grid-template-columns:1fr 1fr}.ledger-header{flex-direction:column;align-items:flex-start}}.soa-verified{color:#146c2e;background:#e7f6ec;border:1px solid #9bd3ae;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px}.soa-verify{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.soa-verify input{text-transform:uppercase;flex:240px;min-width:0}.soa-note{color:#6b7684;margin:10px 0 0;font-size:10.5px}.soa-header{color:#fff;background:#111827;border:0;border-radius:6px;align-items:center;margin-bottom:0;padding:14px 18px}.soa-brand strong{color:#fff}.soa-title{color:#cbd2dc;line-height:1.5}.soa-title strong{color:#fff;font-size:15px}.soa-big-title{text-align:center;color:#111827;letter-spacing:.04em;margin:16px 0 12px;font-size:22px}.soa-section{color:#111827;margin:14px 0 6px;font-size:14px}.soa-info{grid-template-columns:repeat(3,1fr)}.soa-info>div{gap:3px}.soa-table thead th{background:#111827}.soa-totals{border:1px solid #d5dbe3;border-radius:6px;max-width:340px;margin:14px 0 0 auto;font-size:12.5px}.soa-totals div{border-bottom:1px solid #e1e5ea;justify-content:space-between;gap:12px;padding:7px 12px;display:flex}.soa-totals .soa-grand{color:#b42318;background:#fdf0ef;border-bottom:0;font-size:14px}.soa-footer{text-align:left}.soa-list{gap:8px;margin-bottom:12px;display:grid}.soa-list-item{border:1px solid var(--line,#d5dbe3);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.soa-list-item div{gap:2px;min-width:0;display:grid}.soa-list-item span{opacity:.75;font-size:12px}.soa-footer{color:#6b7684;text-align:center;border-top:1px solid #d5dbe3;gap:2px;margin-top:22px;padding-top:10px;font-size:10.5px;display:grid}@media (width<=700px){.soa-info{grid-template-columns:1fr}.soa-summary{grid-template-columns:1fr 1fr}.soa-summary div:nth-child(2){border-right:0}.soa-summary div:nth-child(-n+2){border-bottom:1px solid #d5dbe3}.soa-title{text-align:left}.soa-table{display:block;overflow-x:auto}}@media print{@page{size:A4;margin:12mm}.print-sheet{-webkit-print-color-adjust:exact;print-color-adjust:exact}.soa-info{grid-template-columns:1.3fr 1fr 1fr}.soa-summary{grid-template-columns:repeat(4,1fr)}.soa-table{display:table}.soa-table thead{display:table-header-group}.soa-table tr{break-inside:avoid}}.login-page{background:#f3f5f8;place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:14px;width:100%;max-width:380px;padding:24px;display:grid;box-shadow:0 8px 30px #141e3214}.login-card h1{margin:0;font-size:1.3rem}.login-card label{color:var(--muted);gap:6px;font-size:.85rem;display:grid}.login-card input{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:1rem}.login-card .primary-button{justify-content:center;width:100%}.login-back{text-align:center;color:var(--muted);font-size:.85rem;text-decoration:none}.login-back:hover{color:var(--accent)}.site{color:#1d2733;background:#fff;flex-direction:column;min-height:100vh;display:flex}.site a{color:inherit}.site-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 5vw;display:flex;position:sticky;top:0}.site-brand{align-items:center;gap:10px;font-size:1.05rem;text-decoration:none;display:flex;color:#0f3d6b!important}.site-brand img{width:auto;height:32px}.site-nav{flex-wrap:wrap;align-items:center;gap:18px;font-size:.92rem;display:flex}.site-nav a{color:#445064;text-decoration:none}.site-nav a:hover{color:var(--accent)}.site-nav .site-login{background:#0f3d6b;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex;color:#fff!important}.site-nav .site-login:hover{background:#0b2f53}.site-hero{color:#fff;background:linear-gradient(135deg,#0b2f53 0%,#1f6aa8 60%,#3aa0d8 100%);padding:88px 5vw}.site-hero-inner{text-align:center;justify-items:center;gap:18px;max-width:760px;margin:0 auto;display:grid}.site-hero h1{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.site-hero p{opacity:.92;max-width:600px;margin:0;font-size:1.1rem}.site-pill{letter-spacing:.06em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;padding:5px 14px;font-size:.8rem}.site-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.site-cta .primary-button{color:#0f3d6b;background:#fff;border-color:#fff;text-decoration:none}.site-cta .secondary-button{color:#fff;background:0 0;border-color:#ffffffb3;text-decoration:none}.site-section{box-sizing:border-box;width:100%;max-width:1050px;margin:0 auto;padding:56px 5vw}.site-section h2{text-align:center;color:#0f3d6b;margin:0 0 24px;font-size:1.7rem}.site-alt{background:#f3f7fb;max-width:none}.site-alt>*{max-width:760px;margin-left:auto;margin-right:auto}.site-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.site-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:22px;box-shadow:0 4px 16px #1428460d}.site-card h3{margin:12px 0 6px;font-size:1.05rem}.site-card p{color:#5b6573;margin:0;font-size:.92rem;line-height:1.5}.site-icon{color:#1f6aa8;background:#e6f0fa;border-radius:12px;place-items:center;width:44px;height:44px;display:inline-grid}.site-steps{gap:16px;margin:0 auto;padding:0;list-style:none;display:grid}.site-steps li{align-items:flex-start;gap:16px;display:flex}.site-steps h3{margin:0 0 4px;font-size:1.05rem}.site-steps p{color:#5b6573;margin:0}.site-step-no{color:#fff;background:#0f3d6b;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.site-support{text-align:center;color:#1f6aa8}.site-support p{color:#445064;max-width:560px;margin:0 auto;line-height:1.6}.site-muted{color:#5b6573;text-align:center;max-width:560px;margin:-8px auto 18px}.site-footer{color:#cfdceb;background:#0b2f53;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:auto;padding:22px 5vw;font-size:.85rem;display:flex}.site-footer-links{flex-wrap:wrap;gap:16px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.verify-section{max-width:900px}.verify-form{gap:10px;max-width:560px;margin:0 auto 16px;display:flex}.verify-form input{border:1px solid var(--border);border-radius:10px;flex:1;min-width:0;padding:11px 14px;font-size:1rem}.verify-result{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:20px;padding:16px;overflow-x:auto}.legal{max-width:760px;line-height:1.65}.legal h2{text-align:left;margin:28px 0 8px;font-size:1.25rem}.legal h3,.legal h4{color:#0f3d6b;margin:20px 0 6px}@media (width<=640px){.site-header{padding:10px 4vw}.site-nav{gap:12px;font-size:.85rem}.site-hero{padding:56px 5vw}.verify-form{flex-direction:column}}.system-facts{border-top:1px solid var(--border);gap:6px;padding-top:8px;font-size:.82rem;display:grid}.system-facts div{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.system-facts strong{color:var(--text);text-align:right;overflow-wrap:anywhere;min-width:0}.profile-price-grid .icon-button{color:#b42318;cursor:pointer;vertical-align:middle;background:0 0;border:0;padding:4px}.hidden-profiles{margin-top:12px}.hidden-profile-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.profile-state-grid .business-profiles{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;grid-column:1/-1;gap:6px;min-width:0;margin:0;padding:8px 10px 10px;display:flex}.business-profiles legend{color:#677181;padding:0 4px;font-size:11px}.profile-state-grid .business-profiles .check-row{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;flex-direction:row;align-items:center;padding:3px 10px;font-size:11px;line-height:1.4;display:inline-flex}.business-profiles .check-row input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.business-profiles .check-row:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.business-profiles .check-row:has(input:disabled){opacity:.4;cursor:not-allowed}.business-profiles .check-row:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}@media (width<=640px){.profile-state-grid{grid-template-columns:1fr}}