.preference-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;margin:16px 0}.preference-card.loading,.preference-card.error{text-align:center;padding:40px}.preference-card.error{color:#ef4444}.preference-card.error button{margin-top:16px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.preference-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.preference-header h3{margin:0 0 8px;font-size:24px;font-weight:600;color:#111827}.p-number{margin:0;font-size:14px;color:#6b7280;font-family:monospace}.model-confidence{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border:3px solid;border-radius:8px;background:#f9fafb}.confidence-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.confidence-value{font-size:28px;font-weight:700;margin-top:4px}.preference-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.stat{display:flex;flex-direction:column;padding:16px;background:#f9fafb;border-radius:8px;text-align:center}.stat-label{font-size:12px;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700;color:#111827}.preference-sliders{margin-bottom:32px}.preference-item{margin-bottom:24px}.preference-item label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:500;color:#374151}.slider-value{font-weight:700;color:#3b82f6}.preference-item input[type=range]{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-webkit-appearance:none}.preference-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:background .2s}.preference-item input[type=range]::-webkit-slider-thumb:hover{background:#2563eb}.preference-item input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;transition:background .2s}.preference-item input[type=range]::-moz-range-thumb:hover{background:#2563eb}.preference-item input[type=range]:disabled{opacity:.5;cursor:not-allowed}.slider-description{margin:4px 0 0;font-size:13px;color:#6b7280}.frequent-roads{margin-bottom:24px}.frequent-roads h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151}.road-tags{display:flex;flex-wrap:wrap;gap:8px}.road-tag{padding:6px 12px;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:13px;font-weight:500}.no-data{margin:0;padding:16px;background:#f9fafb;border-radius:6px;text-align:center;color:#6b7280;font-size:14px}.preference-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid #e5e7eb}.btn-reset{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.btn-reset:hover:not(:disabled){background:#dc2626}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.last-updated{margin:0;font-size:13px;color:#6b7280}@media (max-width: 768px){.preference-header{flex-direction:column;gap:16px}.model-confidence{align-self:stretch}.preference-stats{grid-template-columns:1fr}.preference-actions{flex-direction:column;gap:12px;align-items:stretch}.btn-reset{width:100%}.last-updated{text-align:center}}.analytics-container{max-width:1200px;margin:0 auto;padding:24px}.analytics-container.loading,.analytics-container.error{text-align:center;padding:60px 24px}.analytics-container.error{color:#ef4444}.analytics-container.error button{margin-top:16px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.analytics-header h2{margin:0 0 8px;font-size:32px;font-weight:700;color:#111827}.driver-info{margin:0;font-size:16px;color:#6b7280}.performance-badge{padding:12px 24px;border:3px solid;border-radius:8px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.metric-card.primary{grid-column:span 2;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.metric-icon{font-size:36px;flex-shrink:0}.metric-content{flex:1}.metric-value{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.metric-card.primary .metric-value{color:#fff}.metric-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:2px}.metric-card.primary .metric-label{color:#ffffffe6}.metric-description{font-size:12px;color:#fffc;margin-top:4px}.preferences-section,.time-patterns-section,.insights-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:24px}.preferences-section h3,.time-patterns-section h3,.insights-section h3{margin:0 0 20px;font-size:20px;font-weight:700;color:#111827}.preference-list{display:flex;flex-direction:column;gap:12px}.preference-item-analytics{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #3b82f6}.preference-rank{font-size:24px;font-weight:700;color:#3b82f6;min-width:40px}.preference-name{font-size:16px;font-weight:600;color:#1f2937}.hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.hour-card{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;text-align:center}.hour-rank{font-size:14px;font-weight:700;opacity:.9;margin-bottom:8px}.hour-time{font-size:20px;font-weight:700;margin-bottom:8px}.hour-speed{font-size:14px;opacity:.9}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px;font-size:15px}.insight-item.positive{background:#d1fae5;color:#065f46}.insight-item.warning{background:#fef3c7;color:#92400e}.insight-icon{font-size:20px;font-weight:700;flex-shrink:0}.no-data{text-align:center;padding:32px;color:#6b7280;font-size:15px;background:#f9fafb;border-radius:8px;margin:0}@media (max-width: 1024px){.metric-card.primary{grid-column:span 1}}@media (max-width: 768px){.analytics-container{padding:16px}.analytics-header{flex-direction:column;align-items:flex-start;gap:16px}.analytics-header h2{font-size:24px}.performance-badge{align-self:stretch;text-align:center}.metrics-grid{grid-template-columns:1fr}.metric-card.primary{grid-column:span 1}.hours-grid{grid-template-columns:1fr}}.system-metrics{max-width:1400px;margin:0 auto;padding:24px}.system-metrics.loading,.system-metrics.error{text-align:center;padding:60px 24px}.system-metrics.error{color:#ef4444}.system-metrics.error button{margin-top:16px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.metrics-header h2{margin:0 0 8px;font-size:32px;font-weight:700;color:#111827}.metrics-subtitle{margin:0;font-size:16px;color:#6b7280}.health-indicator{display:flex;align-items:center;gap:12px;padding:12px 24px;border:3px solid;border-radius:8px;background:#fff}.health-icon{font-size:24px}.health-label{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.system-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.system-stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;display:flex;align-items:center;gap:20px;transition:transform .2s,box-shadow .2s}.system-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.system-stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;grid-column:span 1}.system-stat-card.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.system-stat-card.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon-large{font-size:48px;flex-shrink:0}.stat-content-large{flex:1}.stat-value-large{font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.stat-label-large{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.stat-description-large{font-size:13px;margin-top:4px;opacity:.8}.acceptance-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px;margin-bottom:32px}.acceptance-section h3{margin:0 0 24px;font-size:24px;font-weight:700;color:#111827}.acceptance-bar-container{display:flex;align-items:center;gap:20px;margin-bottom:16px}.acceptance-bar{flex:1;height:40px;background:#e5e7eb;border-radius:20px;overflow:hidden}.acceptance-fill{height:100%;transition:width .6s ease;border-radius:20px}.acceptance-percentage{font-size:36px;font-weight:700;min-width:100px;text-align:right}.acceptance-details{display:flex;justify-content:center;gap:12px;font-size:15px;color:#6b7280}.processing-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.processing-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.processing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.processing-header h4{margin:0;font-size:18px;font-weight:700;color:#111827}.badge-warning{padding:6px 12px;background:#fef3c7;color:#92400e;border-radius:12px;font-size:13px;font-weight:700}.badge-success{padding:6px 12px;background:#d1fae5;color:#065f46;border-radius:12px;font-size:13px;font-weight:700}.processing-description{margin:0;color:#6b7280;font-size:15px;line-height:1.6}.last-update-time{margin:0;font-size:20px;font-weight:700;color:#111827}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.insight-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;border-left:4px solid #3b82f6}.insight-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.insight-emoji{font-size:28px}.insight-header h4{margin:0;font-size:16px;font-weight:700;color:#111827}.insight-card p{margin:0;font-size:14px;color:#6b7280;line-height:1.6}@media (max-width: 1024px){.system-stats-grid{grid-template-columns:repeat(2,1fr)}.system-stat-card.highlight{grid-column:span 1}}@media (max-width: 768px){.system-metrics{padding:16px}.metrics-header{flex-direction:column;align-items:flex-start;gap:16px}.metrics-header h2{font-size:24px}.health-indicator{align-self:stretch;justify-content:center}.system-stats-grid{grid-template-columns:1fr}.acceptance-bar-container{flex-direction:column;align-items:stretch}.acceptance-percentage{text-align:center}.acceptance-details{flex-wrap:wrap}.processing-section,.insights-grid{grid-template-columns:1fr}}.ml-dashboard{min-height:100vh;background:linear-gradient(to bottom,#f9fafb,#fff);padding:24px}.dashboard-header{max-width:1400px;margin:0 auto 32px}.dashboard-header h1{margin:0 0 8px;font-size:40px;font-weight:700;color:#111827;display:flex;align-items:center;gap:12px}.dashboard-header p{margin:0;font-size:18px;color:#6b7280}.dashboard-tabs{max-width:1400px;margin:0 auto 32px;display:flex;gap:12px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:transparent;border:none;border-radius:8px;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.tab:hover{background:#f9fafb}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-icon{font-size:20px}.driver-selector{max-width:1400px;margin:0 auto 24px;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:16px}.driver-selector label{font-size:16px;font-weight:600;color:#374151;white-space:nowrap}.driver-selector select{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-family:inherit;background:#fff;cursor:pointer;transition:border-color .2s}.driver-selector select:focus{outline:none;border-color:#3b82f6}.driver-selector select:disabled{opacity:.5;cursor:not-allowed}.dashboard-content{max-width:1400px;margin:0 auto}@media (max-width: 768px){.ml-dashboard{padding:16px}.dashboard-header h1{font-size:28px}.dashboard-header p{font-size:15px}.dashboard-tabs{flex-direction:column;gap:8px}.tab{padding:14px 20px}.driver-selector{flex-direction:column;align-items:stretch;gap:12px}.driver-selector label{text-align:center}}