.dashboard-wrapper[data-v-ed47aab7]{color:#e2e8f0;box-sizing:border-box;background-color:#0f172a;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:12px;font-family:system-ui,sans-serif;overflow-x:hidden}.dashboard-wrapper[data-v-ed47aab7] *,.dashboard-wrapper[data-v-ed47aab7] :before,.dashboard-wrapper[data-v-ed47aab7] :after{box-sizing:border-box!important}.app-header[data-v-ed47aab7]{border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:20px;padding-bottom:12px;display:flex}.brand h1[data-v-ed47aab7]{color:#fff;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.badge-live[data-v-ed47aab7]{background:#0284c7;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.refresh-btn[data-v-ed47aab7]{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.refresh-btn[data-v-ed47aab7]:hover{color:#fff;background:#334155}.metrics-grid[data-v-ed47aab7]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-bottom:20px;display:grid}.kpi-card[data-v-ed47aab7]{background:#1e293b;border:1px solid #334155;border-radius:12px;flex-direction:column;justify-content:space-between;min-width:0;padding:14px;display:flex}.border-cyan[data-v-ed47aab7]{border-left:4px solid #06b6d4}.border-green[data-v-ed47aab7]{border-left:4px solid #10b981}.prediction-card[data-v-ed47aab7]{background:#252e3e;border-left:4px solid #f59e0b}.kpi-title[data-v-ed47aab7]{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.kpi-card .value[data-v-ed47aab7]{color:#fff;word-break:break-word;font-size:18px;font-weight:700;overflow:hidden}.text-green[data-v-ed47aab7]{color:#10b981!important}.text-orange[data-v-ed47aab7]{color:#f59e0b!important}.kpi-card .unit[data-v-ed47aab7]{color:#64748b;margin-left:2px;font-size:11px}.charts-section[data-v-ed47aab7]{flex-direction:column;gap:16px;width:100%;margin-bottom:20px;display:flex}.chart-holder[data-v-ed47aab7]{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;min-width:0;padding:16px}.chart-holder h3[data-v-ed47aab7]{color:#94a3b8;margin-top:0;margin-bottom:12px;font-size:14px}.canvas-container[data-v-ed47aab7]{width:100%;height:220px;position:relative}.main-layout[data-v-ed47aab7]{flex-direction:column;gap:20px;width:100%;display:flex}.panel-form[data-v-ed47aab7],.panel-table[data-v-ed47aab7]{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;min-width:0;max-width:100%;padding:16px;overflow:hidden}.panel-form h2[data-v-ed47aab7],.panel-table h2[data-v-ed47aab7]{color:#fff;margin-top:0;margin-bottom:16px;font-size:16px}.styled-form[data-v-ed47aab7]{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.input-row[data-v-ed47aab7]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.input-block[data-v-ed47aab7]{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.input-block label[data-v-ed47aab7]{color:#94a3b8;font-size:12px;font-weight:600}.input-block input[data-v-ed47aab7],.input-block select[data-v-ed47aab7]{color:#fff;background:#0f172a;border:1px solid #475569;border-radius:6px;width:100%;max-width:100%;padding:10px;font-size:14px}.input-block input[type=date][data-v-ed47aab7],.styled-form input[type=date][data-v-ed47aab7],input[type=date][data-v-ed47aab7]{cursor:pointer;text-align:center;color:#fff!important;box-sizing:border-box!important;background-color:#0f172a!important;border:1px solid #475569!important;border-radius:6px!important;width:100%!important;max-width:100%!important;padding:10px 12px!important;font-family:inherit!important;display:block!important;position:relative!important}.input-block input[type=date][data-v-ed47aab7]::-webkit-calendar-picker-indicator{opacity:0!important;color:#0000!important;cursor:pointer!important;background:0 0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.styled-form input[type=date][data-v-ed47aab7]::-webkit-calendar-picker-indicator{opacity:0!important;color:#0000!important;cursor:pointer!important;background:0 0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}input[type=date][data-v-ed47aab7]::-webkit-calendar-picker-indicator{opacity:0!important;color:#0000!important;cursor:pointer!important;background:0 0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.input-block input[type=date][data-v-ed47aab7]:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.input-block input[data-v-ed47aab7]:focus{border-color:#38bdf8;outline:none}.brand-chips[data-v-ed47aab7]{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.chip[data-v-ed47aab7]{cursor:pointer;color:#94a3b8;background:#0f172a;border:1px solid #475569;border-radius:4px;padding:4px 8px;font-size:11px;transition:all .2s}.chip[data-v-ed47aab7]:hover{color:#fff;border-color:#38bdf8}.chip.active[data-v-ed47aab7]{color:#0f172a;background:#38bdf8;border-color:#38bdf8;font-weight:600}.radio-toggle[data-v-ed47aab7]{flex-wrap:wrap;gap:16px;padding:4px 0;display:flex}.radio-label[data-v-ed47aab7]{cursor:pointer;color:#fff;white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:inline-flex}.radio-label input[type=radio][data-v-ed47aab7]{cursor:pointer;width:auto;margin:0}.submit-action-btn[data-v-ed47aab7]{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:700;transition:background .2s}.submit-action-btn[data-v-ed47aab7]:hover{background:#0369a1}.flex-justify-between[data-v-ed47aab7]{justify-content:space-between;align-items:center;width:100%;display:flex}.font-semibold[data-v-ed47aab7]{font-weight:600}.custom-slider[data-v-ed47aab7]{-webkit-appearance:none;background:#0f172a;border:1px solid #334155;border-radius:4px;outline:none;width:100%;height:6px;margin:8px 0}.custom-slider[data-v-ed47aab7]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#38bdf8;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #38bdf880}.environment-badge[data-v-ed47aab7]{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.environment-badge.city[data-v-ed47aab7]{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d}.environment-badge.highway[data-v-ed47aab7]{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.environment-badge.mixed[data-v-ed47aab7]{color:#06b6d4;background:#06b6d426;border:1px solid #06b6d44d}.responsive-table-holder[data-v-ed47aab7]{width:100%;overflow-x:hidden}.data-table[data-v-ed47aab7]{border-collapse:collapse;width:100%;display:block}.data-table thead[data-v-ed47aab7]{display:none}.data-table tbody[data-v-ed47aab7]{width:100%;display:block}.data-table tr[data-v-ed47aab7]:not(.empty-state-row){background:#0f172a;border:1px solid #334155;border-radius:8px;flex-direction:column;width:100%;margin-bottom:12px;padding:12px;display:flex}.data-table td[data-v-ed47aab7]{text-align:right;border-bottom:1px solid #33415566;justify-content:space-between;align-items:center;width:100%;padding:6px 0;font-size:13px;display:flex}.data-table td[data-v-ed47aab7]:last-child{border-bottom:none}.data-table td[data-v-ed47aab7]:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;text-align:left;font-size:12px;font-weight:600}.font-date[data-v-ed47aab7]{color:#38bdf8;font-weight:600}.station-txt[data-v-ed47aab7]{color:#fff;text-align:right;font-weight:600;display:block}.city-txt[data-v-ed47aab7]{color:#64748b;text-align:right;margin-top:2px;font-size:11px;display:block}.flex-badges[data-v-ed47aab7]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.variant-tag[data-v-ed47aab7]{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.variant-tag.normal[data-v-ed47aab7]{color:#cbd5e1;background:#475569}.variant-tag.xp100[data-v-ed47aab7]{color:#fef3c7;background:#b45309}.trip-mileage-badge[data-v-ed47aab7]{color:#10b981;background:#10b9811a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.trip-cpk-badge[data-v-ed47aab7]{color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.empty-state[data-v-ed47aab7]{text-align:center;color:#64748b;width:100%;display:block;padding:30px!important}@media (width>=768px){.dashboard-wrapper[data-v-ed47aab7]{padding:24px}.metrics-grid[data-v-ed47aab7]{grid-template-columns:repeat(4,1fr)}.kpi-card[data-v-ed47aab7]{padding:20px}.kpi-card .value[data-v-ed47aab7]{font-size:26px}.charts-section[data-v-ed47aab7]{grid-template-columns:2fr 1fr;gap:20px;display:grid}.data-table[data-v-ed47aab7]{display:table}.data-table thead[data-v-ed47aab7]{display:table-header-group}.data-table tbody[data-v-ed47aab7]{display:table-row-group}.data-table tr[data-v-ed47aab7]:not(.empty-state-row){background:0 0;border:none;display:table-row}.data-table td[data-v-ed47aab7]{text-align:left;border-bottom:1px solid #334155;width:auto;padding:12px 10px;display:table-cell}.data-table td[data-v-ed47aab7]:before{display:none}.data-table th[data-v-ed47aab7]{color:#94a3b8;background:#0f172a;border-bottom:2px solid #334155;padding:10px}.flex-badges[data-v-ed47aab7]{flex-direction:column;align-items:flex-start;gap:4px}}@media (width>=1024px){.dashboard-wrapper[data-v-ed47aab7]{padding:30px}.kpi-card .value[data-v-ed47aab7]{font-size:34px}.main-layout[data-v-ed47aab7]{grid-template-columns:400px 1fr;gap:30px;display:grid}}.city-select-wrapper[data-v-ed47aab7]{position:relative}.hybrid-input-container[data-v-ed47aab7]{width:100%;position:relative}.hybrid-input-container input[data-v-ed47aab7]{padding-right:32px!important}.dropdown-arrow-indicator[data-v-ed47aab7]{color:#64748b;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.custom-dropdown-list[data-v-ed47aab7]{z-index:50;background:#0f172a;border:1px solid #475569;border-radius:6px;max-height:160px;margin-top:4px;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000080}.custom-dropdown-list li[data-v-ed47aab7]{color:#fff;cursor:pointer;border-bottom:1px solid #1e293b;padding:10px 12px;font-size:14px}.custom-dropdown-list li[data-v-ed47aab7]:last-child{border-bottom:none}.custom-dropdown-list li[data-v-ed47aab7]:hover{color:#0f172a;background:#38bdf8;font-weight:600}.pin-modal-overlay[data-v-ed47aab7]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172ad9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.pin-modal-card[data-v-ed47aab7]{text-align:center;background:#0f172a;border:1px solid #1e293b;border-radius:12px;width:90%;max-width:360px;padding:24px;box-shadow:0 20px 25px -5px #00000080}.pin-modal-header h3[data-v-ed47aab7]{color:#fff;margin:0 0 6px;font-size:18px}.pin-modal-header p[data-v-ed47aab7]{color:#64748b;margin:0 0 20px;font-size:13px}.pin-input-field[data-v-ed47aab7]{color:#fff;text-align:center;letter-spacing:8px;background:#1e293b;border:2px solid #334155;border-radius:8px;outline:none;width:140px;padding:8px;font-size:24px;transition:border-color .2s}.pin-input-field[data-v-ed47aab7]:focus{border-color:#38bdf8}.pin-error-text[data-v-ed47aab7]{color:#f43f5e;background:#f43f5e1a;border-radius:6px;margin-top:12px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.input-shake-error[data-v-ed47aab7]{animation:.3s ease-in-out modal-shake-ed47aab7;border-color:#f43f5e!important}@keyframes modal-shake-ed47aab7{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.pin-modal-actions[data-v-ed47aab7]{gap:12px;margin-top:24px;display:flex}.btn-cancel[data-v-ed47aab7],.btn-confirm[data-v-ed47aab7]{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:background .2s}.btn-cancel[data-v-ed47aab7]{color:#94a3b8;background:#334155}.btn-cancel[data-v-ed47aab7]:hover{background:#475569}.btn-confirm[data-v-ed47aab7]{color:#0f172a;background:#38bdf8}.btn-confirm[data-v-ed47aab7]:hover{background:#7dd3fc}.kpi-sub-breakdown[data-v-ed47aab7]{border-top:1px solid #33415580;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;display:flex}.sub-item[data-v-ed47aab7]{flex-direction:column;align-items:flex-start;display:flex}.sub-label[data-v-ed47aab7]{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:600}.sub-val[data-v-ed47aab7]{margin-top:2px;font-size:13px;font-weight:700}.sub-val small[data-v-ed47aab7]{color:#64748b;font-size:10px;font-weight:500}.text-rose[data-v-ed47aab7]{color:#f43f5e}.text-emerald[data-v-ed47aab7]{color:#10b981}.text-cyan[data-v-ed47aab7]{color:#06b6d4!important}.text-amber[data-v-ed47aab7]{color:#f59e0b!important}.loading-overlay[data-v-ed47aab7]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172abf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.spinner-card[data-v-ed47aab7]{color:#f8fafc;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px 36px;font-weight:500;display:flex;box-shadow:0 20px 25px -5px #00000080}.pulse-spinner[data-v-ed47aab7]{border:3px solid #38bdf833;border-top-color:#38bdf8;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin-ed47aab7}@keyframes spin-ed47aab7{to{transform:rotate(360deg)}}