:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{background:#f4f6f8;margin:0;font-family:Arial,sans-serif}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;width:220px;padding:24px}.brand-head{align-items:center;gap:10px;margin-bottom:24px;display:flex}.brand-mark{border-radius:10px;width:36px;height:36px;box-shadow:0 4px 14px #5bc0be59}.sidebar h2{margin:0;font-size:22px;line-height:1.2}.sidebar button{color:#fff;text-align:left;cursor:pointer;background:#1f2937;border:none;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;display:block}.sidebar button:hover{background:#374151}.main{flex:1;padding:40px}.subtitle{color:#6b7280;margin-bottom:30px}.cards{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 20px #00000014}.card h3{color:#374151}.card p{font-size:34px;font-weight:700}.hero-banner{background-position:50%;background-size:cover;border-radius:20px;width:100%;height:280px;margin-bottom:32px;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(135deg,#111827b8 0%,#2563eb8c 100%);flex-direction:column;justify-content:center;align-items:flex-start;padding:0 48px;display:flex;position:absolute;inset:0}.hero-title{color:#fff;letter-spacing:-1px;text-shadow:0 2px 8px #0006;margin:0 0 12px;font-size:42px;font-weight:700}.hero-subtitle{color:#ffffffe0;text-shadow:0 1px 4px #0006;margin:0;font-size:17px}.primary-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-bottom:20px;padding:12px 18px;font-weight:700}.primary-button:hover{background:#1d4ed8}.list-card{background:#fff;border-radius:14px;max-width:500px;padding:20px;box-shadow:0 8px 20px #0000000f}.sidebar-divider{border-top:1px solid #374151;margin:16px 0}.sidebar-subscribe-btn{font-weight:700;background:#2563eb!important}.sidebar-subscribe-btn:hover{background:#1d4ed8!important}.subscription-banner{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:10px;margin-bottom:20px;padding:12px 20px;font-size:15px}.subscription-cta{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 20px;font-size:15px;display:flex}.subscription-cta-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:700}.subscription-cta-btn:hover{background:#1d4ed8}.ai-chat{background:#f8f9fa;border:2px solid #007bff;border-radius:12px;flex-direction:column;max-width:800px;height:100%;margin:20px auto;display:flex;overflow:hidden;box-shadow:0 4px 12px #007bff26}.ai-chat h2{color:#fff;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:2px solid #0056b3;margin:0;padding:15px 20px;font-size:1.5em}.chat-messages{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.welcome-message{text-align:center;background:#fff;border-left:4px solid #007bff;border-radius:8px;padding:20px}.welcome-message p{color:#333;margin:10px 0}.welcome-message ul{text-align:left;padding:10px 0;list-style:none;display:inline-block}.welcome-message li{color:#555;padding:5px 0}.message{align-items:flex-start;gap:10px;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.user p{color:#fff;background:#007bff;border-radius:8px 0 8px 8px;max-width:80%;padding:12px 15px}.message.ai p{color:#333;background:#fff;border-left:3px solid #007bff;border-radius:0 8px 8px;max-width:80%;padding:12px 15px}.message.ai.loading p{color:#999;font-style:italic}.message .role{flex-shrink:0;font-size:1.5em}.action-badge{color:#fff;background:#28a745;border-radius:4px;margin-top:5px;padding:4px 8px;font-size:.8em;display:inline-block}.suggestions{background:#fff;border-top:1px solid #ddd;padding:15px 20px}.suggestions-label{color:#555;margin:0 0 10px;font-size:.9em;font-weight:500}.suggestion-buttons{flex-wrap:wrap;gap:8px;display:flex}.suggestion-btn{color:#007bff;cursor:pointer;background:#f0f8ff;border:1px solid #007bff;border-radius:20px;padding:8px 12px;font-size:.9em;transition:all .3s}.suggestion-btn:hover{color:#fff;background:#007bff;transform:translateY(-2px)}.chat-input-form{background:#fff;border-top:1px solid #ddd;gap:10px;padding:15px 20px;display:flex}.chat-input-form input{border:1px solid #ddd;border-radius:6px;flex:1;padding:12px 15px;font-size:1em;transition:border-color .3s}.chat-input-form input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.chat-input-form input:disabled{color:#999;background:#f0f0f0}.chat-input-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;padding:12px 20px;font-size:1em;font-weight:500;transition:all .3s}.chat-input-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.chat-input-form button:disabled{opacity:.6;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#007bff;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#0056b3}.route-optimizer{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:20px}.route-optimizer h2{color:#333;border-bottom:3px solid #007bff;margin-bottom:20px;padding-bottom:10px}.optimizer-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1024px){.optimizer-grid{grid-template-columns:1fr}}.input-section,.result-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.input-section h3,.result-section h3{color:#333;border-bottom:2px solid #007bff;margin-top:0;padding-bottom:10px}.vehicle-type{margin-bottom:15px}.vehicle-type label{color:#555;margin-bottom:5px;font-weight:500;display:block}.vehicle-type select{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-size:1em}.stop-input{grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin-bottom:15px;display:grid}@media (width<=768px){.stop-input{grid-template-columns:1fr}}.stop-input input,.stop-input select{border:1px solid #ddd;border-radius:6px;padding:10px;font-size:.9em}.stop-input input:focus,.stop-input select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.add-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:10px;font-weight:500;transition:all .3s}.add-btn:hover{background:#218838;transform:translateY(-2px)}.stops-list{max-height:400px;margin-bottom:15px;overflow-y:auto}.stops-list h4{color:#555;margin:10px 0}.stop-item{background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.stop-num{color:#fff;background:#007bff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.stop-info{flex:1}.stop-address{color:#333;margin:0;font-weight:500}.stop-coords{color:#999;margin:2px 0 0;font-size:.85em}.priority-badge{color:#856404;background:#fff3cd;border-radius:4px;padding:4px 8px;font-size:.85em;font-weight:500}.remove-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50%;width:28px;height:28px;font-size:1.2em;transition:all .3s}.remove-btn:hover{background:#c82333;transform:scale(1.1)}.optimize-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;width:100%;padding:12px;font-size:1em;font-weight:500;transition:all .3s}.optimize-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.optimize-btn:disabled{opacity:.6;cursor:not-allowed}.placeholder{color:#999;text-align:center;border:2px dashed #ddd;border-radius:8px;justify-content:center;align-items:center;height:400px;font-size:1.2em;display:flex}.route-result{animation:.3s ease-out slideIn}.stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.stat{text-align:center;background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;padding:15px}.stat .label{color:#999;margin-bottom:5px;font-size:.85em;display:block}.stat .value{color:#007bff;font-size:1.5em;font-weight:700;display:block}.route-stops{margin-bottom:15px}.route-stops h4{color:#555;margin:0 0 10px}.route-stop{background:#f8f9fa;border-left:3px solid #28a745;border-radius:6px;gap:12px;margin-bottom:8px;padding:12px;display:flex}.route-stop .step{color:#fff;background:#28a745;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.stop-detail{flex:1}.stop-detail .address{color:#333;margin:0;font-weight:500}.stop-detail .jobid{color:#999;margin:3px 0 0;font-size:.85em}.alerts,.notes{background:#fff3cd;border-left:3px solid #ffc107;border-radius:6px;margin-bottom:15px;padding:12px}.alert-title,.notes-title{color:#856404;margin:0 0 5px;font-weight:600}.alerts p:not(.alert-title),.notes p:not(.notes-title){color:#856404;margin:0}.export-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;width:100%;padding:12px;font-weight:500;transition:all .3s}.export-btn:hover{background:#5a6268;transform:translateY(-2px)}.dispatch-dashboard{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:20px}.dispatch-dashboard h2{color:#333;border-bottom:3px solid #28a745;margin-bottom:20px;padding-bottom:10px}.dispatch-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=1024px){.dispatch-grid{grid-template-columns:1fr}}.section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.section h3{color:#333;border-bottom:2px solid #28a745;margin-top:0;padding-bottom:10px}.jobs-list,.drivers-list,.assignments-list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.job-card,.driver-card,.assignment-card{background:#f8f9fa;border-left:3px solid #28a745;border-radius:6px;padding:12px;transition:all .3s}.job-card:hover,.driver-card:hover,.assignment-card:hover{background:#e8f5e9;transform:translate(5px)}.job-header,.driver-header,.assignment-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.job-id,.driver-name{color:#333;font-weight:600}.priority-level{color:#856404;background:#fff3cd;border-radius:4px;padding:4px 8px;font-size:.85em}.rating{color:#ff9800;font-weight:500}.job-card p,.driver-card p,.assignment-card p{color:#666;margin:5px 0;font-size:.9em}.assignment-header{align-items:center;gap:10px;display:flex}.job,.driver{color:#1976d2;background:#e3f2fd;border-radius:4px;padding:4px 8px;font-size:.85em;font-weight:500}.arrow{color:#28a745;font-size:1.2em;font-weight:700}.confidence{color:#28a745;margin-top:8px;font-size:.85em;font-weight:500}.dispatch-button-section{grid-column:1/-1}.dispatch-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745,#1e7e34);border:none;border-radius:6px;width:100%;padding:16px;font-size:1.1em;font-weight:600;transition:all .3s}.dispatch-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 16px #28a7454d}.dispatch-btn:disabled{opacity:.6;cursor:not-allowed}.assignments-section{grid-column:1/-1}.placeholder{text-align:center;color:#999;padding:20px;font-size:.95em}.jobs-list::-webkit-scrollbar{width:6px}.drivers-list::-webkit-scrollbar{width:6px}.assignments-list::-webkit-scrollbar{width:6px}.jobs-list::-webkit-scrollbar-track{background:#f1f1f1}.drivers-list::-webkit-scrollbar-track{background:#f1f1f1}.assignments-list::-webkit-scrollbar-track{background:#f1f1f1}.jobs-list::-webkit-scrollbar-thumb{background:#28a745;border-radius:3px}.drivers-list::-webkit-scrollbar-thumb{background:#28a745;border-radius:3px}.assignments-list::-webkit-scrollbar-thumb{background:#28a745;border-radius:3px}.jobs-list::-webkit-scrollbar-thumb:hover{background:#1e7e34}.drivers-list::-webkit-scrollbar-thumb:hover{background:#1e7e34}.assignments-list::-webkit-scrollbar-thumb:hover{background:#1e7e34}.driver-analytics{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:20px}.driver-analytics h2{color:#333;border-bottom:3px solid #17a2b8;margin-bottom:20px;padding-bottom:10px}.analytics-grid{grid-template-columns:1fr 2fr;gap:20px;display:grid}@media (width<=1024px){.analytics-grid{grid-template-columns:1fr}}.drivers-list-section,.analytics-result-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.drivers-list-section h3,.analytics-result-section h3{color:#333;border-bottom:2px solid #17a2b8;margin-top:0;padding-bottom:10px}.drivers-list{flex-direction:column;gap:10px;display:flex}.driver-selection{cursor:pointer;background:#f8f9fa;border-left:3px solid #0000;border-radius:6px;padding:12px;transition:all .3s}.driver-selection:hover{background:#e8f5e9;border-left-color:#17a2b8;transform:translate(5px)}.driver-selection.active{background:#cfe9f3;border-left-color:#17a2b8;font-weight:500}.driver-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.name{color:#333;font-weight:600}.rating{color:#ff9800}.driver-stats{color:#666;gap:15px;font-size:.85em;display:flex}.stat{align-items:center;gap:5px;display:flex}.analytics-result{animation:.3s ease-out slideIn}.performance-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.performance-header h3{color:#333;border:none;margin:0;padding:0}.performance-level{color:#fff;border-radius:20px;padding:8px 16px;font-size:.85em;font-weight:600}.scores-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}@media (width<=768px){.scores-grid{grid-template-columns:repeat(2,1fr)}}.score-card{background:#f8f9fa;border-top:3px solid #17a2b8;border-radius:8px;padding:15px}.score-label{color:#666;margin-bottom:10px;font-size:.85em;font-weight:500;display:block}.score-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#17a2b8,#138496);height:100%;transition:width .5s}.score-fill.danger-fill{background:linear-gradient(90deg,#dc3545,#c82333)}.score-bar.danger{background:#ffe0e0}.score-value{color:#17a2b8;text-align:center;font-size:1.3em;font-weight:700;display:block}.insights-sections{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}@media (width<=768px){.insights-sections{grid-template-columns:1fr}}.insight-box{border-left:4px solid;border-radius:8px;padding:15px}.insight-box h4{margin:0 0 10px;font-size:.95em}.insight-box ul{margin:0;padding-left:20px}.insight-box li{margin:5px 0;font-size:.9em;line-height:1.4}.insight-box.success{color:#1b5e20;background:#e8f5e9;border-left-color:#28a745}.insight-box.success h4{color:#28a745}.insight-box.warning{color:#856404;background:#fff3cd;border-left-color:#ffc107}.insight-box.warning h4{color:#ff9800}.insight-box.danger{color:#721c24;background:#ffe0e0;border-left-color:#dc3545}.insight-box.danger h4{color:#dc3545}.insight-box.info{color:#0d47a1;background:#e3f2fd;border-left-color:#1976d2}.insight-box.info h4{color:#1976d2}.maintenance-predictor{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:20px}.maintenance-predictor h2{color:#333;border-bottom:3px solid #dc3545;margin-bottom:20px;padding-bottom:10px}.maintenance-grid{grid-template-columns:1fr 2fr;gap:20px;display:grid}@media (width<=1024px){.maintenance-grid{grid-template-columns:1fr}}.vehicles-section,.predictions-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.vehicles-section h3,.predictions-section h3{color:#333;border-bottom:2px solid #dc3545;margin-top:0;padding-bottom:10px}.vehicles-list{flex-direction:column;gap:10px;display:flex}.vehicle-card{cursor:pointer;background:#f8f9fa;border-left:3px solid #0000;border-radius:6px;padding:15px;transition:all .3s}.vehicle-card:hover{background:#ffe0e0;border-left-color:#dc3545;transform:translate(5px)}.vehicle-card.active{background:#ffe0e0;border-left-color:#dc3545;font-weight:500}.vehicle-name{color:#333;margin:0;font-weight:600}.vehicle-id{color:#999;margin:3px 0;font-size:.85em}.vehicle-mileage{color:#666;margin:5px 0 0;font-size:.9em}.loading,.placeholder{color:#999;justify-content:center;align-items:center;height:400px;font-size:1.1em;display:flex}.predictions-result{animation:.3s ease-out slideIn}.predictions-list{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.prediction-card{background:#f8f9fa;border:2px solid #ffe0e0;border-radius:8px;padding:15px;transition:all .3s}.prediction-card:hover{border-color:#dc3545;transform:translateY(-2px);box-shadow:0 4px 12px #dc354526}.prediction-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.issue{color:#333;font-size:1.05em;font-weight:600}.urgency-badge{color:#fff;border-radius:20px;padding:6px 12px;font-size:.8em;font-weight:600}.prediction-details{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.detail-row{justify-content:space-between;font-size:.9em;display:flex}.detail-row .label{color:#666;font-weight:500}.detail-row .value{color:#dc3545;font-weight:600}.action-section{background:#fff3f3;border-left:3px solid #28a745;border-radius:6px;margin-bottom:10px;padding:10px}.action-label{color:#28a745;margin:0 0 5px;font-size:.9em;font-weight:600}.action-text{color:#333;margin:0;font-size:.9em;line-height:1.4}.parts-section{border-top:1px solid #e0e0e0;margin-top:10px;padding-top:10px}.parts-label{color:#555;margin:0 0 8px;font-size:.9em;font-weight:600}.parts-list{flex-wrap:wrap;gap:6px;display:flex}.part-badge{color:#1b5e20;background:#e8f5e9;border-left:2px solid #28a745;border-radius:4px;padding:4px 8px;font-size:.8em}.recommendations{background:#e3f2fd;border-left:4px solid #1976d2;border-radius:8px;margin-top:20px;padding:15px}.recommendations h4{color:#1976d2;margin:0 0 10px}.recommendations ul{margin:0;padding-left:20px}.recommendations li{color:#0d47a1;margin:5px 0;font-size:.9em;line-height:1.4}.ops-wrap{flex-direction:column;gap:20px;display:flex}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ops-panel{background:#fff;border-radius:14px;padding:18px;box-shadow:0 8px 18px #00000012}.ops-panel h3{margin-top:0}.ops-panel label{color:#4b5563;margin-top:8px;margin-bottom:4px;font-size:14px;display:block}.ops-panel input,.ops-panel select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:8px;padding:10px}.ops-panel button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;padding:10px 12px}.ops-result{background:#eff6ff;border-radius:8px;margin-top:10px;padding:10px}.ops-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:10px}.ops-note{color:#6b7280;font-size:12px}.ops-form-row{grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:8px;margin-bottom:12px;display:grid}.ops-hos-row{margin-bottom:12px}@media (width<=980px){.ops-grid,.ops-form-row{grid-template-columns:1fr}}.pricing-wrap{max-width:1100px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:36px}.pricing-header h1{color:#111827;margin:0 0 12px;font-size:36px;font-weight:700}.pricing-sub{color:#6b7280;font-size:17px}.pricing-email-row{justify-content:center;margin-bottom:12px;display:flex}.pricing-email-input{border:2px solid #d1d5db;border-radius:10px;outline:none;width:340px;max-width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s}.pricing-email-input:focus{border-color:#2563eb}.pricing-error{text-align:center;color:#dc2626;margin-bottom:12px;font-size:14px}.pricing-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:28px;display:grid}@media (width<=860px){.pricing-cards{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;flex-direction:column;padding:32px 28px;transition:box-shadow .2s;display:flex;position:relative}.pricing-card:hover{box-shadow:0 12px 32px #0000001a}.pricing-card--highlight{border-color:#2563eb;box-shadow:0 8px 24px #2563eb2e}.pricing-badge{color:#fff;white-space:nowrap;background:#2563eb;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-plan-name{color:#111827;margin:0 0 4px;font-size:22px;font-weight:700}.pricing-tagline{color:#6b7280;margin:0 0 20px;font-size:14px}.pricing-amount{align-items:flex-start;gap:2px;margin-bottom:24px;display:flex}.pricing-dollar{color:#374151;padding-top:6px;font-size:20px;font-weight:600}.pricing-number{color:#111827;font-size:52px;font-weight:800;line-height:1}.pricing-period{color:#6b7280;align-self:flex-end;padding-bottom:6px;font-size:16px}.pricing-features{flex:1;margin:0 0 28px;padding:0;list-style:none}.pricing-features li{color:#374151;border-bottom:1px solid #f3f4f6;padding:6px 0;font-size:15px}.pricing-features li:last-child{border-bottom:none}.pricing-check{color:#16a34a;margin-right:6px;font-weight:700}.pricing-btn{color:#2563eb;cursor:pointer;background:#fff;border:2px solid #2563eb;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:background .2s,color .2s}.pricing-btn:hover:not(:disabled){background:#eff6ff}.pricing-btn--primary{color:#fff;background:#2563eb}.pricing-btn--primary:hover:not(:disabled){background:#1d4ed8}.pricing-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-secure{text-align:center;color:#9ca3af;margin:0;font-size:13px}.billing-support{max-width:800px}.billing-support form{background:#fff;border-radius:16px;gap:18px;padding:24px;display:grid;box-shadow:0 8px 20px #00000014}.billing-support label{color:#374151;gap:6px;font-weight:600;display:grid}.billing-support input,.billing-support select,.billing-support textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.billing-support textarea{resize:vertical;min-height:110px}.billing-transactions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.billing-transactions fieldset{border:1px solid #e5e7eb;border-radius:10px;gap:12px;padding:14px;display:grid}.billing-transactions legend{color:#1f2937;font-weight:700}.billing-error{color:#b91c1c}.billing-success{color:#166534;background:#dcfce7;border-radius:8px;padding:12px}@media (width<=700px){.billing-transactions{grid-template-columns:1fr}}.subscription-view{gap:1.2rem;display:grid}.subscription-header h1{margin:0}.subscription-header p{color:#6b7280;margin-top:.35rem}.billing-health{color:#1f2937;background:#eef2ff;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.55rem .8rem;display:inline-flex}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.plan-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:1rem}.plan-card.active{border-color:#111827;box-shadow:0 0 0 2px #111827}.plan-card h3{margin:0}.plan-card .price{margin:.4rem 0 .8rem;font-size:1.2rem;font-weight:700}.plan-card ul{margin:0;padding-left:1rem}.checkout-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:.7rem;max-width:460px;padding:1rem;display:grid}.checkout-box input{border:1px solid #cbd5e1;border-radius:8px;padding:.65rem .75rem}.checkout-box button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:.7rem .9rem;font-weight:600}.checkout-box button:disabled{opacity:.7;cursor:wait}.checkout-box .secondary-btn{color:#111827;background:#e5e7eb}.status-box{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:.7rem}.status-box p{margin:.2rem 0}.error-msg{color:#b91c1c;margin:0}.daily-trips{flex-direction:column;gap:20px;display:flex}.daily-trips-header h1{margin:0}.trip-actions{align-items:center;gap:10px;margin-top:10px;display:flex}.trip-save-status{color:#1e293b;font-weight:700}.trip-error{color:#b91c1c;margin-top:8px;font-weight:600}.trip-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.trip-meta-grid label,.notes-field{color:#0f172a;flex-direction:column;gap:6px;font-weight:600;display:flex}.trip-meta-grid input,.notes-field textarea{font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px}.trip-checklists-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.trip-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 8px 24px #0f172a0f}.trip-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.trip-card ul{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.trip-card li label{color:#1f2937;align-items:center;gap:10px;font-weight:500;display:flex}.status-complete,.status-pending{border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-complete{color:#166534;background:#dcfce7}.status-pending{color:#92400e;background:#fef3c7}.trip-history{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:140px 1fr 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.history-item button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;padding:8px;font-weight:700}@media (width<=720px){.history-item{grid-template-columns:1fr}}.ai-recruiter{flex-direction:column;gap:16px;display:flex}.recruiter-actions{align-items:center;gap:12px;display:flex}.error{color:#b91c1c;font-weight:600}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.recruit-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.recruit-column{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.recruit-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;margin-bottom:10px;padding:10px}.recruit-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.priority{text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.priority.high{color:#b91c1c;background:#fee2e2}.priority.medium{color:#92400e;background:#fef3c7}.priority.low{color:#166534;background:#dcfce7}.pitch{color:#1d4ed8;font-weight:600}.ai-accountant{flex-direction:column;gap:16px;display:flex}.accountant-actions{align-items:center;gap:10px;display:flex}.accountant-actions input{min-width:220px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:10px}.accountant-error{color:#b91c1c;font-weight:600}.accountant-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.metric-card,.status-card,.recommendations-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.metric-card h4{color:#475569;margin:0 0 8px}.metric-card p{color:#0f172a;margin:0;font-size:20px;font-weight:700}.status-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.status-item{border:1px solid #dbeafe;border-radius:8px;justify-content:space-between;padding:8px;display:flex}@media (width<=700px){.accountant-actions{flex-direction:column;align-items:stretch}.accountant-actions input{min-width:0}}.ai-logistics-manager{flex-direction:column;gap:16px;display:flex}.manager-actions{align-items:center;gap:10px;display:flex}.manager-actions input{min-width:220px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:10px}.manager-error{color:#b91c1c;font-weight:600}.manager-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.manager-metric,.manager-plan{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.manager-metric h4{color:#475569;margin:0 0 8px}.manager-metric p{color:#0f172a;margin:0;font-size:20px;font-weight:700}@media (width<=700px){.manager-actions{flex-direction:column;align-items:stretch}.manager-actions input{min-width:0}}