:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--primary-subtle: #eff6ff;--secondary: #0f766e;--accent: #6366f1;--danger: #dc2626;--danger-subtle: #fef2f2;--danger-text: #991b1b;--success: #059669;--success-subtle: #ecfdf5;--success-text: #065f46;--warning-subtle: #fffbeb;--warning-text: #92400e;--info-subtle: #eef2ff;--info-text: #3730a3;--bg: #f4f6f9;--surface: #ffffff;--surface-raised: #ffffff;--text: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border: #e2e8f0;--border-light: #f1f5f9;--placeholder: #94a3b8;--header-bg: rgba(255, 255, 255, .92);--table-header-bg: #f8fafc;--table-header-bg-alt: #f1f5f9;--table-row-even: #fafbfc;--table-row-hover: #f0f7ff;--table-row-hover-simple: #f8fafc;--toolbar-bg: linear-gradient(180deg, #fafbfc 0%, var(--surface) 100%);--footer-bg: #fafbfc;--readonly-bg: #f1f5f9;--bg-muted: #f8fafc;--content-gradient: radial-gradient(ellipse 100% 80% at 100% 0%, rgba(37, 99, 235, .04) 0%, transparent 50%);--modal-overlay: rgba(15, 23, 42, .45);--document-frame-bg: #ffffff;--mobile-nav-bg: rgba(255, 255, 255, .96);--mobile-nav-border: var(--border);--input-focus-ring: rgba(59, 130, 246, .12);--role-badge-border: rgba(37, 99, 235, .15);--stat-hover-border: rgba(37, 99, 235, .2);--btn-secondary-hover-border: #cbd5e1;--mobile-nav-height: 64px;--sidebar-bg: #0f172a;--sidebar-bg-hover: rgba(255, 255, 255, .06);--sidebar-bg-active: rgba(37, 99, 235, .15);--sidebar-text: #94a3b8;--sidebar-text-active: #f8fafc;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-accent: #3b82f6;--sidebar-width: 264px;--header-height: 64px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-md: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--transition-fast: .15s ease;--transition: .2s ease}[data-theme=dark]{--primary-subtle: rgba(59, 130, 246, .12);--danger-subtle: rgba(220, 38, 38, .12);--danger-text: #fca5a5;--success-subtle: rgba(5, 150, 105, .12);--success-text: #6ee7b7;--warning-subtle: rgba(245, 158, 11, .12);--warning-text: #fcd34d;--info-subtle: rgba(99, 102, 241, .12);--info-text: #a5b4fc;--bg: #0b1120;--surface: #111827;--surface-raised: #1e293b;--text: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #1e293b;--border-light: #1a2332;--placeholder: #64748b;--header-bg: rgba(17, 24, 39, .92);--table-header-bg: #1a2332;--table-header-bg-alt: #1e293b;--table-row-even: rgba(255, 255, 255, .02);--table-row-hover: rgba(59, 130, 246, .08);--table-row-hover-simple: rgba(255, 255, 255, .04);--toolbar-bg: linear-gradient(180deg, #1a2332 0%, var(--surface) 100%);--footer-bg: #1a2332;--readonly-bg: #1e293b;--bg-muted: #1a2332;--content-gradient: radial-gradient(ellipse 100% 80% at 100% 0%, rgba(59, 130, 246, .08) 0%, transparent 50%);--modal-overlay: rgba(0, 0, 0, .65);--document-frame-bg: #1e293b;--mobile-nav-bg: rgba(17, 24, 39, .96);--mobile-nav-border: #1e293b;--input-focus-ring: rgba(59, 130, 246, .2);--role-badge-border: rgba(59, 130, 246, .25);--stat-hover-border: rgba(59, 130, 246, .35);--btn-secondary-hover-border: #334155;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .25), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .35), 0 8px 10px -6px rgba(0, 0, 0, .25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:.9375rem}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column}.content-area{flex:1;padding:1.75rem 2rem 2.5rem;background:var(--content-gradient),var(--bg)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);position:fixed;height:100vh;overflow-y:auto;display:flex;flex-direction:column;border-right:1px solid var(--sidebar-border);z-index:100}.sidebar-brand{padding:1.5rem 1.25rem 1.25rem;border-bottom:1px solid var(--sidebar-border)}.sidebar-brand-inner{display:flex;align-items:center;gap:.75rem}.sidebar-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo svg{width:20px;height:20px;color:#fff}.brand-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:#fff;box-shadow:0 8px 20px #0f172a2e}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.brand-logo--login{width:min(100%,220px);height:auto;aspect-ratio:1024 / 537;border-radius:16px;padding:.55rem .75rem;margin-bottom:1.5rem}.brand-logo--card{width:min(100%,180px);height:auto;aspect-ratio:1024 / 537;border-radius:14px;padding:.45rem .65rem;margin:0 auto 1.25rem}.brand-logo--sidebar{width:48px;height:48px;border-radius:var(--radius-sm);padding:.2rem;box-shadow:none;border:1px solid var(--sidebar-border)}.sidebar-brand h1{font-size:1.0625rem;font-weight:700;color:var(--sidebar-text-active);letter-spacing:-.02em;line-height:1.3}.sidebar-brand p{font-size:.6875rem;color:var(--sidebar-text);margin-top:.125rem;letter-spacing:.02em;text-transform:uppercase}.sidebar-nav{padding:.75rem .625rem;flex:1}.sidebar-nav-group{margin-bottom:.5rem}.sidebar-nav-group-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .875rem;border:none;background:transparent;color:#ffffff80;font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-nav-group-header:hover{background:#ffffff0a;color:#ffffffb8}.sidebar-nav-group-header:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:2px}.sidebar-nav-group-title{text-align:left}.sidebar-nav-group-caret{width:14px;height:14px;flex-shrink:0;opacity:.8;transform:rotate(0);transition:transform var(--transition-fast)}.sidebar-nav-group-caret.open{transform:rotate(90deg)}.sidebar-nav-group-items{margin-top:.125rem}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;margin-bottom:2px;color:var(--sidebar-text);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast);border-left:3px solid transparent}.sidebar-nav a:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active)}.sidebar-nav a.active{background:var(--sidebar-bg-active);color:var(--sidebar-text-active);border-left-color:var(--sidebar-accent)}.sidebar-nav .nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.75}.sidebar-nav a.active .nav-icon,.sidebar-nav a:hover .nav-icon{opacity:1}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--sidebar-border);font-size:.6875rem;color:var(--sidebar-text);opacity:.6}.top-header{height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-xs);gap:.75rem}.top-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.menu-toggle-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.menu-toggle-btn svg{width:20px;height:20px}.menu-toggle-btn:hover{background:var(--border-light);color:var(--text)}.top-header-title{font-size:.8125rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em}.user-bar{display:flex;align-items:center;gap:.875rem}.user-bar .user-name{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.user-bar .role-badge{background:var(--primary-subtle);color:var(--primary-light);padding:.25rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:capitalize;letter-spacing:.03em;border:1px solid var(--role-badge-border)}[data-theme=light] .user-bar .role-badge{color:var(--primary-dark)}.page-header{margin-bottom:1.75rem}.page-header-enhanced{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem}.page-header-content h2{font-size:1.625rem;font-weight:700;color:var(--text);letter-spacing:-.025em;line-height:1.25}.page-header-content p{color:var(--text-muted);margin-top:.375rem;font-size:.9375rem;max-width:52rem}.page-header-actions{display:flex;gap:.625rem;flex-shrink:0;flex-wrap:wrap}.page-header h2{font-size:1.625rem;font-weight:700;color:var(--text);letter-spacing:-.025em;line-height:1.25}.page-header p{color:var(--text-muted);margin-top:.375rem;font-size:.9375rem}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;border:1px solid var(--border)}.card h3{font-size:1rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.card-section-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:1.25rem;letter-spacing:-.01em}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.profile-help-text{margin-top:1.25rem;font-size:.875rem;color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.75rem}.stat-card{background:var(--surface);border-radius:var(--radius);padding:1.25rem 1.375rem;border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);opacity:0;transition:opacity var(--transition)}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--stat-hover-border);transform:translateY(-1px)}.stat-card:hover:before{opacity:1}.stat-card .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.stat-card .value{font-size:1.875rem;font-weight:700;color:var(--text);margin-top:.375rem;letter-spacing:-.03em;line-height:1.1}a.stat-card-link{text-decoration:none;color:inherit;display:block;cursor:pointer}a.stat-card-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.driver-quick-actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1rem}.driver-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.driver-quick-link{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.driver-quick-link:hover{border-color:var(--stat-hover-border);box-shadow:var(--shadow);transform:translateY(-1px)}.driver-quick-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.driver-quick-link-icon{display:flex;align-items:center;justify-content:center;color:var(--primary)}.driver-quick-link-icon .nav-icon{width:1.125rem;height:1.125rem}.driver-trip-cards{margin-bottom:1.5rem}.driver-trip-cards-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.875rem}.driver-trip-cards-toolbar .data-table-filter{margin:0;flex:1;min-width:160px}.driver-trip-cards-toolbar select{width:100%}.driver-trip-card-list{display:flex;flex-direction:column;gap:.75rem}.driver-trip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.125rem;box-shadow:var(--shadow-xs)}.driver-trip-card--active{border-color:color-mix(in srgb,var(--success, #16a34a) 45%,var(--border));box-shadow:var(--shadow-sm)}.driver-trip-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.driver-trip-card-title{display:flex;flex-direction:column;gap:.125rem;min-width:0}.driver-trip-card-id{font-weight:700;color:var(--text);font-size:.9375rem}.driver-trip-card-when{font-size:.75rem;color:var(--text-muted)}.driver-trip-card-badges{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;align-items:center}.driver-trip-card-vehicle{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em}.driver-trip-card-route{display:flex;align-items:baseline;flex-wrap:wrap;gap:.375rem .5rem;font-size:.9375rem;color:var(--text-secondary);line-height:1.35;margin-bottom:.5rem}.driver-trip-card-from{font-weight:600;color:var(--text)}.driver-trip-card-arrow{color:var(--text-muted);flex-shrink:0}.driver-trip-card-to{color:var(--text-secondary)}.driver-trip-card-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.8125rem;color:var(--text-muted)}.driver-trip-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--border-light)}.driver-trip-card-actions .btn{flex:1 1 auto;min-height:2.5rem}.driver-trip-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.875rem}.driver-trip-section-head h3{margin:0;font-size:1rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5625rem 1.125rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #2563eb33}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 2px 4px #2563eb40}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--border-light);border-color:var(--btn-secondary-hover-border);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#047857}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.form-group{margin-bottom:1.125rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--placeholder)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px var(--input-focus-ring)}.form-multi-select{min-height:9rem;padding:.5rem}.form-multi-select option{padding:.35rem .5rem}.form-hint{display:block;margin-top:.35rem;color:var(--text-muted);font-size:.8125rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.table-container{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border-light)}table{width:100%;border-collapse:collapse}th,td{padding:.8125rem 1rem;text-align:left;border-bottom:1px solid var(--border-light)}th{background:var(--table-header-bg);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}td{font-size:.875rem;color:var(--text-secondary)}tbody tr{transition:background var(--transition-fast)}tbody tr:hover td{background:var(--table-row-hover-simple)}tbody tr:last-child td{border-bottom:none}.menu-permissions-table table{min-width:960px}.menu-permissions-group-row td{background:var(--table-header-bg);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.menu-permissions-group-actions td{background:var(--bg-muted)}.menu-permissions-label{font-weight:500;color:var(--text)}.menu-permissions-check{text-align:center;width:8rem}.menu-permissions-check input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.data-table-card{padding:0;overflow:hidden}.data-table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light);background:var(--toolbar-bg);flex-wrap:wrap}.data-table-toolbar-left,.data-table-toolbar-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.data-table-search{position:relative;min-width:240px}.data-table-search input{width:100%;padding:.5625rem .875rem .5625rem 2.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.875rem;color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.data-table-search input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px var(--input-focus-ring)}.data-table-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.data-table-count{font-size:.8125rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.data-table-container{border:none;border-radius:0}.data-table thead th{position:sticky;top:0;z-index:1;background:var(--table-header-bg-alt);border-bottom:1px solid var(--border)}.data-table tbody tr:nth-child(2n) td{background:var(--table-row-even)}.data-table tbody tr:hover td{background:var(--table-row-hover)!important}.data-table tfoot td{background:var(--footer-bg);border-top:2px solid var(--border);font-weight:600}.data-table-empty{text-align:center;padding:3rem 1.5rem!important;color:var(--text-muted);font-size:.9375rem}.data-table-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-top:1px solid var(--border-light);background:var(--footer-bg);flex-wrap:wrap}.data-table-footer-info{font-size:.8125rem;color:var(--text-muted)}.data-table-footer-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.data-table-page-size{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted)}.data-table-page-size select{padding:.375rem .625rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.8125rem}.data-table-pagination{display:flex;align-items:center;gap:.375rem}.data-table-page-indicator{font-size:.8125rem;color:var(--text-secondary);padding:0 .5rem;min-width:7rem;text-align:center}.data-table-filter select{padding:.5625rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.875rem;color:var(--text-secondary)}.card-title-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.card-title-bar h3{margin:0;font-size:1rem;font-weight:600}.badge{display:inline-block;padding:.1875rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.badge-available,.badge-active,.badge-approved{background:var(--success-subtle);color:var(--success-text)}.badge-in_trip,.badge-in_use{background:var(--primary-subtle);color:var(--primary-dark)}.badge-maintenance,.badge-pending_approval{background:var(--warning-subtle);color:var(--warning-text)}.badge-completed{background:var(--info-subtle);color:var(--info-text)}.badge-rejected{background:var(--danger-subtle);color:var(--danger-text)}.alert{padding:.875rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.875rem;border:1px solid transparent}.alert-success{background:var(--success-subtle);color:var(--success-text);border-color:#05966933}.alert-error{background:var(--danger-subtle);color:var(--danger-text);border-color:#dc262633}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:1.75rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.modal h3{margin-bottom:1.25rem;font-size:1.125rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.modal-actions{display:flex;gap:.625rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-light)}.modal-document-viewer{max-width:920px}.document-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.document-viewer-header h3{margin-bottom:0}.document-viewer-actions{display:flex;gap:.5rem;flex-shrink:0}.document-viewer-body{min-height:420px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden}.document-viewer-image{max-width:100%;max-height:70vh;object-fit:contain}.document-viewer-frame{width:100%;height:70vh;border:none;background:var(--document-frame-bg)}.login-page{--login-ink: #0b1f2a;--login-ink-soft: #123040;--login-teal: #0f766e;--login-teal-bright: #2dd4bf;--login-sand: #e8eef2;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(ellipse 70% 55% at 12% 20%,rgba(15,118,110,.28) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 88% 80%,rgba(37,99,235,.18) 0%,transparent 50%),linear-gradient(160deg,var(--login-ink) 0%,#0f172a 48%,#102a36 100%);position:relative;overflow:hidden;font-family:Outfit,Inter,system-ui,sans-serif}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 20%,transparent 75%);pointer-events:none}.login-shell{position:relative;z-index:1;width:min(920px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:28px;overflow:hidden;box-shadow:0 24px 48px #020c1459;animation:login-shell-in .55s ease-out both}@keyframes login-shell-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.login-visual{position:relative;min-height:480px;padding:2.5rem 2.25rem 2rem;background:linear-gradient(165deg,rgba(11,31,42,.2) 0%,transparent 40%),linear-gradient(180deg,var(--login-ink-soft) 0%,var(--login-ink) 100%);color:#f8fafc;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-visual-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.28) 0%,transparent 70%);top:-60px;right:-40px;animation:login-glow-drift 8s ease-in-out infinite alternate;pointer-events:none}@keyframes login-glow-drift{0%{transform:translate(0)}to{transform:translate(-24px,18px)}}.login-visual-content{position:relative;z-index:1;max-width:22rem;animation:login-brand-in .7s ease-out .12s both}@keyframes login-brand-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-owner{margin:0 0 .5rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--login-teal-bright) 85%,white)}.login-brand-name{margin:0;font-size:clamp(2.4rem,4vw,3.15rem);font-weight:800;letter-spacing:-.045em;line-height:1;color:#fff}.login-tagline{margin:.9rem 0 0;font-size:1.05rem;line-height:1.45;color:#f8fafcb8;font-weight:500;max-width:16ch}.login-visual-road{position:relative;z-index:1;height:64px;margin-top:2rem;border-radius:16px;background:linear-gradient(90deg,#0f766e59,#1d4ed840);border:1px solid rgba(255,255,255,.08);overflow:hidden}.login-road-line{position:absolute;left:1rem;right:1rem;top:50%;height:2px;background:#fff3;transform:translateY(-50%)}.login-road-dash{position:absolute;top:50%;left:-40%;width:40%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--login-teal-bright),transparent);transform:translateY(-50%);animation:login-road-move 2.8s linear infinite}@keyframes login-road-move{0%{left:-45%}to{left:110%}}.login-card{background:var(--surface);padding:2.5rem 2.25rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;animation:login-card-in .65s ease-out .18s both}@keyframes login-card-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.login-card-header{margin-bottom:1.5rem}.login-card-header h2{margin:0;font-size:1.65rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.login-card-lead{margin:.4rem 0 0;color:var(--text-muted);font-size:.925rem;line-height:1.4}.login-form .form-group{margin-bottom:1.1rem}.login-form .form-group label{font-weight:600;font-size:.8125rem;letter-spacing:.01em}.login-form input{border-radius:12px;transition:border-color .15s ease,box-shadow .15s ease}.login-form input:focus{border-color:var(--login-teal);box-shadow:0 0 0 3px #0f766e26}.login-label-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.login-label-row label{margin-bottom:0}.login-forgot-link{font-size:.8125rem;font-weight:600;color:var(--login-teal);text-decoration:none}.login-forgot-link:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:2px}.login-submit{width:100%;margin-top:.35rem;min-height:46px;border-radius:12px;font-weight:700;letter-spacing:.01em;background:linear-gradient(135deg,var(--login-teal) 0%,#1d4ed8 100%);border:none}.login-submit:hover:not(:disabled){filter:brightness(1.05)}.login-error{background:var(--danger-subtle);color:var(--danger-text);padding:.75rem .875rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem;border:1px solid rgba(220,38,38,.2)}.demo-credentials{margin-top:1.35rem;padding:.9rem 1rem;background:var(--bg);border-radius:12px;font-size:.8125rem;color:var(--text-muted);border:1px dashed var(--border);display:flex;flex-direction:column;gap:.25rem}.demo-credentials strong{color:var(--text-secondary)}.setup-card{max-width:480px}.setup-options{display:flex;flex-direction:column;gap:.875rem}.setup-option{display:flex;align-items:flex-start;gap:1rem;width:100%;text-align:left;padding:1.1rem 1.15rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.setup-option:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.setup-option.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--input-focus-ring);background:var(--primary-subtle)}.setup-option-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary)}.setup-option-icon svg{width:22px;height:22px}.setup-option-desktop .setup-option-icon{background:var(--info-subtle);color:var(--info-text)}.setup-option-body{display:flex;flex-direction:column;gap:.25rem;min-width:0}.setup-option-body strong{font-size:1rem;font-weight:700}.setup-option-body span{font-size:.8125rem;color:var(--text-muted);line-height:1.4}.setup-help{margin-top:1.25rem;text-align:center;font-size:.8125rem;color:var(--text-muted)}.device-mode-badge{display:inline-flex;margin-top:.75rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.device-mode-badge.is-mobile{background:var(--success-subtle);color:var(--success-text)}.device-mode-badge.is-desktop{background:var(--info-subtle);color:var(--info-text)}.login-mode-hint{margin-bottom:1rem;padding:.75rem .875rem;border-radius:var(--radius-sm);background:var(--success-subtle);color:var(--success-text);font-size:.8125rem;line-height:1.4;border:1px solid rgba(5,150,105,.18)}.setup-change-link{text-align:center;margin-top:.75rem;font-size:.8125rem}.link-button{background:none;border:none;padding:0;color:var(--primary);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:2px}.link-button:hover{color:var(--primary-dark)}@media(prefers-reduced-motion:reduce){.login-shell,.login-visual-content,.login-card,.login-page>.login-card,.login-visual-glow,.login-road-dash{animation:none!important}}.login-page>.login-card{width:100%;max-width:420px;border-radius:28px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:0 24px 48px #020c1459;animation:login-shell-in .55s ease-out both}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:1.75rem;text-align:center}.login-brand .brand-logo{margin-bottom:1rem}.login-brand h1,.login-card>.login-brand h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.login-card .subtitle{margin:.4rem 0 0;text-align:center;color:var(--text-muted);font-size:.9rem;line-height:1.4}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:.9375rem}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;font-size:.875rem;color:var(--text-secondary)}.checkbox-inline{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer}.readonly-field{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--table-header-bg-alt);color:var(--text-secondary);font-size:.9375rem}.driver-user-section{margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;background:var(--bg);transition:border-color var(--transition-fast),background var(--transition-fast)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary-light);background:var(--primary-subtle)}.upload-zone input[type=file]{display:none}.upload-zone .file-name{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.upload-hint{font-size:.8125rem;color:var(--text-muted);margin-top:.5rem}.upload-errors{margin-top:1rem;max-height:200px;overflow-y:auto;text-align:left}.upload-error-item{padding:.625rem .75rem;background:var(--danger-subtle);border:1px solid rgba(220,38,38,.15);border-radius:var(--radius-sm);margin-bottom:.5rem;font-size:.8125rem;color:var(--danger-text)}.upload-error-item strong{font-weight:600}.toolbar-actions{display:flex;gap:.625rem;flex-wrap:wrap}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle-btn svg{width:18px;height:18px}.theme-toggle-btn:hover{background:var(--border-light);color:var(--text)}.theme-toggle-group{display:flex;gap:.5rem;flex-wrap:wrap}.theme-toggle-option{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:.8125rem;font-weight:500;transition:all var(--transition-fast)}.theme-toggle-option-icon svg{width:16px;height:16px}.theme-toggle-option:hover{border-color:var(--primary-light);color:var(--text)}.theme-toggle-option.active{background:var(--primary-subtle);border-color:var(--primary);color:var(--primary-light)}[data-theme=light] .theme-toggle-option.active{color:var(--primary-dark)}.theme-preference-card{margin-top:0}.login-theme-toggle{position:absolute;top:1rem;right:1rem;z-index:2}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--mobile-nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--mobile-nav-border);z-index:90;box-shadow:0 -4px 12px #00000014}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.375rem .25rem;color:var(--text-muted);font-size:.625rem;font-weight:600;text-decoration:none;border:none;background:transparent;min-height:var(--mobile-nav-height);transition:color var(--transition-fast)}.mobile-nav-item.active{color:var(--primary-light)}[data-theme=light] .mobile-nav-item.active{color:var(--primary)}.mobile-nav-icon{display:flex;align-items:center;justify-content:center}.mobile-nav-icon .nav-icon{width:22px;height:22px}.mobile-nav-label{line-height:1.2;letter-spacing:.01em}.mobile-nav-menu-btn{cursor:pointer}.has-mobile-nav .content-area{padding-bottom:calc(1.75rem + var(--mobile-nav-height) + env(safe-area-inset-bottom,0px))}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);border:none;z-index:110;cursor:pointer}.data-table-mobile-cards{display:none;padding:.75rem;gap:.75rem}.data-table-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-xs)}.data-table-mobile-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.375rem 0;border-bottom:1px solid var(--border-light);font-size:.875rem}.data-table-mobile-card-row:last-child{border-bottom:none}.data-table-mobile-card-label{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.data-table-mobile-card-value{color:var(--text-secondary);text-align:right;word-break:break-word}.data-table-mobile-total-card{border-width:2px;font-weight:600}.data-table-mobile-simple-table{display:none}.data-table--compact th,.data-table--compact td{padding:.5rem .625rem;font-size:.8125rem;vertical-align:middle}.data-table--compact th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.data-table--compact td{color:var(--text-secondary)}.data-table--compact .badge{font-size:.6875rem;padding:.2rem .45rem}.data-table--compact .btn-sm{min-height:32px;padding:.25rem .5rem;font-size:.75rem}.data-table-simple-mobile .data-table-toolbar{padding:.625rem .75rem;gap:.5rem}.data-table-simple-mobile .data-table-count{font-size:.75rem}.data-table-pagination--simple{width:100%;justify-content:center;gap:.5rem}.data-table-pagination--simple .btn{min-width:40px;min-height:36px;padding:.25rem .625rem}.data-table-pagination--simple .data-table-page-indicator{width:auto;order:0;padding:0 .25rem;font-size:.8125rem}.data-table-simple-mobile .data-table-footer{padding:.625rem .75rem;gap:.5rem}.data-table-simple-mobile .data-table-footer-info{text-align:center;font-size:.75rem}.data-table-desktop-only{display:block}.active-trip-banner{margin-bottom:1rem}@media(max-width:768px){.menu-toggle-btn{display:inline-flex}.sidebar{width:min(280px,85vw);transform:translate(-100%);transition:transform var(--transition);z-index:120;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{margin-left:0;width:100%}.app-layout{flex-direction:row}.top-header{padding:.5rem .875rem;height:auto;min-height:var(--header-height);flex-wrap:wrap}.top-header-title{font-size:.9375rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-bar{gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.user-bar .user-name,.user-bar .role-badge{display:none}.user-bar-profile,.user-bar-logout{min-height:36px}.content-area{padding:1rem .875rem 1.5rem}.has-mobile-nav .mobile-bottom-nav{display:flex}.active-trip-banner{position:sticky;top:calc(var(--header-height) + .5rem);z-index:40;box-shadow:var(--shadow-md)}.active-trip-banner .btn{width:100%;min-height:44px}.page-header-enhanced{flex-direction:column;align-items:stretch;gap:1rem}.page-header-content h2,.page-header h2{font-size:1.375rem}.page-header-actions{width:100%}.page-header-actions .btn{flex:1;min-height:44px}.form-row,.profile-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-card .value{font-size:1.5rem}.card{padding:1.125rem;border-radius:var(--radius)}.data-table-toolbar{flex-direction:column;align-items:stretch;padding:.875rem}.data-table-toolbar-left,.data-table-toolbar-right{width:100%}.data-table-search{min-width:0;width:100%}.data-table-footer{flex-direction:column;align-items:stretch;gap:.75rem}.data-table-footer-controls{flex-direction:column;align-items:stretch}.data-table-pagination{justify-content:center;flex-wrap:wrap}.data-table-pagination .btn{min-width:44px;min-height:44px}.data-table-page-indicator{min-width:auto;width:100%;order:-1;padding-bottom:.25rem}.data-table-desktop-only,.data-table-simple-mobile .data-table-mobile-cards{display:none}.data-table-simple-mobile .data-table-mobile-simple-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 .5rem .5rem}.data-table-mobile-cards{display:flex;flex-direction:column}.modal{padding:1.25rem;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-self:flex-end}.modal-overlay{align-items:flex-end;padding:0}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;min-height:44px}.login-shell{grid-template-columns:1fr;max-width:440px}.login-visual{min-height:auto;padding:1.75rem 1.5rem 1.35rem}.login-brand-name{font-size:2.15rem}.login-tagline{max-width:none;font-size:.95rem}.login-visual-road{height:48px;margin-top:1.35rem}.login-card{padding:1.75rem 1.5rem 2rem;margin:0;border-radius:0;animation:login-brand-in .65s ease-out .18s both}.login-page>.login-card{margin:0;border-radius:24px;padding:2rem 1.5rem}.login-theme-toggle{top:.75rem;right:.75rem}.btn{min-height:44px}.form-group input,.form-group select,.form-group textarea{min-height:44px;font-size:1rem}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}.document-viewer-header{flex-direction:column;align-items:flex-start}.document-viewer-body{min-height:280px}}@media(max-width:380px){.card-grid{grid-template-columns:1fr}.user-bar-profile{display:none}}