.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.page-content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:24px 32px;overflow-x:hidden}.access-page{flex-direction:column;gap:24px;width:100%;max-width:1100px;margin:0 auto;display:flex}.access-header h1{color:var(--text-h);margin:0 0 8px;font-size:32px}.access-subtitle{color:var(--text);opacity:.8;margin:0;font-size:15px}.access-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.access-create-role-trigger,.access-create-user-trigger{min-width:170px}.access-header-actions{flex-wrap:wrap;gap:10px;display:flex}.access-form{flex-direction:column;gap:24px;display:flex}.access-layout{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}.access-user-list{gap:12px;display:grid}.access-user-button{text-align:left;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:10px;padding:12px}.access-user-button-selected{border-color:var(--accent-border);background:var(--accent-bg)}.access-user-roles{margin-top:8px;font-size:.9rem}.access-assignments-form{gap:16px;display:grid}.access-assignment-card{border:1px solid var(--border);border-radius:12px;gap:12px;padding:16px;display:grid}.access-assignment-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.access-assignment-toggle{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text-h);font:inherit;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.access-assignment-toggle-title{text-align:left;font-weight:600}.access-assignment-toggle-state{color:var(--muted);font-size:13px}.access-checkbox-list{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;gap:8px;max-height:180px;padding:8px;display:grid;overflow-y:auto}.access-checkbox-item{color:var(--text);align-items:flex-start;gap:10px;font-size:14px;display:flex}.access-scope-display-list,.access-scope-display-empty{max-height:140px}.access-scope-display-item{background:color-mix(in srgb, var(--panel) 55%, transparent);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.access-scope-display-empty{color:var(--muted);align-items:center;font-size:14px}.access-actions-compact{gap:12px}.access-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;min-width:0;padding:20px}.access-card h2{color:var(--text-h);margin:0 0 16px;font-size:20px}.access-field{flex-direction:column;gap:8px;display:flex}.access-field label{color:var(--text);font-size:14px}.access-tag-filter-label{letter-spacing:.02em;text-transform:uppercase;text-underline-position:under;border:1px solid var(--border);border-radius:999px;align-items:center;width:fit-content;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.access-tag-filter-label-include{color:#166534;border-color:#86efac}.access-tag-filter-label-exclude{color:#9a3412;border-color:#fdba74}.access-select,.access-input{border:1px solid var(--border);background:var(--panel-2);width:100%;max-width:420px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:10px;padding:10px 12px}.access-select:focus{outline:2px solid var(--accent);outline-offset:2px}.hierarchy-page{gap:18px;display:grid}.hierarchy-grid{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.hierarchy-tree{gap:10px;display:grid}.hierarchy-node{position:relative}.hierarchy-node-label{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;padding:8px 12px;display:inline-block;position:relative}.hierarchy-node-children{gap:8px;margin-top:8px;margin-left:20px;display:grid}.hierarchy-hover-card{z-index:40;border:1px solid var(--border);background:var(--panel);width:min(780px,85vw);box-shadow:var(--shadow);border-radius:10px;padding:12px;position:absolute;top:110%;left:0}.hierarchy-hover-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.hierarchy-hover-columns h5{margin:0 0 6px}.hierarchy-hover-columns ul{max-height:180px;margin:0;padding-left:18px;overflow-y:auto}.hierarchy-form-block{border-bottom:1px solid var(--border);gap:10px;margin-bottom:18px;padding-bottom:18px;display:grid}.hierarchy-list{gap:10px;display:grid}.hierarchy-list-row{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.button-danger{color:#fff;cursor:pointer;background:#7a1d1d;border:1px solid #9f2c2c;border-radius:8px;padding:8px 10px}@media (width<=980px){.hierarchy-grid,.hierarchy-hover-columns{grid-template-columns:1fr}}.access-multi-select{min-height:120px}.access-chips-container{background-color:#00000008;border-radius:4px;flex-wrap:wrap;gap:8px;min-height:36px;margin-top:8px;padding:8px;display:flex}.access-chip{background-color:var(--accent);color:#fff;border-radius:16px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.access-chips-empty{color:var(--muted-text);padding:4px 0;font-size:13px}.access-input:focus{outline:2px solid var(--accent);outline-offset:2px}.access-permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.access-permission-item{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.access-permission-item input{margin-top:2px}.access-permission-name{color:var(--text-h);margin-bottom:4px;font-weight:600}.access-permission-description{color:var(--muted);font-size:14px}.access-scope-list{flex-direction:column;gap:12px;display:flex}.access-scope-item{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:12px;padding:14px}.access-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.access-save-button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 16px;font-weight:600;transition:opacity .2s,transform .2s}.access-save-button:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.access-save-button:disabled{opacity:.6;cursor:not-allowed}.access-message{color:var(--text);margin:0;font-size:14px}.access-modal-backdrop{z-index:1200;background:#0f172a80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.access-modal{background:var(--panel);border:1px solid var(--border);width:min(900px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.access-scope-modal{width:min(720px,100%)}.access-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.access-modal-header h2{color:var(--text-h);margin:0 0 8px;font-size:20px}.access-modal-close{border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:8px 12px}.access-modal-close:hover{border-color:var(--accent)}.access-modal-form{margin-top:8px}.access-modal-toolbar{justify-content:flex-start}.access-scope-modal-actions{justify-content:flex-end}.access-scope-tree{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;gap:10px;max-height:420px;padding:10px;display:grid;overflow-y:auto}.access-scope-tree-node{min-width:0}.access-scope-tree-label{color:var(--text);align-items:flex-start;gap:10px;font-size:14px;display:inline-flex}.access-scope-tree-label input{margin-top:2px}.access-scope-tree-empty{color:var(--muted);font-size:13px}.access-scope-tree-display{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;gap:10px;padding:10px;display:grid}.access-scope-tree-display-empty{color:var(--muted);font-size:13px}.access-scope-tree-display-node{min-width:0}.access-scope-tree-display-label{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:8px;padding:6px 10px;font-size:13px;display:inline-block}.access-rank-map-backdrop{z-index:1300;background:#0f172a8f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.access-rank-map-modal{background:var(--panel);border:1px solid var(--border);width:min(980px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.access-rank-map-legend{flex-wrap:wrap;gap:8px;display:flex}.access-rank-chip{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:999px;padding:6px 10px;font-size:13px}.access-rank-chip-highlighted{border-color:var(--accent-border);background:var(--accent-bg);color:var(--text-h)}.access-rank-tree{flex-direction:column;gap:14px;display:flex}.access-rank-level{flex-direction:column;gap:10px;display:flex}.access-rank-level-header{justify-content:flex-start;align-items:center;display:flex}.access-rank-level-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);font-size:13px;font-weight:700}.access-rank-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.access-rank-role-card{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;gap:6px;padding:12px;display:grid}.access-rank-role-card-highlighted{border-color:var(--accent-border);background:var(--accent-bg);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}.access-rank-role-name{color:var(--text-h);margin:0;font-weight:700}.access-rank-role-desc{color:var(--muted);margin:0;font-size:13px}.access-rank-level-connector{background:linear-gradient(to bottom, var(--accent-border), var(--border));border-radius:999px;width:2px;height:22px;margin:0 auto}.access-status,.access-muted{color:var(--muted);margin:0}@media (width<=900px){.access-layout,.access-permissions-grid{grid-template-columns:1fr}.page-content{padding:20px}.access-header h1{font-size:26px}.access-create-role-trigger,.access-create-user-trigger,.access-header-actions{width:100%}.access-rank-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.access-assignment-actions{justify-content:stretch}.access-assignment-actions button{width:100%}.access-rank-level-grid{grid-template-columns:1fr}}.status-summary{margin-top:24px}.vehicles-page{gap:16px;width:100%;min-width:0;max-width:1220px;margin:0 auto;display:grid}.vehicles-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vehicles-header-actions{flex-wrap:wrap;gap:10px;display:flex}.vehicles-view-active{border-color:var(--accent-border);background:var(--accent-bg)}.vehicles-filter-header,.vehicles-results-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.vehicles-filter-header h2,.vehicles-results-header h2{color:var(--text-h);margin:0}.vehicles-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vehicles-filter-input-row{gap:8px;display:flex}.vehicles-filter-options{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;gap:6px;max-height:220px;padding:10px;display:grid;overflow-y:auto}.vehicles-filter-actions{justify-content:flex-end;margin-top:8px;display:flex}.vehicles-display-controls{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.vehicles-display-group{gap:10px;display:grid}.vehicles-display-group h3{color:var(--text-h);margin:0;font-size:16px}.vehicles-display-checkboxes{max-height:220px}.vehicles-display-modal{width:min(520px,100%)}.vehicles-display-modal .vehicles-display-checkboxes{max-height:min(52vh,420px)}.vehicles-tag-dropdown{width:100%;max-width:420px;position:relative}.vehicles-tag-dropdown-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.vehicles-tag-dropdown-summary{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.vehicles-tag-summary-chip{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.vehicles-tag-dropdown-placeholder{color:var(--muted)}.vehicles-tag-dropdown-caret{color:var(--muted);flex-shrink:0;font-size:12px}.vehicles-tag-dropdown-menu{border:1px solid var(--border);background:var(--panel-2);max-height:220px;box-shadow:var(--shadow);z-index:20;border-radius:10px;gap:6px;width:100%;margin-top:6px;padding:10px;display:grid;position:absolute;overflow-y:auto}.incident-vehicle-dropdown-menu{gap:8px}.incident-vehicle-search-input{max-width:100%}.incident-vehicle-selected-label{color:var(--text);font-size:13px}.incident-vehicle-option{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 70%, transparent);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:1.4fr 1fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.incident-vehicle-option:hover{border-color:var(--accent-border)}.incident-vehicle-option-selected{border-color:var(--accent-border);background:var(--accent-bg)}.incident-vehicle-option-id{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.incident-vehicle-option-fleet{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vehicles-tag-dropdown-option{padding:2px 0}.vehicles-tag-cell{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.vehicles-tag-pill{background:color-mix(in srgb, var(--accent) 14%, var(--panel-2));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));color:var(--text-h);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.vehicles-table-wrapper{width:100%;max-width:100%;overflow:auto hidden}.vehicles-table{border-collapse:collapse;width:100%;min-width:980px}.vehicles-table th,.vehicles-table td{border-bottom:1px solid var(--border);text-align:left;color:var(--text);vertical-align:top;padding:10px 8px}.vehicles-table th{color:var(--text-h);white-space:nowrap;background:color-mix(in srgb, var(--panel) 70%, transparent);font-weight:600}.vehicles-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.vehicles-card{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;gap:6px;padding:14px;display:grid}.vehicles-card p{color:var(--text);text-align:right;grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:12px;margin:0;font-size:14px;display:grid}.vehicles-card p strong{text-align:left}.vehicles-card-tags{grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:12px;display:grid}.vehicles-card-tags strong{text-align:left}.vehicles-card-tags .vehicles-tag-cell{justify-content:flex-end}.vehicles-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.vehicles-card-header h3{color:var(--text-h);margin:0;font-size:18px}.vehicles-card-actions{justify-content:flex-end;margin-top:8px;display:flex}.vehicles-edit-modal{width:min(760px,100%)}.vehicles-readonly-field{position:relative}.vehicles-readonly-field .access-input[disabled],.vehicles-readonly-field .access-select[disabled],.vehicles-readonly-field textarea[disabled]{color:#e2e8f0c7;cursor:not-allowed;opacity:1;background:#94a3b82e;border-color:#94a3b873}.vehicles-readonly-field:hover:after,.vehicles-readonly-field:focus-within:after{content:attr(data-readonly-reason);z-index:20;color:#e2e8f0;pointer-events:none;background:#0f172afa;border:1px solid #94a3b873;border-radius:8px;max-width:min(420px,90vw);padding:8px 10px;font-size:12px;line-height:1.35;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 10px 28px #0f172a80}.vehicles-unassigned-button{color:#ffd4d4;font:inherit;cursor:pointer;background:#ff404033;border:1px solid #ff6b6b;border-radius:10px;padding:10px 14px;font-weight:700;box-shadow:0 0 10px #ff404073}.vehicles-unassigned-button:hover{background:#ff404047}.vehicles-unassigned-modal{width:min(980px,100%)}.drivers-row-actions{flex-wrap:wrap;gap:8px;display:flex}.drivers-tag-input{resize:vertical;max-width:none;min-height:96px}.drivers-active-toggle{color:var(--text);align-items:center;gap:8px;font-size:14px;display:inline-flex}.drivers-csv-example{border:1px solid var(--border);color:var(--text-h);background:#ffffff0a;border-radius:10px;margin:0;padding:12px;overflow-x:auto}.drivers-upload-sheet-wrap{border:1px solid var(--border);background:#ffffff08;border-radius:10px;overflow-x:auto}.drivers-upload-sheet{border-collapse:collapse;width:100%;min-width:540px}.drivers-upload-sheet th,.drivers-upload-sheet td{border:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px 12px}.drivers-upload-sheet th{color:var(--text-h);letter-spacing:.03em;text-transform:uppercase;background:#ffffff0d;font-size:12px}.drivers-upload-sheet td{color:var(--text)}.drivers-csv-input{display:none}.status-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.status-grid-vehicle{grid-template-columns:repeat(6,minmax(0,1fr))}.status-grid-vehicle-cols-1{--desktop-status-columns:1}.status-grid-vehicle-cols-2{--desktop-status-columns:2}.status-grid-vehicle-cols-3{--desktop-status-columns:3}.status-grid-vehicle-cols-4{--desktop-status-columns:4}.status-grid-vehicle-cols-5{--desktop-status-columns:5}.status-grid-vehicle-cols-6{--desktop-status-columns:6}@media (width>=1025px){.status-grid-vehicle[class*=status-grid-vehicle-cols-]{grid-template-columns:repeat(var(--desktop-status-columns), minmax(0, 1fr))}}.status-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:14px 16px}.status-card-action{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;transition:border-color .2s,transform .2s}.status-card-action:hover{border-color:var(--accent-border);transform:translateY(-1px)}.status-card-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-label{color:var(--text);text-transform:capitalize;margin:0}.status-count{color:var(--text-h);margin:6px 0 0;font-size:28px;font-weight:700}@media (width<=768px){.vehicles-filter-controls{grid-template-columns:1fr}.vehicles-filter-input-row{flex-direction:column}.vehicles-filter-input-row button{width:100%}.vehicles-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.vehicles-card-grid{grid-template-columns:1fr}}.settings-page{grid-template-columns:1fr;gap:16px;width:100%;min-width:0;max-width:1220px;margin:0 auto;display:grid}.settings-card{min-height:220px}.settings-card-large{min-height:280px}.settings-section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.settings-section-header h2,.settings-card h3{color:var(--text-h);margin:0 0 8px}.settings-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-detail-item,.settings-role-item,.settings-contact-card,.settings-action-item{border:1px solid var(--border);background:var(--panel-2);border-radius:12px}.settings-detail-item{gap:6px;padding:14px 16px;display:grid}.settings-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:13px}.settings-detail-value{color:var(--text-h);word-break:break-word}.settings-detail-mono{font-family:Consolas,Courier New,monospace;font-size:13px}.settings-action-list,.settings-role-list{gap:12px;display:grid}.settings-action-item{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.settings-action-item h3{color:var(--text-h);margin:0 0 6px}.settings-action-copy{color:var(--text);margin:0}.settings-tag-list{flex-wrap:wrap;gap:8px;display:flex}.user-tag-pill-list{align-items:center;margin-top:8px}.user-tag-add-button{border:1px solid var(--accent);background:var(--panel-2);width:28px;height:28px;color:var(--text-h);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;transition:filter .2s,transform .2s;display:inline-flex}.user-tag-add-button:hover{filter:brightness(1.08)}.user-tag-add-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-tag-add-button-empty{margin-top:8px}.settings-tag{background:color-mix(in srgb, var(--accent) 14%, var(--panel-2));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));color:var(--text-h);border-radius:999px;padding:8px 12px;font-size:13px}.user-tag-pill{align-items:center;gap:6px;padding-right:8px;display:inline-flex}.user-tag-pill-remove{border:1px solid var(--accent);width:18px;height:18px;color:var(--text-h);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.user-tag-pill-remove:hover{background:color-mix(in srgb, var(--accent) 18%, var(--panel-2))}.user-tag-pill-remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-role-item,.settings-contact-card{gap:6px;padding:14px 16px;display:grid}.settings-role-name,.settings-contact-name{color:var(--text-h)}.settings-role-scope,.settings-contact-meta{color:var(--text);font-size:14px}.settings-modal{width:min(480px,100%)}.settings-modal-input{max-width:none}.settings-modal-actions{justify-content:flex-end}.settings-success{color:#b4f3d2}.settings-error{color:#ffb4b4}.insurance-page{gap:16px;width:100%;min-width:0;max-width:1220px;margin:0 auto;display:grid}.insurance-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.insurance-upload-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.insurance-sync-grid{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding:12px;display:grid}.insurance-sync-grid p{color:var(--text);margin:0;font-size:14px}.insurance-table{min-width:1180px}.insurance-status-pill{border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.insurance-status-active{color:#0f5132;background:#d1fae5;border-color:#86efac}.insurance-status-inactive{color:#7f1d1d;background:#fee2e2;border-color:#fca5a5}.insurance-status-not-found{color:#7a2e0f;background:#ffedd5;border-color:#fdba74}@media (width>=900px){.settings-page{grid-template-columns:repeat(6,minmax(0,1fr))}.settings-card-large{grid-column:span 3}.settings-card:not(.settings-card-large){grid-column:span 2}}@media (width<=768px){.settings-detail-grid{grid-template-columns:1fr}.insurance-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insurance-sync-grid{grid-template-columns:1fr}.settings-action-item{flex-direction:column;align-items:flex-start}.settings-action-item .access-save-button{width:100%}}@media (width<=1024px){.status-grid,.status-grid-vehicle{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.status-grid,.status-grid-vehicle{grid-template-columns:1fr}}@media (width<=560px){.insurance-stats-grid{grid-template-columns:1fr}}.logging-page{gap:16px;width:100%;min-width:0;max-width:1220px;margin:0 auto;display:grid}.logging-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.logging-filter-actions{justify-content:flex-end;margin-top:14px}.logging-table{min-width:1220px}.logging-table-wrapper{max-width:100%;margin-bottom:12px}.logging-card-grid{display:none}.tags-page{gap:16px;width:100%;min-width:0;max-width:900px;margin:0 auto;display:grid}.tags-create-card{gap:12px;display:grid}.tags-create-form{flex-wrap:wrap;gap:10px;display:flex}.tags-list{gap:10px;display:grid}.tags-list-row{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.tags-name{color:var(--text-h);word-break:break-word;font-weight:600}.tags-row-actions{flex-wrap:wrap;gap:8px;display:flex}.tags-edit-input{max-width:420px}@media (width<=1024px){.logging-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.logging-filter-grid{grid-template-columns:1fr}.logging-filter-actions{justify-content:stretch}.logging-filter-actions button{width:100%}.logging-table-wrapper{display:none}.logging-card-grid{grid-template-columns:1fr;gap:10px;display:grid}.tags-create-form{flex-direction:column}.tags-create-form .access-save-button,.tags-row-actions button{width:100%}}.helper-page{gap:16px;width:100%;min-width:0;max-width:980px;margin:0 auto;display:grid}.helper-hero-card{gap:8px;display:grid}.helper-hero-card h1{margin:0}.helper-section{gap:10px;display:grid}.helper-section h2,.helper-section h3{margin:0}.helper-list,.helper-steps{gap:6px;margin:0;padding-left:20px;display:grid}.helper-code{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;margin:0;padding:8px 10px;font-family:Courier New,Courier,monospace}@media (width<=768px){.helper-page{gap:12px}.helper-list,.helper-steps{padding-left:18px}}:root{--bg:#0b1020;--panel:#151c31;--panel-2:#1c2540;--text:#e8edf7;--muted:#a9b4c9;--border:#2b3657;--accent:#4f7cff;--danger:#ff6b6b;--radius:14px;--shadow:0 12px 30px #00000038}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.auth-page,.page-center{align-content:start;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-page .environment-banner{border-radius:10px;width:100%;margin-bottom:24px}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:24px}.auth-brand h1{margin:0 0 8px;font-size:2rem}.auth-brand p{color:var(--muted);margin:0 0 24px}.auth-form{gap:16px;display:grid}.auth-form label{gap:8px;display:grid}.auth-form input{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:10px;padding:12px 14px}.auth-form button,.menu-button{background:var(--accent);color:#fff;z-index:1100;border:0;border-radius:10px;padding:12px 14px;position:relative}.form-error{color:#fff;background:var(--danger);border-radius:10px;padding:10px 12px}.app-shell{grid-template-columns:280px 1fr;width:100%;max-width:100%;min-height:100vh;display:grid;overflow-x:clip}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;height:100vh;min-height:0;padding:20px;display:flex;position:sticky;top:0}.sidebar-header{margin-bottom:20px}.sidebar-footer{padding-top:16px}.sidebar-footer button{background:var(--danger);color:#fff;border:0;border-radius:10px;width:100%;padding:12px 14px;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.sidebar-nav-helper-link{margin-top:auto}.sidebar-bottom-nav{border-top:1px solid var(--border);gap:8px;padding-top:16px;display:grid}.sidebar-nav a,.sidebar-bottom-nav a{border-radius:10px;padding:12px}.sidebar-nav a.active,.sidebar-nav a:hover,.sidebar-bottom-nav a.active,.sidebar-bottom-nav a:hover{background:var(--panel-2)}.sidebar-dropdown-trigger{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.sidebar-dropdown-trigger:hover,.sidebar-dropdown-trigger-open{background:var(--panel-2)}.sidebar-dropdown-arrow{color:var(--muted);font-size:10px}.sidebar-dropdown-menu{gap:4px;padding-left:12px;display:grid}.sidebar-dropdown-menu a{border-radius:8px;padding:10px 12px;font-size:14px}.app-main{grid-template-rows:auto 64px 1fr;width:100%;min-width:0;display:grid;overflow-x:hidden}.environment-banner{color:#f59e0b;background:#ffc10726;border-bottom:2px solid #ffc10766;grid-column:1;justify-content:flex-end;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;display:flex;position:relative}.environment-banner-text{text-align:center;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.environment-banner-screen{text-align:right;white-space:nowrap;margin-left:auto}.user-email{color:var(--muted)}.content,.page-content{width:100%;min-width:0;max-width:100%;padding:20px;overflow-x:hidden}.menu-button{display:none}.toast-container{z-index:2100;pointer-events:none;gap:10px;width:min(420px,100vw - 32px);display:grid;position:fixed;top:16px;right:16px}.toast{border:1px solid var(--border);box-shadow:var(--shadow);pointer-events:auto;border-radius:10px;grid-template-columns:1fr auto;align-items:start;gap:12px;padding:12px 14px;display:grid}.toast-success{background:#4bb54338;border-color:#62cf5aa6}.toast-error{background:#ff525233;border-color:#ff7575a6}.toast-message{word-break:break-word;margin:0;line-height:1.35}.toast-close{color:var(--text);opacity:.9;background:0 0;border:0;width:22px;height:22px;padding:0;font-weight:700}.toast-close:hover{opacity:1}@media (width<=1024px){:root{--mobile-sidebar-width:260px}.app-shell{grid-template-columns:1fr}.sidebar{width:var(--mobile-sidebar-width);z-index:1000;height:100vh;transition:left .2s;position:fixed;top:0;left:-100%}.sidebar.open{left:0}.menu-button{justify-content:center;align-items:center;transition:left .3s;display:inline-flex;position:relative;left:0}.topbar{z-index:1100;padding:14px;position:relative}.app-shell.sidebar-open .menu-button{left:min(calc(var(--mobile-sidebar-width) + 8px), calc(100vw - 72px))}}@media (width<=768px){.content,.page-content{padding:14px}.environment-banner{justify-content:space-between;padding:10px 16px}.environment-banner-text{text-align:left;position:static;transform:none}.auth-card{padding:20px}.toast-container{width:min(92vw,480px);left:50%;right:auto;transform:translate(-50%)}}