:root{--bg: #0B1120;--bg2: #0F172A;--surface: #1C2A42;--surface2: #243352;--border: #2A3F5F;--border2: #344B6B;--text: #E8ECF1;--text2: #C5CDD8;--muted: #8899B0;--accent: #F59E0B;--accent2: #D97706;--green: #10B981;--red: #EF4444;--blue: #3B82F6;--purple: #8B5CF6}[data-theme=light]{--bg: #F5F7FA;--bg2: #FFFFFF;--surface: #FFFFFF;--surface2: #F0F2F5;--border: #E2E6EB;--border2: #D0D5DC;--text: #1A2332;--text2: #3D4F63;--muted: #6B7C93;--accent: #D97706;--accent2: #B45309;--green: #059669;--red: #DC2626;--blue: #2563EB;--purple: #7C3AED}[data-theme=light] .header{background:#ffffffeb}[data-theme=light] .auth-page,[data-theme=light] .hero{background:radial-gradient(ellipse at top,#e8edf4 0%,var(--bg) 60%)}[data-theme=light] .badge-green{background:#d1fae5;color:#065f46}[data-theme=light] .badge-yellow{background:#fef3c7;color:#92400e}[data-theme=light] .badge-red{background:#fee2e2;color:#991b1b}[data-theme=light] .badge-blue{background:#dbeafe;color:#1e40af}[data-theme=light] .badge-gray{background:#f3f4f6;color:#6b7280}[data-theme=light] .badge-purple{background:#ede9fe;color:#6d28d9}[data-theme=light] .toast-success{background:#d1fae5;color:#065f46;border-color:#6ee7b7}[data-theme=light] .toast-error{background:#fee2e2;color:#991b1b;border-color:#fca5a5}[data-theme=light] .toast-info{background:#dbeafe;color:#1e40af;border-color:#93c5fd}[data-theme=light] .toast{box-shadow:0 4px 24px #0000001f}[data-theme=light] .btn-danger{background:#fee2e2;color:#991b1b;border-color:#fca5a5}[data-theme=light] .card,[data-theme=light] .driver-card,[data-theme=light] .job-card{box-shadow:0 1px 3px #0000000f}[data-theme=light] .table tr:hover td{background:#00000005}[data-theme=light] .logo-hire{color:var(--text)}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--muted);width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s;padding:0}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-family:Outfit,system-ui,sans-serif;font-weight:700}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.header{position:sticky;top:0;z-index:100;background:#0b1120f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;max-width:100%}.logo{cursor:pointer;display:flex;align-items:center;gap:4px}.logo-hire{font-family:Outfit;font-weight:900;font-size:24px;color:#fff}.logo-otr{font-family:Outfit;font-weight:900;font-size:24px;color:var(--accent)}.logo-sub{font-size:9px;color:var(--muted);letter-spacing:2px;margin-left:8px}.nav{display:flex;align-items:center;gap:6px}.nav-btn{background:none;border:none;color:var(--muted);font-size:14px;padding:8px 14px;border-radius:8px;cursor:pointer;font-family:DM Sans;transition:all .2s}.nav-btn:hover,.nav-btn.active{color:var(--text);background:var(--surface)}.nav-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;font-family:DM Sans;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--accent);color:#0b1120}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface2);border-color:var(--border2)}.btn-danger{background:#7f1d1d;color:#fca5a5;border:1px solid #991B1B}.btn-danger:hover{background:#991b1b}.btn-ghost{background:none;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:var(--surface)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text2);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:DM Sans;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-textarea{min-height:80px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%238899B0' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form-error{color:var(--red);font-size:13px;margin-top:4px}.form-hint{color:var(--muted);font-size:12px;margin-top:4px}.form-check{display:flex;align-items:center;gap:8px;cursor:pointer}.form-check input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:18px;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:24px}.container-sm{max-width:500px;margin:0 auto;padding:24px}.container-md{max-width:720px;margin:0 auto;padding:24px}.dash{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 64px)}.dash-sidebar{background:var(--bg2);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.dash-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;cursor:pointer;color:var(--muted);font-size:14px;font-weight:500;border:none;background:none;width:100%;text-align:left;font-family:DM Sans;transition:all .15s}.dash-link:hover{color:var(--text);background:var(--surface)}.dash-link.active{color:var(--accent);background:#f59e0b1a}.dash-link svg{width:18px;height:18px;flex-shrink:0}.dash-main{padding:28px 32px;overflow-y:auto;max-height:calc(100vh - 64px)}.dash-title{font-size:24px;margin-bottom:24px}.dash-sep{height:1px;background:var(--border);margin:12px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.table tr:hover td{background:#ffffff05}.badge{display:inline-flex;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-green{background:#064e3b;color:#6ee7b7}.badge-yellow{background:#78350f;color:#fde68a}.badge-red{background:#7f1d1d;color:#fca5a5}.badge-blue{background:#1e3a5f;color:#93c5fd}.badge-gray{background:var(--surface2);color:var(--muted)}.badge-purple{background:#4c1d95;color:#c4b5fd}.toast-container{position:fixed;top:80px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;animation:slideIn .3s ease;min-width:280px;max-width:420px;box-shadow:0 8px 32px #0000004d}.toast-success{background:#064e3b;color:#a7f3d0;border:1px solid #065F46}.toast-error{background:#7f1d1d;color:#fca5a5;border:1px solid #991B1B}.toast-info{background:#1e3a5f;color:#93c5fd;border:1px solid #1E40AF}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.auth-page{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at top,#1a2744 0%,var(--bg) 60%)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;width:100%;max-width:460px}.auth-title{font-size:28px;text-align:center;margin-bottom:8px}.auth-subtitle{text-align:center;color:var(--muted);margin-bottom:28px;font-size:14px}.auth-footer{text-align:center;margin-top:20px;font-size:14px;color:var(--muted)}.hero{text-align:center;padding:80px 24px 60px;background:radial-gradient(ellipse at top,#1a2744 0%,var(--bg) 60%)}.hero h1{font-size:48px;font-weight:900;line-height:1.15;margin-bottom:20px}.hero h1 .accent{color:var(--accent)}.hero p{font-size:18px;color:var(--muted);max-width:600px;margin:0 auto 32px;line-height:1.7}.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:60px 24px;max-width:1200px;margin:0 auto}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.feature-card h3{font-size:18px;margin-bottom:8px}.feature-card p{color:var(--muted);font-size:14px}.feature-icon{font-size:32px;margin-bottom:12px}.plans{padding:60px 24px;max-width:1200px;margin:0 auto}.plans h2{text-align:center;font-size:32px;margin-bottom:40px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;text-align:center}.plan-card.popular{border-color:var(--accent);position:relative}.plan-card.popular:before{content:"MOST POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#0b1120;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:700}.plan-name{font-size:20px;font-weight:700;margin-bottom:8px}.plan-price{font-size:36px;font-weight:800;font-family:Outfit}.plan-price span{font-size:16px;font-weight:400;color:var(--muted)}.plan-features{list-style:none;margin:20px 0;text-align:left}.plan-features li{padding:6px 0;font-size:14px;color:var(--text2)}.plan-features li:before{content:"✓ ";color:var(--green);font-weight:700}.driver-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:12px;display:flex;align-items:center;gap:16px;transition:border-color .2s}.driver-card:hover{border-color:var(--accent)}.driver-avatar{width:52px;height:52px;border-radius:12px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--accent);font-family:Outfit;flex-shrink:0}.driver-info{flex:1;min-width:0}.driver-name{font-weight:700;font-size:16px}.driver-meta{color:var(--muted);font-size:13px}.driver-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.driver-score{font-size:24px;font-weight:800;font-family:Outfit;color:var(--green);text-align:center;flex-shrink:0}.driver-score small{display:block;font-size:11px;color:var(--muted);font-weight:500}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:12px;transition:border-color .2s;cursor:pointer}.job-card:hover{border-color:var(--accent)}.job-title{font-weight:700;font-size:17px;margin-bottom:4px}.job-company{color:var(--accent);font-size:14px;font-weight:600}.job-details{color:var(--muted);font-size:13px;margin-top:8px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;padding:16px;background:var(--bg2);border-radius:12px;border:1px solid var(--border)}.filter-bar .form-select,.filter-bar .form-input{width:auto;min-width:140px;padding:8px 12px;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.stat-value{font-size:28px;font-weight:800;font-family:Outfit}.stat-label{font-size:13px;color:var(--muted);margin-top:2px}.empty{text-align:center;padding:48px 24px;color:var(--muted)}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty p{font-size:15px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;padding:48px}.footer{background:var(--bg2);border-top:1px solid var(--border);padding:40px 24px 24px;margin-top:60px}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.footer-col h4{font-size:14px;color:var(--text);margin-bottom:12px}.footer-col a{display:block;color:var(--muted);font-size:13px;padding:3px 0}.footer-col a:hover{color:var(--accent);text-decoration:none}.footer-bottom{max-width:1200px;margin:24px auto 0;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);text-align:center}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text);font-size:24px;cursor:pointer}@media(max-width:768px){.hero h1{font-size:32px}.hero{padding:48px 16px 40px}.dash{grid-template-columns:1fr}.dash-sidebar{flex-direction:row;overflow-x:auto;padding:12px;border-right:none;border-bottom:1px solid var(--border)}.dash-link{white-space:nowrap}.dash-main{padding:16px;max-height:none}.form-row,.form-row-3{grid-template-columns:1fr}.header .nav{display:none}.header .nav.open{display:flex;position:absolute;top:64px;left:0;right:0;background:var(--bg2);flex-direction:column;padding:12px;border-bottom:1px solid var(--border)}.mobile-menu-btn{display:block}.footer-inner{grid-template-columns:1fr 1fr}.filter-bar{flex-direction:column}.filter-bar .form-select,.filter-bar .form-input{width:100%}.driver-card{flex-direction:column;text-align:center}}