.sidebar{color:#fff;background:#111827;border-right:1px solid #1f2937;flex-direction:column;width:250px;height:100vh;display:flex}.sidebar-brand{border-bottom:1px solid #1f2937;align-items:center;gap:12px;padding:24px;display:flex}.sidebar-logo{background:#1f2937;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.sidebar-brand strong{font-size:18px;display:block}.sidebar-brand span{color:#9ca3af;font-size:13px}.sidebar-menu{flex-direction:column;gap:6px;padding:12px;display:flex}.sidebar-item{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover,.sidebar-item.active{background:#1f2937}.sidebar-logo{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:48px;display:flex}.sidebar-logo img{object-fit:contain;width:100%;height:100%;display:block}.sidebar-logo{box-sizing:border-box;border-radius:8px;padding:3px;overflow:hidden;background:#fff!important}.sidebar-logo img{object-fit:contain;width:100%;height:100%}.rh-web .rh-bulk{margin:16px 0 24px}.rh-web .rh-drop-zone{background:#11253b;border:1px dashed #527da7;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:19px 21px;transition:background .15s,border-color .15s;display:flex}.rh-web .rh-drop-zone.dragging{background:#1b3e65;border-color:#94c5ff}.rh-web .rh-drop-zone.processing{border-style:solid;border-color:#315d86}.rh-web .rh-drop-zone h3{margin:0 0 4px;font-size:16px}.rh-web .rh-drop-zone p{color:#c0d1e4;margin:0 0 5px;font-size:12px}.rh-web .rh-drop-zone>button{flex-shrink:0}.rh-web .rh-batch-results{border:1px solid #2c4662;border-radius:10px;margin:15px 0;padding:12px}.rh-web .rh-batch-results .rh-section-heading{margin:0 0 8px}.rh-web .rh-batch-results p{color:#b0c8e0;margin:0;font-size:12px}.rh-web .rh-batch-results ul{max-height:290px;margin:0;padding:0;list-style:none;overflow-y:auto}.rh-web .rh-batch-results li{border-top:1px solid #26384a;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.rh-web .rh-batch-results li>div{flex:1;min-width:0}.rh-web .rh-batch-results strong{overflow-wrap:anywhere;font-weight:500;display:block}.rh-web .rh-batch-results small{color:#8da7c2;overflow-wrap:anywhere;margin-top:2px;font-size:11px;display:block}.rh-web .rh-batch-results li>span{text-align:right;color:#a8bbd1;max-width:140px;font-size:10px}.rh-web .rh-batch-results .status-saved>span{color:#87dfc2}.rh-web .rh-batch-results .status-error>span{color:#ffb1bd}.rh-web .rh-batch-results .status-pending_review>span{color:#f2d18a}.rh-web .rh-batch-results button{padding:6px 9px;font-size:11px}.rh-web .rh-pending-list{background:#111d2a;border:1px solid #3e4a5a;border-radius:10px;margin-top:14px;padding:13px 15px}.rh-web .rh-pending-list summary{cursor:pointer;color:#ead6a5;font-size:13px;font-weight:600}.rh-web .rh-pending-list summary>span{margin-left:5px}.rh-web .rh-pending-list>p{margin:10px 0;font-size:12px}.rh-web .rh-pending-name{flex:1;min-width:0}.rh-web .rh-pending-name strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.rh-web .rh-pending-name small{color:#97aabe;overflow-wrap:anywhere;font-size:11px;display:block}@media (width<=650px){.rh-web .rh-drop-zone{flex-direction:column;align-items:stretch;gap:13px;padding:15px}.rh-web .rh-batch-results li{flex-wrap:wrap;gap:7px}.rh-web .rh-batch-results li>div{flex-basis:65%}.rh-web .rh-pending-list .rh-document{flex-wrap:wrap}.rh-web .rh-pending-name{flex-basis:100%}}.rh-web .rh-drop-zone{text-align:center;background:#087f6c;border:2px dashed #9ce8d6;border-radius:14px;flex-direction:column;justify-content:center;gap:13px;min-height:245px;padding:25px 20px}.rh-web .rh-upload-cloud{color:#fff;flex-shrink:0;width:91px;height:73px}.rh-web .rh-drop-zone h3{color:#fff;margin:0 0 7px;font-size:23px;font-weight:700}.rh-web .rh-drop-zone p{color:#effff9;max-width:650px;margin:0 auto 7px;font-size:13px}.rh-web .rh-drop-zone small{color:#d2f7eb;font-size:11px}.rh-web .rh-drop-zone>.primary{color:#075e50;background:#fff;border:1px solid #fff;min-width:220px;padding:11px 25px;font-size:15px;font-weight:700}.rh-web .rh-drop-zone>.primary:hover:not(:disabled){background:#e1fff4;border-color:#fff}.rh-web .rh-drop-zone.dragging{background:#06a17e;border-color:#fff;box-shadow:0 0 0 4px #54e3ba33}.rh-web .rh-drop-zone.processing{background:#176b61;border-color:#90d5c6}@media (width<=650px){.rh-web .rh-drop-zone{align-items:center;min-height:230px;padding:21px 15px}.rh-web .rh-drop-zone h3{font-size:20px}.rh-web .rh-drop-zone>.primary{width:100%;min-width:0}}.hp-section{color:#edf6fc;margin:28px 0;font-family:inherit}.hp-section *,.tax-status *{box-sizing:border-box}.hp-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hp-heading h2{margin:5px 0 6px;font-size:24px;line-height:1.3}.hp-heading p,.hp-card>p{color:#a4b9cb;margin:0;font-size:14px;line-height:1.6}.hp-eyebrow{color:#89c8ed;letter-spacing:1.5px;font-size:11px;font-weight:700}.hp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.hp-card{background:#101e2c;border:1px solid #2b4358;border-radius:18px;flex-direction:column;min-width:0;padding:24px;display:flex}.hp-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hp-symbol{border-radius:13px;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.hp-blue{color:#91cbff;background:#183a53}.hp-gold{color:#f1cc79;background:#3c3422}.hp-counter{color:#f4f8fc;font-size:32px;font-weight:800}.hp-card h3{margin:0 0 8px;font-size:19px}.hp-card ul{flex:1;margin:16px 0;padding:0;list-style:none}.hp-card li{border-top:1px solid #263a4d;padding:12px 0}.hp-card li strong,.hp-card li span{overflow-wrap:anywhere;font-size:14px;line-height:1.5;display:block}.hp-card li span{color:#9bb3c8;margin-top:3px}.hp-action{background:#19394e;border:1px solid #31566d;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:46px;margin-top:auto;padding:13px 16px;font-size:14px;font-weight:700;display:flex;color:#d5eeff!important;text-decoration:none!important}.hp-action:hover{background:#224c66}.hp-action:focus-visible,.hp-refresh:focus-visible{outline-offset:3px;outline:3px solid #83caff}.hp-refresh{color:#d9edff;cursor:pointer;font:inherit;background:#142b3d;border:1px solid #34536b;border-radius:9px;padding:10px 14px;font-size:13px}.hp-good{color:#7adfbd!important;margin:0 0 16px!important;font-size:13px!important}.hp-error{color:#ffc5be}.hp-empty{color:#a4b9cb;border:1px dashed #355269;border-radius:12px;padding:18px}.tax-status{color:#edf6fc;background:#101e2c;border:1px solid #2b4358;border-radius:18px;margin:22px 0;padding:24px}.tax-status .hp-heading{margin-bottom:12px}.tax-status .hp-heading h2{font-size:21px}.tax-status-summary{align-items:center;gap:12px;display:flex}.tax-status-count{color:#f1cc79;font-size:28px;font-weight:800}.tax-status-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.tax-status-item{background:#132536;border:1px solid #2c4255;border-radius:12px;min-width:0;padding:17px}.tax-status-item strong{font-size:15px;line-height:1.5;display:block}.tax-status-item p{color:#a7bfd0;margin:7px 0 12px;font-size:14px;line-height:1.5}.tax-status-tag{color:#f4d291;background:#3e3420;border-radius:6px;padding:5px 8px;font-size:12px;display:inline-block}.tax-status-good{color:#8ce1bf;background:#10392f;border:1px solid #25614f;border-radius:10px;margin-top:16px;padding:12px 15px;font-size:14px;line-height:1.5}.tax-status-note{color:#99b2c8;margin:16px 0 0;font-size:13px;line-height:1.7}.tax-status-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tax-status button{cursor:pointer}.tax-status h2,.tax-status p{overflow-wrap:anywhere}@media (width<=900px){.tax-status-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.hp-grid,.tax-status-list{grid-template-columns:minmax(0,1fr)}.hp-card,.tax-status{padding:19px}.hp-heading h2{font-size:21px}.hp-heading{align-items:flex-start}.hp-refresh{flex-shrink:0}}.rh-web .rh-tax-modal{color:#f2f6fc;background:#101e2e;border:1px solid #3b5879;border-radius:14px;width:min(760px,100vw - 28px);max-height:90vh;margin:auto;padding:24px;overflow:auto;box-shadow:0 20px 80px #0009}.rh-web .rh-tax-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020913c9}.rh-web .rh-tax-modal h2{font-size:22px}.rh-web .rh-tax-modal label{margin-bottom:13px}.rh-web .rh-tax-file{background:#0b1726;border:1px dashed #496b91;border-radius:9px;padding:14px}.rh-web .rh-tax-file small{color:#a2b1c2}.rh-web .rh-tax-help{margin:0 0 13px;font-size:12px}.rh-web .rh-tax-check{color:#d3e0ef;flex-direction:row;align-items:center;gap:10px;margin-top:16px;font-size:13px}.rh-web .rh-tax-check input{margin:0}.rh-web .rh-tax-note{color:#aecbe9;background:#162e45;border-radius:8px;padding:11px 14px;font-size:12px}.rh-web .rh-tax-form-footer{background:#101e2e;border-top:1px solid #26384a;justify-content:flex-end;gap:12px;margin-top:18px;padding:16px 0;display:flex;position:sticky;bottom:-24px}@media (width<=600px){.rh-web .rh-tax-modal{max-height:94vh;padding:16px}.rh-web .rh-tax-modal h2{font-size:18px}.rh-web .rh-tax-modal .rh-form-grid{grid-template-columns:1fr}.rh-web .rh-tax-form-footer{bottom:-16px}.rh-web .rh-section-heading>.rh-actions{flex-wrap:wrap;justify-content:flex-end}.rh-web .rh-tax-modal .rh-section-heading{align-items:flex-start}}.rh-web{--rh-bg:#08111c;--rh-panel:#111d2b;--rh-line:#26384a;--rh-text:#f2f6fc;--rh-muted:#a2b1c2;--rh-blue:#7ab8ff;background:var(--rh-bg);min-height:100vh;color:var(--rh-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5;display:flex}.rh-web *{box-sizing:border-box}.rh-web button,.rh-web input,.rh-web select,.rh-web textarea{font:inherit}.rh-web button{cursor:pointer;color:var(--rh-text);background:#1b2c3f;border:1px solid #354b63;border-radius:8px;padding:8px 13px;transition:background .15s,border-color .15s}.rh-web button:hover:not(:disabled){background:#273f5a;border-color:#6c91b9}.rh-web button:disabled{opacity:.5;cursor:not-allowed}.rh-web button:focus-visible,.rh-web a:focus-visible,.rh-web input:focus-visible,.rh-web select:focus-visible,.rh-web textarea:focus-visible{outline-offset:3px;outline:3px solid #77b5ff}.rh-web input,.rh-web select,.rh-web textarea{color:var(--rh-text);background:#0b1623;border:1px solid #3b5068;border-radius:8px;min-width:0;max-width:100%;padding:9px 11px}.rh-web textarea{resize:vertical;min-height:100px}.rh-web input[type=checkbox]{accent-color:#398eff;flex-shrink:0;width:18px;height:18px}.rh-web input[type=file]{width:100%}.rh-web h2,.rh-web h3,.rh-web h4,.rh-web p{margin-top:0}.rh-web h2{letter-spacing:-.5px;margin-bottom:8px;font-size:25px;line-height:1.25}.rh-web h3{margin-bottom:12px;font-size:17px}.rh-web h4{text-transform:uppercase;letter-spacing:.7px;color:var(--rh-muted);margin:18px 0 5px;font-size:12px}.rh-web label{color:#c0cddd;flex-direction:column;gap:5px;font-size:12px;display:flex}.rh-web small{font-size:12px}.rh-web .primary{color:#fff;background:#2563eb;border-color:#4d8aff}.rh-web .primary:hover:not(:disabled){background:#3473f4}.rh-web .danger{background:#992f3f;border-color:#d76c7c}.rh-web .danger-text{color:#ffb0bb}.rh-muted{color:var(--rh-muted)}.rh-sidebar{border-right:1px solid var(--rh-line);background:#0c1724;flex-direction:column;flex:0 0 260px;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.rh-brand{border-bottom:1px solid var(--rh-line);align-items:center;gap:12px;padding:0 7px 24px;display:flex}.rh-brand img{object-fit:contain;width:46px;height:56px}.rh-brand strong{letter-spacing:.7px;font-size:15px;display:block}.rh-brand small{color:#859cb4;letter-spacing:1.3px;margin-top:4px;font-size:9px;display:block}.rh-nav-caption{letter-spacing:1.7px;color:#7890a9;margin:28px 12px 12px;font-size:10px}.rh-sidebar nav{flex-direction:column;gap:6px;display:flex}.rh-nav-item{color:#a9bdd2;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:13px 12px;text-decoration:none;display:flex}.rh-nav-item strong{font-size:14px;font-weight:600;display:block}.rh-nav-item small{color:#7992ab;margin-top:2px;font-size:11px;display:block}.rh-nav-item:hover{background:#15273a}.rh-nav-item.active{color:#cbe2ff;background:#152e4e;border-color:#2d5782}.rh-nav-item.active small{color:#a0bfe2}.rh-sidebar-foot{color:#7890a9;align-items:center;gap:12px;margin-top:auto;padding:20px 8px 0;font-size:11px;display:flex}.rh-workspace{flex:1;min-width:0}.rh-topbar{border-bottom:1px solid var(--rh-line);background:#0d1826;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;display:flex}.rh-topbar>div:first-child span{letter-spacing:1.8px;color:#7890a9;font-size:9px;display:block}.rh-topbar strong{margin-top:2px;font-size:17px;font-weight:600;display:block}.rh-account{color:#a2b5c9;align-items:center;gap:16px;font-size:12px;display:flex}.rh-account span{overflow-wrap:anywhere;max-width:250px}.rh-account button{background:0 0;font-size:12px}.rh-main{max-width:1450px;margin:auto;padding:30px 32px 60px}.rh-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.rh-section-heading p{margin-bottom:0}.rh-section-heading h3{margin:0}.rh-section-heading h3 span{color:#8198b2;font-size:14px;font-weight:400}.rh-search{width:100%;margin:12px 0 20px}.rh-tabs{flex-wrap:wrap;gap:8px;margin:20px 0 5px;display:flex}.rh-tabs button{color:#aabbd0;background:#111f30;border-radius:22px;padding:7px 13px;font-size:12px}.rh-tabs button.active{color:#fff;background:#255ec0;border-color:#619aff}.rh-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:12px;display:grid}.rh-web .rh-person-card,.rh-web .rh-folder-card{text-align:left;background:var(--rh-panel);border-color:var(--rh-line);border-radius:12px;align-items:center;gap:13px;width:100%;min-height:104px;padding:16px;display:flex}.rh-person-card>span:nth-child(2),.rh-folder-card>span:nth-child(2){flex:1;min-width:0}.rh-person-card strong,.rh-folder-card strong{overflow-wrap:anywhere;font-size:14px;line-height:1.4;display:block}.rh-person-card small,.rh-folder-card small{color:var(--rh-muted);margin-top:4px;display:block}.rh-chevron{color:#6b88a8;font-size:24px}.rh-photo{object-fit:cover;background:#1c334c;border-radius:9px;flex-shrink:0;width:62px;height:70px}.rh-initials{color:#9cc8ff;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.rh-profile{align-items:center;gap:18px;margin:14px 0 18px;display:flex}.rh-profile .rh-photo{width:88px;height:94px}.rh-profile h2{font-size:24px}.rh-profile p{color:#aabbd0;margin:4px 0}.rh-tag{vertical-align:middle;letter-spacing:.2px;color:#8ed4cb;white-space:nowrap;background:#123037;border:1px solid #2a5367;border-radius:14px;padding:3px 9px;font-size:10px;font-style:normal;font-weight:500;display:inline-block}.rh-tag.muted{color:#ccb5c3;background:#272333;border-color:#504451}.rh-person-card .rh-tag{margin-top:6px}.rh-detail{background:var(--rh-panel);border:1px solid var(--rh-line);border-radius:14px;outline:none;padding:24px}.rh-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:0 24px;margin:12px 0 22px;display:grid}.rh-fields>div{border-bottom:1px solid var(--rh-line);min-width:0;padding:10px 0}.rh-fields dt{color:#91a6bd;margin-bottom:3px;font-size:11px}.rh-fields dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px}.rh-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.rh-license{border-bottom:1px solid var(--rh-line);flex-wrap:wrap;align-items:center;gap:12px;padding:11px 0;font-size:13px;display:flex}.rh-license small{color:var(--rh-muted)}.rh-edit{background:#0b1726;border:1px solid #314a65;border-radius:10px;margin:14px 0;padding:18px}.rh-edit>label{margin-bottom:12px}.rh-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;display:grid}.rh-upload{border:1px solid var(--rh-line);background:#0b1726;border-radius:10px;flex-wrap:wrap;align-items:end;gap:12px;padding:14px;display:flex}.rh-upload label{flex:1;min-width:min(100%,180px)}.rh-upload small{color:var(--rh-muted);width:100%}.rh-document{border-bottom:1px solid var(--rh-line);align-items:center;gap:10px;min-width:0;padding:10px 0;display:flex}.rh-document>label{min-width:0;color:var(--rh-text);flex-direction:row;flex:1;align-items:center;gap:11px;font-size:13px}.rh-document>label>span{overflow-wrap:anywhere;min-width:0}.rh-document small{color:#839bb5;margin-top:2px;font-size:10px;display:block}.rh-document button{padding:7px 10px;font-size:11px}.rh-documents{margin-top:26px}.rh-selection{z-index:2;background:#173450;border:1px solid #4377a9;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 24px #0005}.rh-selection strong{flex:1;font-size:12px}.rh-breadcrumb{color:#65819f;flex-wrap:wrap;align-items:center;gap:2px;margin:5px 0 8px;font-size:12px;display:flex}.rh-breadcrumb button{color:#96c7ff;background:0 0;border:0;padding:3px;font-size:12px}.rh-web .rh-back{color:#96c7ff;background:0 0;border:0;padding-left:0;font-size:12px}.rh-folder-symbol{color:#6aaaf2;font-size:33px;line-height:1}.rh-schedule-tools{align-items:end;gap:16px;margin-bottom:18px;display:flex}.rh-schedule-tools label{flex:0 0 190px}.rh-schedule-tools .rh-search{margin:0}.rh-table-wrap{border:1px solid var(--rh-line);border-radius:10px;overflow-x:auto}.rh-web table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.rh-web th{color:#91a9c2;background:#122337;padding:13px 16px;font-size:11px;font-weight:600}.rh-web td{border-top:1px solid var(--rh-line);padding:14px 16px;font-size:13px}.rh-web td button{font-size:11px}.rh-empty{text-align:center;color:#8ea4bc;padding:35px 16px;font-size:13px}.rh-error{color:#ffcad2;background:#432331;border:1px solid #754052;border-radius:8px;margin:12px 0;padding:12px 15px;font-size:13px}.rh-error button{margin-left:10px}.rh-success{color:#a1e7d6;background:#113b36;border:1px solid #326b5f;border-radius:8px;padding:10px 14px;font-size:13px}.rh-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.rh-sidebar{flex-basis:220px;padding:22px 12px}.rh-brand{gap:8px;padding-left:3px}.rh-brand strong{font-size:13px}.rh-main{padding:24px 20px 50px}.rh-topbar{padding:18px 20px}.rh-account span{max-width:160px}}@media (width<=760px){.rh-web{display:block}.rh-sidebar{border-right:0;border-bottom:1px solid var(--rh-line);width:100%;height:auto;padding:14px 14px 10px;position:relative}.rh-brand{border:0;padding:0 4px 12px}.rh-brand img{width:34px;height:38px}.rh-brand strong{font-size:14px}.rh-nav-caption,.rh-sidebar-foot{display:none}.rh-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.rh-nav-item{text-align:center;flex-direction:column;gap:4px;padding:9px 3px}.rh-nav-item strong{font-size:11px}.rh-nav-item small{display:none}.rh-nav-item svg{width:19px;height:19px}.rh-topbar{padding:13px 16px}.rh-topbar strong{font-size:15px}.rh-account span{display:none}.rh-account button{padding:6px 8px;font-size:11px}.rh-main{padding:20px 14px 40px}.rh-web h2{font-size:22px}.rh-detail{padding:16px}.rh-profile h2{font-size:19px}.rh-profile .rh-photo{width:68px;height:78px}.rh-section-heading{gap:10px}.rh-section-heading>button{flex-shrink:0;font-size:11px}.rh-schedule-tools{flex-direction:column;align-items:stretch;gap:10px}.rh-schedule-tools label{flex-basis:auto}.rh-selection{gap:8px;padding:10px;bottom:8px}.rh-selection button{padding:8px;font-size:11px}.rh-document{gap:6px}.rh-document button{padding:7px;font-size:10px}.rh-profile{gap:12px}.rh-tag{font-size:9px}.rh-card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rh-web button{transition:none}}.wh-shell{color:#f5f8fc;background:#08111c;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;display:flex}.wh-shell *{box-sizing:border-box}.wh-shell button,.wh-shell input,.wh-shell textarea{font:inherit}.wh-shell button{cursor:pointer}.wh-shell button:disabled{opacity:.55;cursor:default}.wh-shell button:focus-visible,.wh-shell input:focus-visible,.wh-shell textarea:focus-visible{outline-offset:3px;outline:2px solid #6ddbe6}.wh-sidebar{background:#0c1825;border-right:1px solid #203145;flex-direction:column;flex-shrink:0;width:238px;padding:28px 16px;display:flex;position:fixed;inset:0 auto 0 0}.wh-brand{letter-spacing:.05em;align-items:center;gap:10px;margin-bottom:52px;padding:0 8px;font-size:12px;font-weight:800;display:flex}.wh-brand small{color:#708ea9;letter-spacing:.18em;margin-top:5px;font-size:9px;display:block}.wh-monogram{color:#80e2ec;background:#153349;border:1px solid #34617a;border-radius:9px;place-items:center;width:34px;height:36px;font-size:23px;display:grid}.wh-nav-label{letter-spacing:.15em;color:#6f8aa2;margin:0 12px 12px;font-size:9px}.wh-sidebar>button{color:#90a8be;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;margin:4px 0;padding:13px 12px;font-size:12px;line-height:1.5;display:flex}.wh-sidebar>button.active{color:#e7f3ff;background:#162f48;border-color:#2e557b}.wh-sidebar>button b{background:#2c67d5;border-radius:6px;margin-left:auto;padding:2px 5px;font-size:10px}.wh-sidebar-foot{color:#627e98;margin-top:auto;padding:12px;font-size:10px}.wh-body{width:calc(100% - 238px);margin-left:238px}.wh-topbar{color:#bdd0e2;background:#0c1723;border-bottom:1px solid #203145;justify-content:space-between;align-items:center;height:68px;padding:0 36px;font-size:12px;display:flex}.wh-main{width:100%;max-width:1280px;margin:auto;padding:32px 36px 48px}.wh-quiet{color:#bdd0e2;background:#142637;border:1px solid #2b4359;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;font-size:12px!important}.wh-profile{background:linear-gradient(110deg,#112536,#101c2c 65%,#102b36);border:1px solid #243c50;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;display:flex}.wh-person{align-items:center;gap:18px;min-width:0;display:flex}.wh-person img,.wh-avatar{object-fit:cover;background:#264055;border-radius:11px;flex-shrink:0;width:68px;height:76px}.wh-avatar{color:#96ccf9;place-items:center;font-size:22px;font-weight:800;display:grid}.wh-eyebrow{letter-spacing:.17em;color:#7d9cb4;text-transform:uppercase;font-size:9px;font-weight:700}.wh-person h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:5px 0 7px;font-size:20px;line-height:1.4}.wh-person p{color:#99b1c5;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.wh-status{color:#73ddc9;background:#153d3e;border:1px solid #255354;border-radius:12px;padding:2px 7px;font-size:9px}.wh-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 32px;display:grid}.wh-metric{background:#101d2b;border:1px solid #25374a;border-radius:12px;align-items:flex-start;gap:12px;min-width:0;padding:18px 16px;display:flex}.wh-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.wh-icon.blue{color:#78bbf5;background:#17354b}.wh-icon.purple{color:#bd9aff;background:#302443}.wh-icon.gold{color:#f3cb75;background:#3a3224}.wh-icon.green{color:#76d9b4;background:#143b35}.wh-metric p{color:#95aec3;margin:0 0 9px;font-size:10px;line-height:1.4}.wh-metric strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:19px;line-height:1.3;display:block}.wh-metric small{color:#74b5a7;letter-spacing:.06em;margin-top:6px;font-size:8px;display:block}.wh-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.wh-section-heading h2{letter-spacing:-.03em;margin:6px 0 0;font-size:20px}.wh-section-heading>span{color:#7794ab;font-size:11px}.wh-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.wh-actions>button{text-align:left;color:#dce9f4;background:#101f2e;border:1px solid #2b4055;border-radius:13px;align-items:center;gap:14px;padding:21px 17px;transition:background .15s,border-color .15s,transform .15s;display:flex}.wh-actions>button:hover{background:#152b3d;border-color:#4c7897;transform:translateY(-2px)}.wh-actions>button>span:nth-child(2){flex:1}.wh-actions strong{letter-spacing:-.02em;font-size:15px;display:block}.wh-actions small{color:#86a2b8;margin-top:7px;font-size:11px;line-height:1.7;display:block}.wh-actions>button>.wh-icon{width:45px;height:45px}.wh-followup{background:#0d1b29;border:1px solid #21364a;border-radius:13px;align-items:center;gap:15px;margin-top:25px;padding:21px 23px;display:flex}.wh-followup>div{flex:1}.wh-followup h3{margin:0 0 7px;font-size:14px}.wh-followup p{color:#7f9cb4;margin:0;font-size:12px;line-height:1.5}.wh-alert{color:#9de2c9;background:#133b35;border:1px solid #28634f;border-radius:10px;align-items:center;gap:12px;margin:16px 0;padding:14px 17px;font-size:12px;line-height:1.6;display:flex}.wh-alert>button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:22px}.wh-alert-error{color:#ffc4c4;background:#362125;border-color:#703b46}.wh-mobile-tabs{display:none}.wh-history{margin-top:32px}.wh-review-note{color:#8ca7bd;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 0 18px;font-size:10px;display:flex}.wh-review-note strong{color:#b9cbdc;font-weight:500}.wh-request-row{color:#dbe9f4;text-align:left;background:#0e1c2a;border:1px solid #22384b;border-bottom:0;align-items:center;gap:14px;width:100%;padding:17px 19px;display:flex}.wh-request-row:first-of-type{border-radius:11px 11px 0 0}.wh-request-row:last-of-type{border-bottom:1px solid #22384b;border-radius:0 0 11px 11px}.wh-request-name{flex:1;min-width:0}.wh-request-name>strong{font-size:13px;display:block}.wh-request-name small{color:#6b8aa4;font-weight:400}.wh-request-name>span{color:#7e9cb4;margin-top:6px;font-size:10px;display:block}.wh-request-state{color:#a5c8fa;background:#193047;border-radius:6px;padding:6px 9px;font-size:10px;display:inline-block}.wh-request-state.approved{color:#8edbc0;background:#163c32}.wh-request-state.rejected{color:#efadb4;background:#3d252c}.wh-empty{text-align:center;color:#7e9db4;border:1px dashed #2a4055;border-radius:12px;padding:35px 20px;font-size:12px}.wh-empty>svg{color:#527691}.wh-empty h3{color:#b3c9dc;margin-top:15px;font-size:14px;font-weight:500}.wh-empty p{line-height:1.6}.wh-pagination{color:#8ca7bd;justify-content:center;align-items:center;gap:18px;margin-top:18px;font-size:12px;display:flex}.wh-pagination button{color:#bed5e8;background:#152c40;border:1px solid #2b465c;border-radius:7px;padding:8px 14px}.wh-footnote{color:#6f8ba3;margin-top:24px;font-size:11px}.wh-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wh-dialog{background:#101f2e;border:1px solid #34516a;border-radius:17px;width:100%;max-width:600px;max-height:calc(100dvh - 48px);padding:27px;overflow:auto;box-shadow:0 25px 100px #0008}.wh-dialog-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.wh-dialog-heading h2{letter-spacing:-.035em;margin:5px 0;font-size:24px}.wh-dialog-heading>.wh-quiet{padding:3px 10px;font-size:22px!important}.wh-form-person{color:#8ba8bd;border-bottom:1px solid #243b50;padding-bottom:18px;font-size:11px;line-height:1.7}.wh-form-grid{grid-template-columns:1fr 1fr;gap:17px;margin-top:22px;display:grid}.wh-field{color:#b4cadc;flex-direction:column;gap:8px;font-size:12px;display:flex}.wh-field input,.wh-field textarea{color:#eff6fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1723;border:1px solid #314b61;border-radius:8px;width:100%;min-width:0;padding:12px 13px}.wh-field textarea{resize:vertical;line-height:1.6}.wh-full,.wh-calculation,.wh-checkbox{grid-column:1/-1}.wh-calculation{color:#7dbbdc;background:#153445;border:1px solid #28536a;border-radius:9px;gap:13px;padding:16px;display:flex}.wh-calculation>span{font-size:11px}.wh-calculation strong{color:#d7ecfa;margin:5px 0;font-size:18px;display:block}.wh-calculation small{color:#8bb3c7;font-size:10px;display:block}.wh-checkbox{color:#91adbf;align-items:flex-start;gap:10px;font-size:11px;line-height:1.7;display:flex}.wh-checkbox input{accent-color:#347be9;flex-shrink:0;width:16px;height:16px;margin:3px 0 0}.wh-submit-note{color:#7899b2;margin:20px 0;font-size:10px;line-height:1.8}.wh-dialog-footer{border-top:1px solid #263f54;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:20px;display:flex}.wh-primary{color:#fff;background:#2563eb;border:1px solid #4c83f6;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.wh-form-error{color:#ffb8b8;background:#3f252c;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.6}.wh-detail-reason{color:#bfd0df;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.wh-detail-values{background:#0d1926;border-radius:10px;grid-template-columns:1fr 1fr;gap:14px;padding:18px;display:grid}.wh-detail-values dt{color:#7d9db5;font-size:10px}.wh-detail-values dd{margin:6px 0 0;font-size:13px}.wh-tracking-title{margin:25px 0 18px;font-size:14px}.wh-timeline{margin:0;padding:0;list-style:none}.wh-timeline li{gap:13px;padding:0 0 22px;display:flex;position:relative}.wh-timeline li:not(:last-child):before{content:"";background:#284158;width:1px;position:absolute;top:27px;bottom:0;left:13px}.wh-timeline li>span{color:#9bb7cf;background:#20364b;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.wh-timeline li.approve>span{color:#8fe5c4;background:#1b5142}.wh-timeline li.reject>span{color:#ffc1c8;background:#612d3b}.wh-timeline strong{font-size:12px}.wh-timeline p{color:#829fb7;overflow-wrap:anywhere;margin:5px 0 0;font-size:11px;line-height:1.5}@media (width>=1600px){.wh-main{padding-top:40px}.wh-profile{padding:28px 30px}.wh-person h1{font-size:23px}.wh-metric{padding:22px 18px}.wh-metric p{font-size:11px}.wh-metric strong{font-size:21px}.wh-actions>button{padding:26px 20px}.wh-actions strong{font-size:17px}.wh-actions small{font-size:12px}}@media (width<=1200px){.wh-sidebar{width:210px}.wh-body{width:calc(100% - 210px);margin-left:210px}.wh-main{padding:26px 24px}.wh-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-actions>button{flex-wrap:wrap}.wh-actions>button>.wh-icon{width:36px;height:36px}.wh-actions>button>svg{display:none}.wh-actions small{font-size:10px}}@media (width<=760px){.wh-sidebar{display:none}.wh-body{width:100%;margin:0}.wh-topbar{height:55px;padding:0 18px}.wh-main{padding:20px 16px 35px}.wh-profile{border-radius:12px;gap:8px;padding:17px 16px}.wh-profile>.wh-quiet{display:none}.wh-person{gap:13px}.wh-person img,.wh-avatar{border-radius:9px;width:54px;height:62px}.wh-person h1{margin:3px 0 6px;font-size:16px}.wh-person p{font-size:10px}.wh-eyebrow{font-size:8px}.wh-metrics{gap:9px;margin:12px 0 19px}.wh-metric{gap:9px;padding:14px 12px}.wh-metric>.wh-icon{border-radius:7px;width:28px;height:30px}.wh-metric>.wh-icon>svg{width:17px;height:17px}.wh-metric p{margin-bottom:7px;font-size:9px}.wh-metric strong{font-size:16px}.wh-metric small{font-size:7px}.wh-mobile-tabs{background:#0d1b2a;border:1px solid #24394c;border-radius:10px;gap:6px;margin:0 0 24px;padding:5px;display:flex}.wh-mobile-tabs button{color:#7898b2;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 4px;font-size:11px;display:flex}.wh-mobile-tabs button.active{color:#e5f3ff;background:#1a3853}.wh-mobile-tabs svg{width:17px;height:17px}.wh-section-heading h2{font-size:19px}.wh-actions{grid-template-columns:1fr;gap:9px}.wh-actions>button{flex-wrap:nowrap;gap:14px;padding:16px}.wh-actions>button>.wh-icon{width:39px;height:39px}.wh-actions strong{font-size:14px}.wh-actions small{margin-top:4px;font-size:11px}.wh-actions>button>svg{display:block}.wh-followup{flex-wrap:wrap;gap:12px;padding:17px}.wh-followup p{font-size:11px}.wh-followup>.wh-quiet{margin-left:52px}.wh-history{margin-top:25px}.wh-request-row{flex-wrap:wrap;gap:9px;padding:14px 11px}.wh-request-row>.wh-icon{width:32px;height:34px}.wh-request-state{padding:5px 7px;font-size:9px}.wh-request-row>svg{display:none}.wh-request-name>strong{font-size:12px}.wh-request-name>span{font-size:9px}.wh-backdrop{padding:12px}.wh-dialog{border-radius:13px;max-height:calc(100dvh - 24px);padding:21px 18px}.wh-dialog-heading h2{font-size:23px}.wh-form-grid{gap:14px}.wh-field{font-size:11px}.wh-dialog-footer{gap:8px}.wh-quiet,.wh-primary{font-size:11px!important}.wh-detail-values{padding:14px}.wh-topbar>.wh-quiet{padding:8px 10px}}@media (prefers-reduced-motion:reduce){.wh-actions>button{transition:none}.wh-actions>button:hover{transform:none}}.wh-real-logo{object-fit:contain;width:45px;height:51px}.wh-profile{margin-bottom:24px}.wh-metrics{gap:16px;margin-top:24px;margin-bottom:32px}.wh-metric{padding:23px 18px}.wh-followup{margin-top:30px;padding:26px}.wh-actions{gap:18px}.wh-actions>button{padding:25px 19px}@media (width<=760px){.wh-profile{margin-bottom:20px}.wh-metrics{gap:14px;margin-bottom:26px}.wh-metric{padding:18px 14px}.wh-followup{margin-top:26px;padding:22px}.wh-actions{gap:14px}.wh-actions>button{padding:20px}.wh-real-logo{width:40px;height:45px}}.wh-embedded{background:0 0;min-height:0;display:block}.wh-embedded .wh-sidebar,.wh-embedded .wh-topbar,.wh-embedded .wh-profile,.wh-embedded .wh-metrics{display:none}.wh-embedded .wh-body{width:100%;margin:0}.wh-embedded .wh-main{max-width:none;padding:0}.wh-overview{color:#edf6fc;width:100%;margin-bottom:28px;font-family:system-ui,sans-serif}.wh-overview .wh-profile{margin-bottom:0}.wh-overview .wh-metrics{margin-bottom:16px}.wh-overview-line{border-radius:3px;width:25px;height:3px;margin-bottom:15px;display:block}.wh-overview-line.blue{background:#78bbf5}.wh-overview-line.purple{background:#bd9aff}.wh-overview-line.gold{background:#f3cb75}.wh-overview-line.green{background:#76d9b4}.wh-overview-note{color:#b4ac8d;font-size:12px;line-height:1.7}.wh-staff{color:#eff6fc;font-family:system-ui,sans-serif}.wh-staff-description{color:#8ba7be;font-size:12px;line-height:1.7}.wh-staff .wh-section-heading{align-items:flex-start}.wh-reject{color:#ffb7c5!important;border-color:#74404e!important}.wh-manager-links{flex-wrap:wrap;gap:12px;margin:12px 0 28px;display:flex}.wh-manager-links a{color:#d9ecfc;background:#14283a;border:1px solid #2d485e;border-radius:10px;padding:17px 20px;font-size:14px;font-weight:600;text-decoration:none;display:block}.wh-manager-links small{color:#85a5be;margin-top:6px;font-size:11px;font-weight:400;display:block}.wh-manager-links a:hover{background:#1c3b54}.wh-staff .wh-dialog textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=760px){.wh-manager-links{flex-direction:column}.wh-staff .wh-dialog-footer{flex-wrap:wrap}}.wh-payroll{border-bottom:1px solid #294156;margin-bottom:28px;padding-bottom:28px}.wh-payroll .wh-section-heading h2{font-size:19px}.wh-payroll-tools{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}.wh-payroll-tools>span{color:#8ba7be;padding-bottom:10px;font-size:12px}.wh-payroll-row{background:#102131;border:1px solid #2a4357;border-radius:11px;flex-wrap:wrap;align-items:center;gap:22px;margin-top:10px;padding:18px;display:flex}.wh-payroll-row>div:first-child{flex:1;min-width:180px}.wh-payroll-row strong{color:#e8f3fb;font-size:14px;display:block}.wh-payroll-row small{color:#87a7be;margin:5px 0;font-size:11px;line-height:1.7;display:block}.wh-payroll-row>div:nth-child(2)>strong{font-size:18px}.wh-payroll-row button{font-size:11px!important}@media (width<=760px){.wh-payroll .wh-section-heading{flex-wrap:wrap}.wh-payroll-row{gap:12px}.wh-payroll-row>div:first-child{min-width:140px}.wh-payroll-row>div:nth-child(2)>strong{font-size:16px}}.dashboard-layout{color:#f9fafb;background:#0b1120;min-height:100vh;display:flex}.dashboard-content{flex:1;min-width:0;padding:24px}.dashboard-header{background:#111827;border:1px solid #1f2937;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;display:flex}.dashboard-header h1{color:#f9fafb;margin:0 0 6px;font-size:30px}.dashboard-header p{color:#9ca3af;margin:0}.dashboard-user{align-items:center;gap:18px;display:flex}.dashboard-user div{text-align:right;flex-direction:column;display:flex}.dashboard-user strong{color:#f9fafb}.dashboard-user span{color:#9ca3af;text-transform:uppercase;margin-top:3px;font-size:13px}.dashboard-user button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:10px 16px}.dashboard-user button:hover{background:#374151}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.units-panel{background:#111827;border:1px solid #1f2937;border-radius:14px;margin-top:24px;overflow:hidden}.units-panel-header{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.units-panel-header h2{color:#f9fafb;margin:0 0 6px}.units-panel-header p{color:#9ca3af;margin:0}.refresh-button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.refresh-button:hover:not(:disabled){background:#374151}.refresh-button:disabled{opacity:.6;cursor:wait}.units-table-wrapper{overflow-x:auto}.units-table{border-collapse:collapse;width:100%}.units-table th,.units-table td{text-align:left;border-bottom:1px solid #1f2937;padding:16px 24px}.units-table th{color:#9ca3af;text-transform:uppercase;font-size:13px;font-weight:600}.units-table td{color:#e5e7eb}.units-table tbody tr:hover{background:#ffffff06}.units-table tbody tr:last-child td{border-bottom:0}.units-message{color:#cbd5e1;padding:30px 24px}.units-error{color:#fca5a5}.status-badge{border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.status-badge.online{color:#4ade80;background:#22c55e1f}.status-badge.offline{color:#f87171;background:#ef44441f}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.dashboard-layout{display:block}.sidebar{width:100%;height:auto}.dashboard-content{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-user{justify-content:space-between;width:100%}.dashboard-stats{grid-template-columns:1fr}.units-panel-header{flex-direction:column;align-items:flex-start}.units-table th,.units-table td{padding:14px 16px}}.unit-row{cursor:pointer}.unit-row:hover{background:#3b82f614}.selected-unit{background:#0f172a;border-top:1px solid #1f2937;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.selected-unit span{color:#9ca3af;font-size:13px}.selected-unit h3{color:#f9fafb;margin:6px 0;font-size:22px}.selected-unit p{color:#cbd5e1;margin:5px 0 0}.selected-unit button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:9px 14px}.selected-unit button:hover{background:#374151}.login-page{box-sizing:border-box;background:#0f1720;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{box-sizing:border-box;background:#fff;border-radius:10px;width:360px;padding:28px 35px 35px;box-shadow:0 10px 30px #00000040}.login-logo{object-fit:contain;width:190px;max-width:75%;height:auto;margin:0 auto 25px;display:block}.login-card input{box-sizing:border-box;width:100%;margin-bottom:15px;padding:12px;font-size:16px}.login-card button{cursor:pointer;width:100%;padding:12px;font-size:16px}.login-card button:disabled{cursor:not-allowed;opacity:.7}.error{color:red;text-align:center;margin-top:15px;margin-bottom:0}.rh-payroll{gap:18px;display:grid}.rh-payroll .payroll-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.rh-payroll h1,.rh-payroll h2,.rh-payroll p{margin:0}.rh-payroll .payroll-heading p{color:#a8bdd1;margin-top:5px}.rh-payroll .payroll-tag{color:#bad9f8;background:#142a40;border:1px solid #31516f;border-radius:8px;padding:6px 10px;display:inline-block}.rh-payroll .payroll-card{background:#111d2a;border:1px solid #2c465f;border-radius:12px;min-width:0;padding:18px}.rh-payroll .payroll-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rh-payroll .payroll-primary{color:#fff;background:#245de0;border-color:#4277ef}.rh-payroll button:disabled{opacity:.55}.rh-payroll .payroll-empty{color:#9fb4c9;background:#0c1723;border-radius:8px;margin-top:14px;padding:14px}.rh-payroll .payroll-alert{color:#ffbac1;background:#351f2b;border-radius:8px;padding:10px}.rh-payroll .payroll-history{margin:12px 0 0;padding:0;list-style:none}.rh-payroll .payroll-history li{border-top:1px solid #2c465f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.rh-payroll .payroll-table{border:1px solid #2c465f;border-radius:8px;margin:14px 0;overflow-x:auto}.rh-payroll table{border-collapse:collapse;white-space:nowrap;width:100%}.rh-payroll th,.rh-payroll td{text-align:right;border-bottom:1px solid #26384b;padding:10px 12px}.rh-payroll th:first-child{text-align:left;background:#152538;position:sticky;left:0}.rh-payroll thead{background:#152538}.rh-payroll .rh-drop-zone small{overflow-wrap:anywhere}.stat-card{background:#111827;border:1px solid #1f2937;border-radius:14px;align-items:center;gap:16px;min-height:120px;padding:22px;transition:transform .2s,border-color .2s;display:flex}.stat-card:hover{border-color:#374151;transform:translateY(-2px)}.stat-card-icon{background:#1f2937;border-radius:12px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.stat-card-info{flex-direction:column;gap:5px;display:flex}.stat-card-info span{color:#9ca3af;font-size:14px}.stat-card-info strong{color:#f9fafb;font-size:30px;line-height:1}.stat-card-online .stat-card-icon{color:#4ade80;background:#22c55e26}.stat-card-offline .stat-card-icon{color:#f87171;background:#ef444426}.stat-card-cameras .stat-card-icon{color:#60a5fa;background:#3b82f626}.stat-card-units .stat-card-icon{color:#c084fc;background:#a855f726}.camera-card{background:#000;width:100%;overflow:hidden}.camera-card-header{background:#0f192b;border-bottom:1px solid #1d293b;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 17px;display:flex}.camera-card-header h3{color:#f8fafc;margin:4px 0 0;font-size:16px}.camera-status{color:#fbbf24;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.camera-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.camera-status.online{color:#4ade80}.camera-actions{gap:8px;display:flex}.camera-actions button{color:#e2e8f0;cursor:pointer;background:#172033;border:1px solid #334155;border-radius:9px;outline:none;place-items:center;width:38px;height:38px;font-size:17px;transition:background .18s,border-color .18s,transform .18s;display:grid}.camera-actions button:hover:not(:disabled){background:#1e3a5f;border-color:#3b82f6;transform:translateY(-1px)}.camera-actions button:disabled{opacity:.35;cursor:not-allowed}.camera-video-wrapper{aspect-ratio:16/9;background:radial-gradient(circle,#101827,#000 72%);width:100%;position:relative;overflow:hidden}.camera-video-wrapper video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.camera-no-stream{color:#64748b;text-align:center;place-content:center;justify-items:center;gap:11px;width:100%;height:100%;display:grid}.camera-no-stream svg{font-size:42px}.camera-card-footer{color:#94a3b8;background:#0b1323;border-top:1px solid #1d293b;padding:10px 17px;font-size:12px;font-weight:600}.camera-main-player .camera-card-header,.camera-main-player .camera-card-footer{display:none}.camera-main-player .camera-video-wrapper{aspect-ratio:16/9;min-height:430px;max-height:calc(100vh - 315px)}@media (width<=1000px){.camera-main-player .camera-video-wrapper{min-height:0;max-height:none}}.camera-card{background:#000;width:100%;height:100%;overflow:hidden}.camera-card-player{background:#000;width:100%;height:min(62vh,620px);min-height:380px;position:relative;overflow:hidden}.camera-card-player video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.camera-card-overlay{color:#fff;pointer-events:none;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.camera-card-overlay svg{width:34px;height:34px}.camera-card-status{z-index:3;position:absolute;top:14px;left:14px}.camera-card-player video{-webkit-user-select:none;user-select:none;outline:none}.camera-card-player video::-webkit-media-controls{display:none!important}.camera-card-player video::-webkit-media-controls-enclosure{display:none!important}.camera-card-player video::-webkit-media-controls-panel{display:none!important}.camera-card-status{color:#cbd5e1;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020812d1;border:1px solid #94a3b852;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.camera-card-status.online{color:#55ff73;text-shadow:0 0 5px #55ff73,0 0 13px #55ff73b8;background:#001608e0;border-color:#43ff68cc;box-shadow:0 0 8px #43ff689e,0 0 24px #43ff683b,inset 0 0 12px #43ff681a}.camera-card-status.online:before{content:"";background:#55ff73;border-radius:50%;flex:none;width:9px;height:9px;animation:1.35s ease-in-out infinite camera-live-neon-pulse;box-shadow:0 0 7px #55ff73,0 0 16px #55ff73f2}@keyframes camera-live-neon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.74)}}.camera-vms-footer{background:linear-gradient(#0e1c30fa,#081322fa);border-top:1px solid #21314a;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:10px 16px;display:flex}.camera-vms-footer-info{align-items:center;gap:22px;min-width:0;display:flex}.camera-vms-footer-channel{color:#e5eefc;align-items:center;gap:10px;display:flex}.camera-vms-footer-channel>svg{color:#3b82f6;font-size:21px}.camera-vms-footer-channel div{flex-direction:column;gap:2px;display:flex}.camera-vms-footer-channel strong{font-size:13px}.camera-vms-footer-channel span{color:#8294af;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.camera-vms-health{color:#94a3b8;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.camera-vms-health>span{background:#64748b;border-radius:50%;flex:none;width:8px;height:8px}.camera-vms-health.online{color:#75ff8c}.camera-vms-health.online>span{background:#55ff73;box-shadow:0 0 7px #55ff73,0 0 14px #55ff73b8}.camera-vms-protocol{color:#7f93b0;letter-spacing:.1em;border-left:1px solid #2a3a54;padding-left:20px;font-size:10px;font-weight:900}.camera-vms-footer-actions{align-items:center;gap:9px;display:flex}.camera-vms-footer-actions button{color:#dbeafe;cursor:pointer;background:#13233a;border:1px solid #334866;border-radius:9px;outline:none;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:11px;font-weight:800;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.camera-vms-footer-actions button:hover:not(:disabled){background:#193253;border-color:#3b82f6;transform:translateY(-1px)}.camera-vms-footer-actions button:disabled{opacity:.38;cursor:not-allowed}.camera-card:fullscreen{background:#000;flex-direction:column;width:100vw;height:100vh;display:flex}.camera-card:fullscreen .camera-card-player{flex:1;height:auto;min-height:0}.camera-card:fullscreen .camera-vms-footer{flex:none}@media (width<=850px){.camera-vms-footer{flex-direction:column;align-items:flex-start}.camera-vms-footer-info{flex-wrap:wrap;gap:13px;width:100%}.camera-vms-footer-actions{width:100%}.camera-vms-footer-actions button{flex:1}}.camera-card-status.online{display:none!important}.camera-card-player{height:min(69vh,700px);min-height:430px}.camera-card-player video{object-fit:contain;background:#000;width:100%;height:100%}@media (width<=1100px){.camera-card-player{height:min(65vh,640px);min-height:390px}}@media (width<=700px){.camera-card-player{height:56vh;min-height:320px}}.camera-card{position:relative}.camera-card-player{touch-action:none}.camera-card-player video{transform-origin:50%;will-change:transform;transition:transform .12s ease-out}.camera-card-player video:active{transition:none}.camera-snapshot-toast{z-index:30;color:#75ff8c;opacity:0;pointer-events:none;background:#001a0af0;border:1px solid #55ff73b8;border-radius:10px;max-width:calc(100% - 40px);padding:12px 16px;font-size:12px;font-weight:900;transition:opacity .2s,transform .2s;position:absolute;top:20px;right:20px;transform:translateY(-10px);box-shadow:0 0 10px #55ff7373,0 0 28px #55ff7329}.camera-snapshot-toast.is-visible{opacity:1;transform:translateY(0)}.camera-card:after{z-index:25;content:"";pointer-events:none;background:#fff0;position:absolute;inset:0}.camera-card.camera-snapshot-flash:after{animation:.24s ease-out camera-snapshot-flash}@keyframes camera-snapshot-flash{0%{background:#fff0}25%{background:#ffffffad}to{background:#fff0}}.google-gps-map-shell{background:#07101c;width:100%;height:100%;min-height:600px;position:relative;overflow:hidden}.google-gps-map{width:100%;height:100%;min-height:600px}.google-gps-map-message{z-index:20;color:#fff;text-align:center;background:#08111ff0;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:min(320px,100% - 30px);padding:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.google-gps-map-message span{font-size:30px}.google-gps-map-message.is-error{color:#fecaca;border-color:#ef44448c}.google-gps-marker{flex-direction:column;align-items:center;display:flex;position:relative;transform:translateY(3px)}.google-gps-marker-pin{background:var(--marker-background,#246af2);border:3px solid #fff;border-radius:50% 50% 50% 7px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-45deg);box-shadow:0 5px 15px #0000006b}.google-gps-marker-pin span{color:#fff;font-size:18px;font-weight:900;transform:rotate(45deg)}.google-gps-marker-label{color:#172033;text-overflow:ellipsis;white-space:nowrap;background:#fffffff5;border:1px solid #00000024;border-radius:999px;max-width:140px;margin-top:7px;padding:4px 8px;font-size:10px;font-weight:800;overflow:hidden;box-shadow:0 3px 9px #00000038}.google-gps-info{color:#172033;flex-direction:column;gap:5px;min-width:180px;padding:3px;display:flex}.google-gps-info strong{margin-bottom:3px;font-size:14px}.google-gps-info span{font-size:11px}@media (width<=850px){.google-gps-map-shell,.google-gps-map{min-height:520px}}@media (width<=560px){.google-gps-map-shell,.google-gps-map{min-height:450px}}.cameras-layout{color:#f8fafc;background:radial-gradient(circle at 100% 0,#2563eb14,#0000 32%),#070d19;min-height:100vh;display:flex}.cameras-content{flex:1;min-width:0;padding:24px;overflow-x:hidden}.cameras-header{background:#0f172adb;border:1px solid #1d293b;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:22px 26px;display:flex;box-shadow:0 16px 45px #0000002e}.cameras-eyebrow{color:#3b82f6;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.cameras-header h1{margin:0 0 6px;font-size:clamp(25px,3vw,34px);line-height:1.15}.cameras-header p{color:#94a3b8;margin:0;font-size:14px}.cameras-user{align-items:center;gap:16px;display:flex}.cameras-user>div{text-align:right;flex-direction:column;display:flex}.cameras-user strong{font-size:14px}.cameras-user span{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-size:11px}.cameras-user button,.activate-cameras-button{color:#f8fafc;cursor:pointer;background:#172033;border:1px solid #334155;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 17px;font-family:inherit;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.cameras-user button:hover,.activate-cameras-button:hover:not(:disabled){background:#1e293b;border-color:#3b82f6;transform:translateY(-1px)}.activate-cameras-button{background:#2563eb;border-color:#2563eb}.activate-cameras-button:hover:not(:disabled){background:#1d4ed8}.activate-cameras-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.camera-toolbar{background:#0f172ae0;border:1px solid #1d293b;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:18px;padding:18px 20px;display:flex}.camera-unit-selector{flex-direction:column;gap:8px;width:min(360px,100%);display:flex}.camera-unit-selector label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.camera-unit-selector select{color:#f8fafc;cursor:pointer;background:#0b1323;border:1px solid #334155;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 42px 10px 13px;font-family:inherit;font-size:14px}.camera-unit-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f621}.selected-camera-unit{background:linear-gradient(135deg,#1e293be6,#0f172af5);border:1px solid #1d293b;border-radius:16px;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(140px,.65fr));gap:0;margin-top:18px;display:grid;overflow:hidden}.selected-camera-unit>div{flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:20px 22px;display:flex}.selected-camera-unit>div+div{border-left:1px solid #1d293b}.selected-camera-unit span{color:#94a3b8;font-size:12px;font-weight:600}.selected-camera-unit h2,.selected-camera-unit strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.selected-camera-unit h2{font-size:23px}.selected-camera-unit strong{font-size:14px}.camera-monitor{background:#0e1728;border:1px solid #1d293b;border-radius:16px;margin-top:18px;overflow:hidden;box-shadow:0 18px 55px #0000003d}.camera-monitor-topbar{background:#111b2d;border-bottom:1px solid #1d293b;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:14px 18px;display:flex}.camera-monitor-title{align-items:center;gap:13px;min-width:0;display:flex}.camera-monitor-title>svg{color:#3b82f6;flex:none;font-size:23px}.camera-monitor-title span{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.camera-monitor-title h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.camera-channel-counter{color:#cbd5e1;background:#0b1323;border:1px solid #334155;border-radius:999px;flex:none;padding:7px 11px;font-size:12px;font-weight:700}.camera-main-player{background:#000;width:100%}.camera-main-player .camera-card{box-shadow:none;border:0;border-radius:0}.camera-channel-controls{background:#111b2d;border-top:1px solid #1d293b;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:14px 16px;display:grid}.camera-channel-selector{scrollbar-width:thin;scrollbar-color:#334155 transparent;justify-content:center;align-items:stretch;gap:9px;min-width:0;padding:2px;display:flex;overflow-x:auto}.camera-channel-selector::-webkit-scrollbar{height:5px}.camera-channel-selector::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}.camera-channel-button,.camera-channel-arrow{color:#cbd5e1;cursor:pointer;background:#0b1323;border:1px solid #334155;outline:none;font-family:inherit;transition:border-color .18s,background .18s,color .18s,transform .18s}.camera-channel-button{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-width:122px;min-height:43px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.camera-channel-button svg{font-size:17px}.camera-channel-button:hover,.camera-channel-arrow:hover:not(:disabled){color:#fff;background:#172554;border-color:#3b82f6;transform:translateY(-1px)}.camera-channel-button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;box-shadow:0 8px 24px #2563eb40}.camera-channel-arrow{border-radius:10px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.camera-channel-arrow:disabled{opacity:.3;cursor:not-allowed;transform:none}.cameras-message,.cameras-empty{background:#0f172a;border:1px solid #1d293b;border-radius:14px;margin-top:18px;padding:28px}.cameras-error{color:#fca5a5;background:#7f1d1d29;border-color:#ef444466}.cameras-empty{text-align:center;color:#94a3b8;align-content:center;place-items:center;gap:8px;min-height:250px;display:grid}.cameras-empty svg{color:#475569;font-size:44px}.cameras-empty h2{color:#f8fafc;margin:6px 0 0}.cameras-empty p{max-width:460px;margin:0;line-height:1.6}@keyframes cameras-spin{to{transform:rotate(360deg)}}@media (width<=1150px){.selected-camera-unit{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-camera-unit>div+div{border-left:0}.selected-camera-unit>div:nth-child(2n){border-left:1px solid #1d293b}.selected-camera-unit>div:nth-child(n+3){border-top:1px solid #1d293b}}@media (width<=850px){.cameras-header{flex-direction:column;align-items:flex-start}.cameras-user{justify-content:space-between;width:100%}.cameras-user>div{text-align:left}.camera-toolbar{flex-direction:column;align-items:stretch}.camera-unit-selector,.activate-cameras-button{width:100%}.camera-channel-controls{grid-template-columns:36px minmax(0,1fr) 36px;gap:7px;padding:11px 9px}.camera-channel-arrow{width:36px;height:40px}.camera-channel-button{min-width:105px}}@media (width<=760px){.cameras-layout{display:block}.cameras-content{padding:13px}.selected-camera-unit{grid-template-columns:1fr}.selected-camera-unit>div,.selected-camera-unit>div:nth-child(2n){border-left:0}.selected-camera-unit>div+div{border-top:1px solid #1d293b}.camera-monitor-topbar{flex-direction:column;align-items:flex-start}.camera-channel-counter{align-self:flex-start}}@media (width<=480px){.cameras-header,.camera-toolbar{padding:17px}.cameras-user{flex-direction:column;align-items:stretch}.cameras-user button{width:100%}.camera-channel-button{min-width:94px;padding-inline:10px}}.camera-monitor{width:100%;max-width:1500px;margin-left:auto;margin-right:auto}.camera-main-player{background:#000;width:100%;position:relative}.camera-main-player .camera-video-wrapper{aspect-ratio:auto;width:100%;height:clamp(420px,66vh,720px);min-height:0;max-height:none}.camera-main-player .camera-video-wrapper video{object-fit:contain;object-position:center;width:100%;height:100%}.camera-monitor-topbar{min-height:72px}.selected-camera-unit,.camera-toolbar{max-width:1500px;margin-left:auto;margin-right:auto}@media (width<=900px){.camera-main-player .camera-video-wrapper{aspect-ratio:16/9;height:auto}}.camera-live-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:11px;display:flex}.camera-live-badge{letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 13px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.camera-live-badge span{border-radius:50%;flex:none;width:8px;height:8px}.camera-live-badge.online{color:#58ff77;text-shadow:0 0 5px #58ff77,0 0 12px #58ff77a6;background:#001608e6;border-color:#4bff6fc7;box-shadow:0 0 8px #4bff6f85,0 0 22px #4bff6f2e}.camera-live-badge.online span{background:#58ff77;animation:1.35s ease-in-out infinite camera-vms-live-pulse;box-shadow:0 0 7px #58ff77,0 0 15px #58ff77eb}.camera-live-badge.connecting{color:#fde047;background:#1e1700e6;border-color:#facc15a6}.camera-live-badge.connecting span{background:#fde047;animation:.9s ease-in-out infinite camera-vms-live-pulse;box-shadow:0 0 10px #fde047e6}.camera-live-badge.offline{color:#fca5a5;background:#230505e0;border-color:#f871718c}.camera-live-badge.offline span{background:#f87171}.camera-live-clock{color:#dbeafe;letter-spacing:.05em;background:#0b1829e0;border:1px solid #3d5578b8;border-radius:8px;align-items:center;min-height:34px;padding:0 12px;font-family:monospace;font-size:13px;font-weight:800;display:inline-flex}.camera-live-toolbar .camera-channel-counter{align-items:center;min-height:34px;padding:0 12px;display:inline-flex}@keyframes camera-vms-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.74)}}@media (width<=850px){.camera-monitor-topbar{align-items:flex-start;gap:14px}.camera-live-toolbar{justify-content:flex-start;width:100%}}.camera-vms-meta-bar{background:linear-gradient(#0e1c30fa,#081322fa);border-top:1px solid #21314a;border-bottom:1px solid #1a2940;justify-content:space-between;align-items:center;gap:18px;min-height:62px;padding:10px 16px;display:flex}.camera-vms-meta-left{align-items:center;gap:22px;min-width:0;display:flex}.camera-vms-meta-unit{color:#e5eefc;align-items:center;gap:10px;display:flex}.camera-vms-meta-unit>svg{color:#3b82f6;flex:none;font-size:21px}.camera-vms-meta-unit>div{flex-direction:column;gap:2px;display:flex}.camera-vms-meta-unit strong{font-size:13px}.camera-vms-meta-unit span{color:#8294af;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.camera-vms-meta-status{color:#94a3b8;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.camera-vms-meta-status>span{background:#64748b;border-radius:50%;flex:none;width:8px;height:8px}.camera-vms-meta-status.online{color:#75ff8c}.camera-vms-meta-status.online>span{background:#55ff73;box-shadow:0 0 7px #55ff73,0 0 14px #55ff73b8}.camera-vms-meta-status.connecting{color:#fde047}.camera-vms-meta-status.connecting>span{background:#fde047;box-shadow:0 0 10px #fde047bf}.camera-vms-meta-status.offline{color:#fca5a5}.camera-vms-meta-status.offline>span{background:#f87171}.camera-vms-meta-protocol{color:#7f93b0;letter-spacing:.1em;border-left:1px solid #2a3a54;padding-left:20px;font-size:10px;font-weight:900}.camera-vms-meta-right{color:#aebed4;background:#102037;border:1px solid #293d5c;border-radius:8px;flex:none;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=850px){.camera-vms-meta-bar{flex-direction:column;align-items:flex-start}.camera-vms-meta-left{flex-wrap:wrap;gap:13px;width:100%}.camera-vms-meta-right{justify-content:center;width:100%}}.camera-vms-meta-actions{align-items:center;gap:10px;display:flex}.camera-vms-snapshot-button{color:#dbeafe;cursor:pointer;background:#132842;border:1px solid #315078;border-radius:8px;min-height:34px;padding:0 13px;font-size:11px;font-weight:800}.camera-vms-snapshot-button:hover:not(:disabled){background:#1a3659;border-color:#3b82f6}.camera-vms-snapshot-button:disabled{opacity:.4;cursor:not-allowed}.camera-vms-location-button{color:#99f6e4;cursor:pointer;background:#082f2bd1;border:1px solid #2dd4bf8c;border-radius:8px;min-height:34px;padding:0 13px;font-size:11px;font-weight:800;transition:transform .16s,border-color .16s,background .16s}.camera-vms-location-button:hover:not(:disabled){background:#0d4e46eb;border-color:#2dd4bf;transform:translateY(-1px)}.camera-vms-location-button:disabled{opacity:.4;cursor:not-allowed}.camera-mini-map-section{background:#0b1728;border:1px solid #263b59;border-radius:14px;margin:16px 0;overflow:hidden;box-shadow:0 18px 38px #00000038}.camera-mini-map-header{background:linear-gradient(#142741fa,#0c1b2ffa);border-bottom:1px solid #21344e;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.camera-mini-map-header>div{flex-direction:column;gap:3px;display:flex}.camera-mini-map-header span{color:#7187a5;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:900}.camera-mini-map-header h3{color:#e7effb;margin:0;font-size:17px}.camera-mini-map-header button{color:#99f6e4;cursor:pointer;background:#083d38d9;border:1px solid #2dd4bf94;border-radius:9px;min-height:38px;padding:0 14px;font-size:11px;font-weight:900}.camera-mini-map-header button:hover{background:#0d5c53f0;border-color:#2dd4bf}.camera-mini-map-summary{background:#21344e;border-bottom:1px solid #21344e;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.camera-mini-map-summary article{background:#0e1e33;flex-direction:column;gap:5px;min-width:0;padding:12px 15px;display:flex}.camera-mini-map-summary span{color:#7287a5;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.camera-mini-map-summary strong{color:#dce8f8;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.camera-mini-map-online{color:#64ff83!important}.camera-mini-map-offline{color:#fca5a5!important}.camera-mini-map-canvas{background:#081321;height:310px;min-height:310px;position:relative;overflow:hidden}.camera-mini-map-canvas>*{width:100%!important;height:100%!important;min-height:310px!important}.camera-mini-map-canvas>*>*{min-height:310px}.camera-mini-map-empty{color:#8ba0bd;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:310px;padding:30px;display:flex}.camera-mini-map-empty>span{font-size:32px}.camera-mini-map-empty strong{color:#dce8f8;font-size:15px}.camera-mini-map-empty p{margin:0;font-size:12px}@media (width<=850px){.camera-mini-map-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-mini-map-header{flex-direction:column;align-items:flex-start}.camera-mini-map-header button{width:100%}}@media (width<=520px){.camera-mini-map-summary{grid-template-columns:1fr}.camera-mini-map-canvas,.camera-mini-map-canvas>*,.camera-mini-map-empty{height:260px;min-height:260px!important}}.camera-monitor{overflow:hidden}.camera-integrated-gps{background:#081525;border:1px solid #253a57;border-left:0;border-right:0;border-radius:0;margin:0;overflow:hidden}.camera-integrated-gps-bar{background:linear-gradient(#10223a 0%,#0b1a2d 100%);border-bottom:1px solid #223650;grid-template-columns:minmax(155px,.8fr) minmax(420px,2fr) auto;align-items:center;gap:18px;min-height:58px;padding:8px 14px;display:grid}.camera-integrated-gps-identity{align-items:center;gap:9px;min-width:0;display:flex}.camera-integrated-gps-pin{font-size:17px}.camera-integrated-gps-identity>div{flex-direction:column;gap:2px;min-width:0;display:flex}.camera-integrated-gps-identity strong{color:#edf5ff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.camera-integrated-gps-identity span:not(.camera-integrated-gps-pin){color:#7088a7;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.camera-integrated-gps-data{border-left:1px solid #263c59;border-right:1px solid #263c59;grid-template-columns:repeat(4,minmax(85px,1fr));align-items:center;min-width:0;display:grid}.camera-integrated-gps-data>div{flex-direction:column;gap:3px;min-width:0;padding:2px 14px;display:flex}.camera-integrated-gps-data span{color:#6f86a6;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.camera-integrated-gps-data strong{color:#dce8f7;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.camera-integrated-gps-online{color:#62ff82!important}.camera-integrated-gps-offline{color:#fca5a5!important}.camera-integrated-gps-open{color:#99f6e4;white-space:nowrap;cursor:pointer;background:#083d38e0;border:1px solid #2dd4bf94;border-radius:8px;min-height:34px;padding:0 13px;font-size:10px;font-weight:900}.camera-integrated-gps-open:hover{background:#0d5c53f2;border-color:#2dd4bf}.camera-integrated-gps-map{background:#07111e;width:100%;height:260px;min-height:260px;position:relative;overflow:hidden}.camera-integrated-gps-map>*{border:0!important;border-radius:0!important;width:100%!important;height:100%!important;min-height:260px!important}.camera-integrated-gps-map>*>*{border-radius:0!important;min-height:260px!important}.camera-integrated-gps-map .google-gps-marker,.camera-integrated-gps-map .google-gps-marker-pin{animation:none!important}.camera-integrated-gps-empty{color:#8095b2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;height:100%;min-height:260px;padding:24px;display:flex}.camera-integrated-gps-empty>span{font-size:28px}.camera-integrated-gps-empty strong{color:#dce8f7;font-size:14px}.camera-integrated-gps-empty p{margin:0;font-size:11px}.camera-integrated-gps+.camera-channel-controls{border-top:0}.camera-mini-map-section{display:none!important}@media (width<=1050px){.camera-integrated-gps-bar{grid-template-columns:1fr auto}.camera-integrated-gps-data{border-left:0;border-right:0;grid-area:2/1/auto/-1}}@media (width<=700px){.camera-integrated-gps-bar{flex-direction:column;align-items:stretch;gap:10px;display:flex}.camera-integrated-gps-data{border-top:1px solid #263c59;border-bottom:1px solid #263c59;grid-template-columns:repeat(2,minmax(0,1fr))}.camera-integrated-gps-data>div{padding:8px}.camera-integrated-gps-open{width:100%}.camera-integrated-gps-map,.camera-integrated-gps-map>*,.camera-integrated-gps-empty{height:230px;min-height:230px!important}}@media (width<=1000px){.users-grid{grid-template-columns:1fr}}@media (width<=760px){.users-layout{display:block}.sidebar{width:100%;height:auto}.users-content{padding:16px}.users-header{flex-direction:column;align-items:flex-start}}@media (width<=700px){.users-modal-actions{flex-direction:column-reverse}.modal-secondary-button,.modal-primary-button{width:100%}}@media (width<=650px){.devices-toolbar{flex-direction:column;align-items:flex-start}.devices-toolbar>div{flex-wrap:wrap;width:100%}.devices-list{grid-template-columns:1fr}}.users-layout{color:#f9fafb;background:#0b1120;min-height:100vh;display:flex}.users-content{flex:1;min-width:0;padding:24px}.users-header{background:#111827;border:1px solid #1f2937;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;display:flex}.users-header h1{margin:0 0 6px;font-size:30px}.users-header p{color:#9ca3af;margin:0}.users-current{align-items:center;gap:18px;display:flex}.users-current div{text-align:right;flex-direction:column;display:flex}.users-current span{color:#9ca3af;text-transform:uppercase;margin-top:3px;font-size:13px}.users-current button,.reload-users-button,.create-user-button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.users-current button:hover,.reload-users-button:hover:not(:disabled),.create-user-button:hover:not(:disabled){background:#374151}.users-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;margin-top:24px;display:grid}.users-card{background:#111827;border:1px solid #1f2937;border-radius:14px;overflow:hidden}.users-card-title{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.users-card-title h2{margin:0 0 5px}.users-card-title p{color:#9ca3af;margin:0}.users-card-title>svg{color:#60a5fa;font-size:26px}.users-form{flex-direction:column;padding:24px;display:flex}.users-form label{color:#cbd5e1;margin:0 0 6px;font-size:13px}.users-form input,.users-form select{color:#fff;background:#0f172a;border:1px solid #374151;border-radius:8px;width:100%;margin-bottom:17px;padding:11px 12px}.create-user-button{background:#2563eb;border-color:#2563eb;width:100%;margin-top:4px}.create-user-button:hover:not(:disabled){background:#1d4ed8}.create-user-button:disabled,.reload-users-button:disabled{opacity:.6;cursor:wait}.users-alert{border-radius:8px;margin-bottom:16px;padding:11px 12px;font-size:14px}.users-alert.error{color:#fca5a5;background:#ef44441f}.users-alert.success{color:#86efac;background:#22c55e1f}.users-message{color:#cbd5e1;padding:28px 24px}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #1f2937;padding:16px 20px}.users-table th{color:#9ca3af;text-transform:uppercase;font-size:12px}.users-table tbody tr:last-child td{border-bottom:0}.user-status{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.user-status.active{color:#4ade80;background:#22c55e1f}.user-status.inactive{color:#f87171;background:#ef44441f}.spinning{animation:.8s linear infinite spin}@media (width<=1000px){.users-grid{grid-template-columns:1fr}}@media (width<=760px){.users-layout{display:block}.sidebar{width:100%;height:auto}.users-content{padding:16px}.users-header{flex-direction:column;align-items:flex-start}}.user-actions{gap:8px;display:flex}.action-button{color:#fff;cursor:pointer;background:#20283b;border:none;border-radius:8px;width:34px;height:34px;transition:all .2s}.action-button:hover{background:#315efb}.users-global-alert{border:1px solid #0000;border-radius:10px;margin:16px 0;padding:12px 16px;font-size:14px}.users-global-alert.success{color:#4ade80;background:#22c55e1f;border-color:#22c55e38}.users-global-alert.error{color:#fca5a5;background:#ef44441f;border-color:#ef444438}.user-actions{align-items:center;gap:8px;display:flex}.action-button{color:#e2e8f0;cursor:pointer;background:#202a3f;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.action-button:hover:not(:disabled){background:#2f65e8;transform:translateY(-1px)}.action-button.danger:hover:not(:disabled){color:#fecaca;background:#ef444433;border-color:#ef444473}.action-button.activate:hover:not(:disabled){color:#86efac;background:#22c55e2e;border-color:#22c55e66}.action-button:disabled{cursor:not-allowed;opacity:.5}.users-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.users-modal{background:#111a2b;border:1px solid #29364c;border-radius:16px;width:min(100%,470px);overflow:hidden;box-shadow:0 24px 70px #00000073}.users-modal-header{border-bottom:1px solid #263248;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.users-modal-header h2{color:#fff;margin:0;font-size:22px}.users-modal-header p{color:#8da2c0;margin:5px 0 0;font-size:13px;font-weight:600}.modal-close-button{color:#dbeafe;cursor:pointer;background:#1b2639;border:1px solid #33415b;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.modal-close-button:hover{background:#26344d}.users-modal-form{flex-direction:column;gap:9px;padding:24px;display:flex}.users-modal-form label{color:#dbeafe;margin-top:8px;font-size:13px}.users-modal-form input,.users-modal-form select{color:#fff;background:#101827;border:1px solid #35435d;border-radius:9px;outline:none;width:100%;min-height:43px;padding:0 13px}.users-modal-form input:focus,.users-modal-form select:focus{border-color:#3971ef;box-shadow:0 0 0 3px #3971ef24}.users-modal-form input:disabled{color:#7f91aa;cursor:not-allowed;background:#0d1421}.active-checkbox{cursor:pointer;align-items:center;gap:10px;display:flex;margin-top:14px!important}.active-checkbox input{accent-color:#2f68ed;width:18px;min-height:18px;margin:0}.users-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal-secondary-button,.modal-primary-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;display:inline-flex}.modal-secondary-button{color:#d7e1f0;background:#1a2436;border:1px solid #34425c}.modal-primary-button{color:#fff;background:#2f68ed;border:1px solid #326bec}.modal-primary-button:hover:not(:disabled){background:#245bd6}.modal-secondary-button:hover:not(:disabled){background:#253149}.modal-primary-button:disabled,.modal-secondary-button:disabled{cursor:not-allowed;opacity:.6}@media (width<=700px){.users-modal-actions{flex-direction:column-reverse}.modal-secondary-button,.modal-primary-button{width:100%}}.action-button.units{color:#2563eb}.action-button.units:hover{color:#fff;background:#2563eb;border-color:#2563eb}.users-devices-modal{width:min(620px,100vw - 32px)}.devices-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:flex}.devices-toolbar>span{color:#475569;font-size:13px;font-weight:600}.devices-toolbar>div{align-items:center;gap:8px;display:flex}.devices-toolbar-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.devices-toolbar-button:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.devices-toolbar-button:disabled{opacity:.5;cursor:not-allowed}.devices-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:390px;padding:2px;display:grid;overflow-y:auto}.device-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;min-height:68px;padding:12px;transition:all .2s;display:flex}.device-item:hover{background:#f8fbff;border-color:#93c5fd;transform:translateY(-1px)}.device-item.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb1f}.device-item input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.device-checkbox-icon{color:#94a3b8;flex-shrink:0;font-size:20px;display:flex}.device-item.selected .device-checkbox-icon{color:#2563eb}.device-icon{background:#f1f5f9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.device-item.selected .device-icon{background:#dbeafe}.device-information{flex-direction:column;min-width:0;display:flex}.device-information strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.device-information small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.devices-loading,.devices-empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:180px;display:flex}@media (width<=650px){.devices-toolbar{flex-direction:column;align-items:flex-start}.devices-toolbar>div{flex-wrap:wrap;width:100%}.devices-list{grid-template-columns:1fr}}.gps-page{color:#f8fafc;background:#08111f;width:100%;min-height:100vh;display:flex}.gps-main{flex:1;min-width:0;min-height:100vh;margin-left:0;padding:22px}.gps-header{background:#101a2a;border:1px solid #223047;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:20px 22px;display:flex}.gps-eyebrow{color:#54e6a8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.gps-header h1{margin:0;font-size:28px}.gps-subtitle{color:#8fa1ba;margin:6px 0 0;font-size:13px}.gps-header-status{align-items:center;gap:12px;display:flex}.gps-header-status>div{flex-direction:column;display:flex}.gps-header-status strong{font-size:13px}.gps-header-status span{color:#8fa1ba;font-size:11px}.gps-refresh-dot{background:#28d998;border-radius:50%;width:11px;height:11px;box-shadow:0 0 12px #28d998cc}.gps-refresh-dot.is-loading{animation:.9s infinite alternate gpsPulse}@keyframes gpsPulse{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}.gps-refresh-button{color:#e8eef7;cursor:pointer;background:#172337;border:1px solid #33445f;border-radius:8px;min-height:38px;padding:0 14px}.gps-refresh-button:hover{background:#21304a}.gps-refresh-button:disabled{opacity:.55;cursor:not-allowed}.gps-alert{color:#f7d779;background:#2b2416;border:1px solid #775f27;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 15px;display:flex}.gps-alert p{flex:1;margin:0;font-size:13px}.gps-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.gps-workspace{grid-template-columns:320px minmax(0,1fr);gap:16px;min-height:calc(100vh - 150px);display:grid}.gps-units-panel,.gps-map-panel{background:#101a2a;border:1px solid #223047;border-radius:14px;overflow:hidden}.gps-units-panel{flex-direction:column;display:flex}.gps-panel-title{border-bottom:1px solid #223047;padding:17px 18px}.gps-panel-title>div{justify-content:space-between;align-items:center;display:flex}.gps-panel-title span{color:#a9b7ca;font-size:13px;font-weight:700}.gps-panel-title strong{text-align:center;background:#246af2;border-radius:999px;min-width:28px;padding:4px 8px;font-size:12px}.gps-units-list{max-height:360px;padding:10px;overflow-y:auto}.gps-unit-card{color:#f8fafc;text-align:left;cursor:pointer;background:#111d2f;border:1px solid #0000;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:11px;display:grid}.gps-unit-card:hover{background:#16243a;border-color:#354a68}.gps-unit-card.is-selected{background:#17294a;border-color:#2d72ff;box-shadow:inset 3px 0 #2d72ff}.gps-unit-icon{background:#1c2b42;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.gps-unit-icon.is-online{box-shadow:inset 0 0 0 1px #28d99873}.gps-unit-icon.is-offline{opacity:.55;filter:grayscale()}.gps-unit-info{flex-direction:column;min-width:0;display:flex}.gps-unit-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.gps-unit-info small{color:#8293aa;margin-top:3px;font-size:10px}.gps-unit-meta{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.gps-unit-meta small{color:#a5b4c8;font-size:10px}.gps-online-badge,.gps-offline-badge{border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.gps-online-badge{color:#43e2a4;background:#27d69624}.gps-offline-badge{color:#9aa8bc;background:#94a3b81f}.gps-empty{color:#8293aa;text-align:center;padding:30px 15px;font-size:13px}.gps-selected-card{background:#0b1525;border:1px solid #293b57;border-radius:12px;margin:auto 12px 12px;padding:16px}.gps-selected-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.gps-selected-heading span{color:#8192aa;text-transform:uppercase;font-size:10px}.gps-selected-heading h2{margin:4px 0 0;font-size:18px}.gps-selected-truck{font-size:26px!important}.gps-data-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.gps-data-grid article{background:#111e31;border-radius:8px;padding:10px}.gps-data-grid span,.gps-device-time span{color:#7f91aa;text-transform:uppercase;margin-bottom:5px;font-size:9px;display:block}.gps-data-grid strong{font-size:12px}.gps-device-time{background:#111e31;border-radius:8px;margin-top:9px;padding:10px}.gps-device-time strong{font-size:11px}.gps-camera-button{color:#fff;cursor:pointer;background:#246af2;border:0;border-radius:8px;width:100%;min-height:40px;margin-top:11px;font-weight:800}.gps-camera-button:hover{background:#3478ff}.gps-map-panel{flex-direction:column;min-width:0;display:flex}.gps-map-toolbar{border-bottom:1px solid #223047;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.gps-view-switch{gap:6px;display:flex}.gps-view-switch button{color:#a9b7ca;cursor:pointer;background:#152136;border:1px solid #30425f;border-radius:8px;min-height:36px;padding:0 13px}.gps-view-switch button.is-active{color:#fff;background:#246af2;border-color:#2d72ff}.gps-view-switch button:disabled{opacity:.5;cursor:not-allowed}.gps-history-options label{color:#8fa1ba;font-size:11px}.gps-history-options select{color:#fff;background:#111d2f;border:1px solid #30425f;border-radius:7px;min-height:34px;padding:0 9px}.gps-map-wrapper{background:#07101c;flex:1;min-height:600px;position:relative}.gps-map{width:100%;height:100%;position:absolute;inset:0}.gps-map-message{z-index:500;text-align:center;background:#08111feb;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;width:270px;padding:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 45px #00000059}.gps-map-message span{margin-bottom:8px;font-size:28px}.gps-map-message strong{font-size:14px}.gps-map-message p{color:#8fa1ba;margin:6px 0 0;font-size:11px}.gps-map-footer{color:#8fa1ba;border-top:1px solid #223047;align-items:center;gap:18px;min-height:42px;padding:0 15px;font-size:11px;display:flex}.gps-map-footer div{align-items:center;gap:6px;display:flex}.gps-legend-dot{border-radius:50%;width:9px;height:9px}.gps-legend-dot.online{background:#28d998}.gps-legend-dot.offline{background:#77859a}.gps-truck-marker-wrapper{background:0 0;border:0}.gps-truck-marker{border:3px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .25s;display:grid;box-shadow:0 5px 18px #00000073}.gps-truck-marker span{font-size:20px;line-height:1;display:block}.gps-truck-marker.is-online{color:#fff;background:#20c987}.gps-truck-marker.is-offline{color:#fff;background:#64748b}.gps-popup{color:#172033;flex-direction:column;gap:6px;min-width:170px;display:flex}.gps-popup strong{font-size:14px}.gps-popup span{font-size:11px}.gps-popup button{color:#fff;cursor:pointer;background:#246af2;border:0;border-radius:6px;min-height:32px;margin-top:5px;font-weight:700}.leaflet-control-zoom a{color:#172033!important}@media (width<=1100px){.gps-main{padding:14px}.gps-workspace{grid-template-columns:280px minmax(0,1fr)}}@media (width<=850px){.gps-page{display:block}.gps-header{flex-direction:column;align-items:flex-start}.gps-workspace{grid-template-columns:1fr}.gps-units-list{max-height:270px}.gps-map-wrapper{min-height:520px}}@media (width<=560px){.gps-main{padding:8px}.gps-header-status,.gps-map-toolbar{flex-direction:column;align-items:stretch;width:100%}.gps-view-switch{grid-template-columns:1fr 1fr;display:grid}.gps-history-options{justify-content:space-between}.gps-map-wrapper{min-height:450px}}.gps-history-search{align-items:flex-end;gap:8px;display:flex}.gps-history-search label{color:#8fa1ba;text-transform:uppercase;flex-direction:column;gap:5px;font-size:10px;font-weight:700;display:flex}.gps-history-search input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111d2f;border:1px solid #30425f;border-radius:8px;outline:none;min-height:36px;padding:0 10px}.gps-history-search input:focus{border-color:#2d72ff;box-shadow:0 0 0 3px #2d72ff24}.gps-history-search button{color:#06150f;cursor:pointer;background:#20c987;border:0;border-radius:8px;min-height:36px;padding:0 14px;font-size:12px;font-weight:900}.gps-history-search button:hover{background:#38d99f}.gps-history-search button:disabled{opacity:.5;cursor:not-allowed}.gps-summary-card{background:#111e31;border:1px solid #263852;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.gps-summary-icon{background:#172a47;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.gps-summary-card>div{flex-direction:column;min-width:0;display:flex}.gps-summary-card div>span{color:#8495ad;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.gps-summary-card strong{color:#fff;margin-top:3px;font-size:15px}.gps-summary-card small{color:#73849b;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.gps-legend-dot.route{background:#246af2}.gps-legend-dot.start{background:#20c987}.gps-legend-dot.stop{background:#f59e0b}.gps-legend-dot.end{background:#ef4444}.gps-footer-points{margin-left:auto}@media (width<=1450px){.gps-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1050px){.gps-map-toolbar{flex-direction:column;align-items:stretch}.gps-history-search{justify-content:flex-end}}@media (width<=850px){.gps-summary-grid{grid-template-columns:repeat(2,1fr)}.gps-history-search{flex-direction:column;align-items:stretch}.gps-history-search label,.gps-history-search input,.gps-history-search button{width:100%}}@media (width<=560px){.gps-summary-grid{grid-template-columns:1fr}.gps-map-footer{flex-wrap:wrap;padding:8px 12px}.gps-footer-points{width:100%;margin-left:0}}.gps-history-options{align-items:center;gap:8px;display:flex}.gps-history-options input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111d2f;border:1px solid #30425f;border-radius:7px;min-height:34px;padding:0 9px}.gps-history-options button{color:#06150f;cursor:pointer;background:#20c987;border:0;border-radius:7px;min-height:34px;padding:0 12px;font-weight:800}.gps-summary-grid{background:#0b1525;border-bottom:1px solid #223047;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;padding:12px 14px;display:grid}.gps-summary-grid article{background:#111e31;border:1px solid #263852;border-radius:9px;padding:11px}.gps-summary-grid span{color:#8495ad;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.gps-summary-grid strong{margin-top:5px;font-size:14px;display:block}@media (width<=1300px){.gps-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.gps-summary-grid{grid-template-columns:repeat(2,1fr)}}.recordings-layout{color:#f8fafc;background:#0b1220;min-height:100vh;display:flex}.recordings-main{flex:1;min-width:0;overflow-x:hidden}.recordings-header{background:#111827;border-bottom:1px solid #263247;justify-content:space-between;align-items:center;gap:24px;min-height:114px;padding:20px 30px;display:flex}.recordings-header h1{margin:0 0 7px;font-size:34px;line-height:1.1}.recordings-header p{color:#9fb0ca;margin:0;font-size:17px}.recordings-user{align-items:center;gap:22px;display:flex}.recordings-user>div{text-align:right}.recordings-user strong,.recordings-user span{display:block}.recordings-user span{color:#9fb0ca;margin-top:3px;font-size:13px}.recordings-user button{color:#fff;cursor:pointer;background:#1d2939;border:1px solid #3a475c;border-radius:10px;padding:13px 19px;font-size:15px}.recordings-content{padding:28px}.recordings-search-card,.recordings-results-card,.recordings-player-card{background:#111a2b;border:1px solid #273449;border-radius:16px;box-shadow:0 12px 35px #0000002e}.recordings-search-card{padding:23px}.recordings-card-title{align-items:center;gap:13px;margin-bottom:21px;display:flex}.recordings-card-title>svg{color:#60a5fa;width:23px;height:23px}.recordings-card-title h2,.recordings-player-header h2{margin:0;font-size:21px}.recordings-card-title p,.recordings-player-header p{color:#92a2bb;margin:4px 0 0}.recordings-form{grid-template-columns:minmax(200px,1.3fr) minmax(160px,.8fr) minmax(205px,1fr) minmax(205px,1fr) auto;align-items:end;gap:14px;display:grid}.recordings-form label{gap:8px;display:grid}.recordings-form label>span{color:#c4d0e2;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.recordings-form input,.recordings-form select{color:#f8fafc;width:100%;min-height:46px;font:inherit;box-sizing:border-box;background:#0c1525;border:1px solid #334259;border-radius:9px;outline:none;padding:0 12px}.recordings-form input:focus,.recordings-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f629}.recordings-primary-button,.recordings-play-button,.recordings-stop-button{color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.recordings-primary-button{white-space:nowrap;background:#2563eb;min-height:46px;padding:0 18px}.recordings-primary-button:hover{background:#1d4ed8}.recordings-primary-button:disabled,.recordings-play-button:disabled,.recordings-stop-button:disabled{opacity:.5;cursor:not-allowed}.recordings-alert{border:1px solid;border-radius:10px;margin-top:18px;padding:13px 16px}.recordings-alert.success{color:#6ee7b7;background:#10b9811f;border-color:#10b98166}.recordings-alert.error{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e6b}.recordings-grid{grid-template-columns:minmax(520px,1.15fr) minmax(420px,.85fr);align-items:start;gap:22px;margin-top:22px;display:grid}.recordings-results-card,.recordings-player-card{min-width:0;overflow:hidden}.recordings-results-card>.recordings-card-title{padding:21px 22px 0}.recordings-table-wrapper{overflow:auto}.recordings-table{border-collapse:collapse;width:100%;font-size:14px}.recordings-table th,.recordings-table td{text-align:left;white-space:nowrap;border-top:1px solid #273449;padding:14px 16px}.recordings-table th{color:#9fb0ca;text-transform:uppercase;letter-spacing:.04em;background:#0f1828;font-size:12px}.recordings-table tbody tr:hover,.recordings-table tbody tr.active-row{background:#2563eb1a}.recordings-empty{color:#8494ac;height:190px;text-align:center!important;white-space:normal!important}.recordings-play-button{background:#2563eb;padding:8px 13px}.recordings-player-header{border-bottom:1px solid #273449;justify-content:space-between;align-items:center;gap:15px;min-height:78px;padding:17px 19px;display:flex}.recordings-stop-button{background:#be123c;padding:10px 14px}.recordings-video-container{aspect-ratio:16/9;background:#030712;justify-content:center;align-items:center;width:100%;display:flex}.recordings-video-container video{object-fit:contain;background:#000;width:100%;height:100%}.recordings-video-placeholder{color:#8090a7;text-align:center;justify-items:center;gap:9px;padding:25px;display:grid}.recordings-video-placeholder svg{width:48px;height:48px;margin-bottom:3px}.recordings-video-placeholder strong{color:#d6dfec;font-size:17px}.recordings-player-footer{color:#93a4bc;gap:25px;padding:14px 18px;font-size:13px;display:flex}.recordings-player-footer strong{color:#dbe5f3}@media (width<=1250px){.recordings-form{grid-template-columns:repeat(2,minmax(190px,1fr))}.recordings-primary-button{width:max-content}.recordings-grid{grid-template-columns:1fr}}@media (width<=850px){.recordings-layout{display:block}.recordings-layout .sidebar{display:none}.recordings-header{padding:18px}.recordings-user>div{display:none}.recordings-content{padding:16px}.recordings-form{grid-template-columns:1fr}.recordings-primary-button{width:100%}}.recordings-pagination{justify-content:center;align-items:center;gap:14px;margin:16px 0;display:flex}.recordings-pagination button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 15px;font-weight:600}.recordings-pagination button:disabled{opacity:.4;cursor:not-allowed}.recordings-pagination span{font-size:14px;font-weight:600}.recordings-time-jump select{color:#f3f6fb;min-width:165px;height:38px;font:inherit;cursor:pointer;background:#0f1828;border:1px solid #33445f;border-radius:8px;outline:none;padding:0 34px 0 12px;font-size:14px;font-weight:600}.recordings-time-jump select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.recordings-time-jump select option{color:#f3f6fb;background:#0f1828;font-size:14px}.recordings-time-jump{align-items:center;gap:10px;padding:0 22px 18px;display:flex}.recordings-time-jump label{color:#9fb0ca;white-space:nowrap;font-size:13px;font-weight:600}.recordings-time-jump input[type=time]{color:#f3f6fb;min-width:130px;height:38px;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f1828;border:1px solid #33445f;border-radius:8px;outline:none;padding:0 12px;font-size:14px}.recordings-time-jump input[type=time]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.recordings-time-jump button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;height:38px;padding:0 18px;font-weight:700}.recordings-time-jump button:hover:not(:disabled){background:#2f6ff0}.recordings-time-jump button:disabled{opacity:.45;cursor:not-allowed}.recordings-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.recordings-download-button{color:#fff;cursor:pointer;background:#059669;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-weight:700;display:inline-flex}.recordings-download-button:hover{background:#047857}.ai-events-layout{background:#f4f6f8;min-height:100vh;display:flex}.ai-events-main{flex:1;min-width:0}.ai-events-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:20px 32px;display:flex}.ai-events-header h1{color:#111827;margin:0 0 5px;font-size:28px}.ai-events-header p{color:#6b7280;margin:0}.ai-events-user{align-items:center;gap:18px;display:flex}.ai-events-user>div{text-align:right;flex-direction:column;display:flex}.ai-events-user span{color:#6b7280;text-transform:uppercase;font-size:12px}.ai-events-user button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 14px}.ai-events-content{padding:28px 32px 40px}.ai-events-summary{align-items:stretch;gap:18px;margin-bottom:24px;display:flex}.ai-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:15px;min-width:220px;padding:18px 20px;display:flex}.ai-summary-card>svg{width:28px;height:28px}.ai-summary-card div{flex-direction:column;display:flex}.ai-summary-card span{color:#6b7280;font-size:13px}.ai-summary-card strong{color:#111827;font-size:25px}.ai-refresh-button{cursor:pointer;color:#fff;background:#111827;border:0;border-radius:9px;align-self:center;align-items:center;gap:8px;margin-left:auto;padding:11px 17px;font-weight:600;display:flex}.ai-refresh-button:disabled{opacity:.6;cursor:default}.ai-events-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.ai-event-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #0000000d}.ai-event-image{cursor:pointer;background:#111827;border:0;width:100%;height:220px;padding:0;position:relative;overflow:hidden}.ai-event-image img{object-fit:cover;width:100%;height:100%;display:block}.ai-image-loading{color:#d1d5db;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:180px;display:flex}.ai-image-loading svg{width:30px;height:30px}.ai-event-badge{color:#fff;letter-spacing:.5px;background:#dc2626;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.ai-event-body{padding:18px}.ai-event-title{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.ai-event-title h2{color:#111827;margin:0;font-size:21px}.ai-event-title span{color:#6b7280;font-size:13px}.ai-event-title>strong{color:#b91c1c;white-space:nowrap;background:#fef2f2;border-radius:8px;padding:7px 9px;font-size:13px}.ai-event-details{border-top:1px solid #f0f0f0;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;padding-top:15px;display:grid}.ai-event-details div{flex-direction:column;gap:4px;display:flex}.ai-event-details span{color:#6b7280;font-size:12px}.ai-event-details strong{color:#1f2937;font-size:13px}.ai-view-button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:17px;padding:10px;font-weight:600;display:flex}.ai-events-empty,.ai-events-error{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:50px 25px}.ai-events-empty svg{width:42px;height:42px;margin-bottom:10px}.ai-events-empty h2{color:#111827;margin:5px 0}.ai-events-empty p{margin:0}.ai-events-error{color:#b91c1c;margin-bottom:20px}.ai-modal-backdrop{z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.ai-modal{background:#fff;border-radius:14px;width:min(1000px,95vw);max-height:94vh;overflow:auto}.ai-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ai-modal-header h2{color:#111827;margin:0}.ai-modal-header p{color:#6b7280;margin:4px 0 0}.ai-modal-header button{cursor:pointer;background:#f3f4f6;border:0;border-radius:50%;width:38px;height:38px;font-size:25px}.ai-modal-image{background:#111827;justify-content:center;align-items:center;min-height:300px;display:flex}.ai-modal-image img{max-width:100%;max-height:70vh;display:block}.ai-modal-info{justify-content:space-between;gap:20px;padding:18px 20px;display:flex}@media (width<=900px){.ai-events-header{padding:18px}.ai-events-content{padding:20px 18px}.ai-events-summary{flex-wrap:wrap}.ai-refresh-button{margin-left:0}}@media (width<=650px){.ai-events-header{flex-direction:column;align-items:flex-start}.ai-events-user{justify-content:space-between;width:100%}.ai-events-user>div{text-align:left}.ai-summary-card{width:100%}.ai-events-grid,.ai-event-details{grid-template-columns:1fr}.ai-modal-info{flex-direction:column}}.ai-events-layout,.ai-events-main{background:#0f172a}.ai-events-header{background:#111827;border-bottom-color:#1f2937}.ai-events-header h1{color:#fff}.ai-events-header p{color:#94a3b8}.ai-events-user strong{color:#fff}.ai-events-user span{color:#94a3b8}.ai-events-content{background:#0f172a;min-height:calc(100vh - 92px)}.ai-summary-card{background:#111827;border-color:#1f2937}.ai-summary-card span{color:#94a3b8}.ai-summary-card strong{color:#fff}.ai-event-card{background:#111827;border-color:#1f2937}.ai-event-title h2,.ai-event-details strong{color:#fff}.ai-event-title span,.ai-event-details span{color:#94a3b8}.ai-event-details{border-top-color:#263244}.ai-view-button{color:#fff;background:#1f2937;border-color:#374151}.ai-view-button:hover{background:#273449}.ai-events-empty,.ai-events-error{background:#111827;border-color:#1f2937}.ai-events-empty h2{color:#fff}.ai-modal{background:#111827;border:1px solid #263244}.ai-modal-header{background:#111827;border-bottom-color:#263244}.ai-modal-header h2{color:#fff}.ai-modal-header p{color:#94a3b8}.ai-modal-header button{color:#fff;background:#1f2937}.ai-modal-header button:hover{background:#374151}.ai-modal-image{background:#0f172a}.ai-modal-info{background:#111827;border-top:1px solid #263244}.ai-modal-info strong{color:#fff}.ai-modal-info span{color:#cbd5e1}.ai-events-filters{background:#111827;border:1px solid #1f2937;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:24px;padding:18px;display:flex}.ai-filter-field{flex-direction:column;gap:7px;min-width:190px;display:flex}.ai-filter-field label{color:#94a3b8;font-size:12px;font-weight:600}.ai-filter-field select,.ai-filter-field input{color:#fff;background:#1f2937;border:1px solid #374151;border-radius:8px;outline:none;height:42px;padding:0 12px}.ai-filter-field select:focus,.ai-filter-field input:focus{border-color:#64748b}.ai-filter-field select option{color:#fff;background:#1f2937}.ai-clear-filters{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;height:42px;padding:0 17px;font-weight:600}.ai-clear-filters:hover:not(:disabled){background:#374151}.ai-clear-filters:disabled{opacity:.4;cursor:default}@media (width<=650px){.ai-filter-field,.ai-clear-filters{width:100%}}.ai-vigilance-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:20px 22px;display:flex;box-shadow:0 3px 12px #0000000a}.ai-vigilance-info{align-items:center;gap:28px;display:flex}.ai-vigilance-title{align-items:center;gap:13px;display:flex}.ai-vigilance-title>svg{color:#111827;width:28px;height:28px}.ai-vigilance-title>div{flex-direction:column;gap:3px;display:flex}.ai-vigilance-title strong{color:#111827;font-size:17px}.ai-vigilance-title span{color:#6b7280;font-size:13px}.ai-vigilance-status{border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:700;display:flex}.ai-vigilance-status.active{color:#047857;background:#ecfdf5}.ai-vigilance-status.inactive{color:#6b7280;background:#f3f4f6}.ai-vigilance-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.ai-vigilance-button{color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 18px;font-weight:700}.ai-vigilance-button.start{background:#047857}.ai-vigilance-button.stop{background:#b91c1c}.ai-vigilance-button:disabled{opacity:.6;cursor:default}.ai-vigilance-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin:-8px 0 20px;padding:11px 14px;font-size:13px}@media (width<=760px){.ai-vigilance-panel{flex-direction:column;align-items:stretch}.ai-vigilance-info{flex-direction:column;align-items:flex-start;gap:12px}.ai-vigilance-button{width:100%}}.settings-layout{background:#f3f4f6;min-height:100vh;display:flex}.settings-content{flex:1;min-width:0;padding:32px;overflow-y:auto}.settings-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.settings-eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-block}.settings-header h1{color:#111827;margin:0;font-size:32px}.settings-header p{color:#6b7280;max-width:680px;margin:8px 0 0}.settings-user{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:12px 14px;display:flex}.settings-user div{flex-direction:column;display:flex}.settings-user strong{color:#111827}.settings-user span{color:#6b7280;font-size:13px}.settings-user button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:9px 12px}.settings-body{grid-template-columns:290px minmax(0,1fr);gap:24px;display:grid}.settings-navigation{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-self:start;padding:14px}.settings-navigation-title{color:#111827;align-items:center;gap:10px;padding:8px 10px 16px;font-weight:700;display:flex}.settings-nav-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:flex-start;gap:12px;width:100%;margin-bottom:6px;padding:13px;display:flex}.settings-nav-item:hover{background:#f3f4f6}.settings-nav-item.active{color:#1d4ed8;background:#eff6ff}.settings-nav-item>svg{flex:none;margin-top:2px;font-size:19px}.settings-nav-item div{flex-direction:column;gap:3px;display:flex}.settings-nav-item strong{font-size:14px}.settings-nav-item span{color:#6b7280;font-size:12px;line-height:1.35}.settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-height:520px;padding:24px}.settings-panel-heading{border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:20px;display:flex}.settings-panel-icon{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.settings-panel-heading h2{color:#111827;margin:0}.settings-panel-heading p{color:#6b7280;margin:5px 0 0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.settings-card h3{color:#111827;margin:0 0 8px;font-size:15px}.settings-card p{color:#6b7280;margin:0}.settings-placeholder{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;align-items:center;gap:18px;min-height:250px;padding:28px;display:flex}.settings-placeholder-icon{color:#4338ca;background:#e0e7ff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;display:flex}.settings-placeholder h2{color:#111827;margin:0 0 8px}.settings-placeholder p{color:#4b5563;margin:0 0 10px}.settings-placeholder span{color:#6b7280;font-size:13px}@media (width<=1000px){.settings-body{grid-template-columns:1fr}.settings-navigation{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-navigation-title{grid-column:1/-1}}@media (width<=760px){.settings-content{padding:20px}.settings-header{flex-direction:column}.settings-user{justify-content:space-between;width:100%}.settings-navigation,.settings-grid{grid-template-columns:1fr}}.sharePage{color:#f7f9fc;background:#08111c;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shareCenter{justify-content:center;align-items:center;display:flex}.shareHeader{justify-content:space-between;align-items:center;gap:20px;max-width:920px;margin:0 auto 18px;display:flex}.shareLogoText{letter-spacing:1.4px;font-size:20px;font-weight:900}.liveLine{color:#aab6c2;letter-spacing:1px;margin-top:7px;font-size:12px;font-weight:800}.liveDot{background:#22c55e;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.remaining{background:#111d29;border:1px solid #263747;border-radius:12px;padding:10px 14px;font-weight:800}.unitCard,.shareInfo,.mapCard{width:100%;max-width:920px;margin-left:auto;margin-right:auto}.unitCard{background:#111d29;border:1px solid #263747;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px;display:flex}.unitLabel{color:#748392;letter-spacing:1.2px;font-size:11px;font-weight:900}.unitCard h1{margin:4px 0 0;font-size:28px}.speed{text-align:right}.speed strong{font-size:26px;display:block}.speed span{color:#aab6c2;font-size:12px}.mapCard{background:#111d29;border:1px solid #263747;border-radius:20px;height:min(62vh,580px);overflow:hidden}.shareMap{filter:brightness(.82)contrast(1.12);border:0;width:100%;height:100%}.mapUnavailable{color:#aab6c2;justify-content:center;align-items:center;height:100%;display:flex}.shareInfo{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.shareInfo>div{background:#111d29;border:1px solid #263747;border-radius:14px;padding:15px}.shareInfo span{color:#748392;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.onlineText{color:#22c55e}.shareError{color:#ffb4b4;background:#29171b;border-radius:12px;max-width:920px;margin:0 auto 14px;padding:12px 14px}.expiredCard,.shareLoading{text-align:center;background:#111d29;border:1px solid #263747;border-radius:22px;width:min(92vw,480px);padding:32px}.expiredIcon{margin-top:28px;font-size:42px}.expiredCard h1{margin-bottom:8px}.expiredCard p,.shareLoading p{color:#aab6c2}footer{color:#748392;text-align:center;max-width:920px;margin:20px auto 0;font-size:12px}@media (width<=600px){.sharePage{padding:16px}.shareInfo{grid-template-columns:1fr}.mapCard{height:55vh}.unitCard h1{font-size:24px}}.shareBrand{align-items:center;gap:10px;display:flex}.shareBrandLogo{object-fit:contain;width:52px;height:52px}.shareGoogleMapShell{background:#08111c;width:100%;height:100%;min-height:340px;position:relative;overflow:hidden}.shareGoogleMap{width:100%;height:100%;min-height:340px}.sharePumpMarker{filter:drop-shadow(0 5px 5px #0000008c);justify-content:center;align-items:center;width:92px;height:56px;display:flex}.sharePumpMarker img{object-fit:contain;width:92px;height:56px;display:block}.shareMapLoading{color:#fff;background:#08111c;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.shareMapUnitBadge{z-index:10;color:#fff;pointer-events:none;background:#08111ce0;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;gap:2px;padding:7px 11px;display:flex;position:absolute;bottom:12px;left:12px}.shareMapUnitBadge strong{font-size:12px}.shareMapUnitBadge span{color:#aab6c2;font-size:11px}@media (width<=560px){.shareBrandLogo{width:44px;height:44px}.shareGoogleMapShell,.shareGoogleMap{min-height:320px}.sharePumpMarker,.sharePumpMarker img{width:82px;height:50px}}.shareDirectionsButton{z-index:30;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08111ceb;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;padding:10px 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #00000059}.shareDirectionsButton:active{transform:scale(.97)}.sharePumpInfo{color:#172033;flex-direction:column;gap:7px;min-width:150px;padding:3px;display:flex}.sharePumpInfo strong{font-size:13px}.sharePumpInfo a{color:#1565c0;font-size:13px;font-weight:700;text-decoration:none}.shareMapsPanel{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08111cf0;border:1px solid #ffffff26;border-radius:13px;align-items:center;gap:12px;padding:11px 12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 8px 24px #00000061}.shareMapsPanel>div{flex-direction:column;min-width:58px;display:flex}.shareMapsPanel strong{color:#fff;font-size:13px}.shareMapsPanel span{color:#aab6c2;font-size:11px}.shareMapsPanel a{color:#1597f5;text-align:center;flex:1;font-size:13px;font-weight:800;text-decoration:none}.shareMapsPanel button{color:#aab6c2;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:25px;line-height:30px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#fff;background:#101214;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}