.dashboard-wrapper[data-v-7101a351]{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-7101a351] *,.dashboard-wrapper[data-v-7101a351] :before,.dashboard-wrapper[data-v-7101a351] :after{box-sizing:border-box!important}.app-header[data-v-7101a351]{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-7101a351]{color:#fff;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.badge-live[data-v-7101a351]{background:#0284c7;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.refresh-btn[data-v-7101a351]{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-7101a351]:hover{color:#fff;background:#334155}.metrics-grid[data-v-7101a351]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-bottom:20px;display:grid}.kpi-card[data-v-7101a351]{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-7101a351]{border-left:4px solid #06b6d4}.border-green[data-v-7101a351]{border-left:4px solid #10b981}.prediction-card[data-v-7101a351]{background:#252e3e;border-left:4px solid #f59e0b}.kpi-title[data-v-7101a351]{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.kpi-card .value[data-v-7101a351]{color:#fff;word-break:break-word;font-size:18px;font-weight:700;overflow:hidden}.text-cyan[data-v-7101a351]{color:#06b6d4!important}.text-green[data-v-7101a351]{color:#10b981!important}.text-orange[data-v-7101a351]{color:#f59e0b!important}.kpi-card .unit[data-v-7101a351]{color:#64748b;margin-left:2px;font-size:11px}.charts-section[data-v-7101a351]{flex-direction:column;gap:16px;width:100%;margin-bottom:20px;display:flex}.chart-holder[data-v-7101a351]{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;min-width:0;padding:16px}.chart-holder h3[data-v-7101a351]{color:#94a3b8;margin-top:0;margin-bottom:12px;font-size:14px}.canvas-container[data-v-7101a351]{width:100%;height:220px;position:relative}.main-layout[data-v-7101a351]{flex-direction:column;gap:20px;width:100%;display:flex}.panel-form[data-v-7101a351],.panel-table[data-v-7101a351]{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-7101a351],.panel-table h2[data-v-7101a351]{color:#fff;margin-top:0;margin-bottom:16px;font-size:16px}.styled-form[data-v-7101a351]{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.input-row[data-v-7101a351]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.input-block[data-v-7101a351]{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.input-block label[data-v-7101a351]{color:#94a3b8;font-size:12px;font-weight:600}.input-block input[data-v-7101a351],.input-block select[data-v-7101a351]{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-7101a351],.styled-form input[type=date][data-v-7101a351],input[type=date][data-v-7101a351]{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-7101a351]::-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-7101a351]::-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-7101a351]::-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-7101a351]:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.input-block input[data-v-7101a351]:focus{border-color:#38bdf8;outline:none}.brand-chips[data-v-7101a351]{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.chip[data-v-7101a351]{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-7101a351]:hover{color:#fff;border-color:#38bdf8}.chip.active[data-v-7101a351]{color:#0f172a;background:#38bdf8;border-color:#38bdf8;font-weight:600}.radio-toggle[data-v-7101a351]{flex-wrap:wrap;gap:16px;padding:4px 0;display:flex}.radio-label[data-v-7101a351]{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-7101a351]{cursor:pointer;width:auto;margin:0}.submit-action-btn[data-v-7101a351]{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-7101a351]:hover{background:#0369a1}.responsive-table-holder[data-v-7101a351]{width:100%;overflow-x:hidden}.data-table[data-v-7101a351]{border-collapse:collapse;width:100%;display:block}.data-table thead[data-v-7101a351]{display:none}.data-table tbody[data-v-7101a351]{width:100%;display:block}.data-table tr[data-v-7101a351]: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-7101a351]{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-7101a351]:last-child{border-bottom:none}.data-table td[data-v-7101a351]:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;text-align:left;font-size:12px;font-weight:600}.font-date[data-v-7101a351]{color:#38bdf8;font-weight:600}.station-txt[data-v-7101a351]{color:#fff;text-align:right;font-weight:600;display:block}.city-txt[data-v-7101a351]{color:#64748b;text-align:right;margin-top:2px;font-size:11px;display:block}.flex-badges[data-v-7101a351]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.variant-tag[data-v-7101a351]{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.variant-tag.normal[data-v-7101a351]{color:#cbd5e1;background:#475569}.variant-tag.xp100[data-v-7101a351]{color:#fef3c7;background:#b45309}.trip-mileage-badge[data-v-7101a351]{color:#10b981;background:#10b9811a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.trip-cpk-badge[data-v-7101a351]{color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.empty-state[data-v-7101a351]{text-align:center;color:#64748b;width:100%;display:block;padding:30px!important}@media (width>=768px){.dashboard-wrapper[data-v-7101a351]{padding:24px}.metrics-grid[data-v-7101a351]{grid-template-columns:repeat(4,1fr)}.kpi-card[data-v-7101a351]{padding:20px}.kpi-card .value[data-v-7101a351]{font-size:26px}.charts-section[data-v-7101a351]{grid-template-columns:2fr 1fr;gap:20px;display:grid}.data-table[data-v-7101a351]{display:table}.data-table thead[data-v-7101a351]{display:table-header-group}.data-table tbody[data-v-7101a351]{display:table-row-group}.data-table tr[data-v-7101a351]:not(.empty-state-row){background:0 0;border:none;display:table-row}.data-table td[data-v-7101a351]{text-align:left;border-bottom:1px solid #334155;width:auto;padding:12px 10px;display:table-cell}.data-table td[data-v-7101a351]:before{display:none}.data-table th[data-v-7101a351]{color:#94a3b8;background:#0f172a;border-bottom:2px solid #334155;padding:10px}.flex-badges[data-v-7101a351]{flex-direction:column;align-items:flex-start;gap:4px}}@media (width>=1024px){.dashboard-wrapper[data-v-7101a351]{padding:30px}.kpi-card .value[data-v-7101a351]{font-size:34px}.main-layout[data-v-7101a351]{grid-template-columns:400px 1fr;gap:30px;display:grid}}.city-select-wrapper[data-v-7101a351]{position:relative}.hybrid-input-container[data-v-7101a351]{width:100%;position:relative}.hybrid-input-container input[data-v-7101a351]{padding-right:32px!important}.dropdown-arrow-indicator[data-v-7101a351]{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-7101a351]{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-7101a351]{color:#fff;cursor:pointer;border-bottom:1px solid #1e293b;padding:10px 12px;font-size:14px}.custom-dropdown-list li[data-v-7101a351]:last-child{border-bottom:none}.custom-dropdown-list li[data-v-7101a351]:hover{color:#0f172a;background:#38bdf8;font-weight:600}.pin-modal-overlay[data-v-7101a351]{-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-7101a351]{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-7101a351]{color:#fff;margin:0 0 6px;font-size:18px}.pin-modal-header p[data-v-7101a351]{color:#64748b;margin:0 0 20px;font-size:13px}.pin-input-field[data-v-7101a351]{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-7101a351]:focus{border-color:#38bdf8}.pin-error-text[data-v-7101a351]{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-7101a351]{animation:.3s ease-in-out modal-shake-7101a351;border-color:#f43f5e!important}@keyframes modal-shake-7101a351{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.pin-modal-actions[data-v-7101a351]{gap:12px;margin-top:24px;display:flex}.btn-cancel[data-v-7101a351],.btn-confirm[data-v-7101a351]{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:background .2s}.btn-cancel[data-v-7101a351]{color:#94a3b8;background:#334155}.btn-cancel[data-v-7101a351]:hover{background:#475569}.btn-confirm[data-v-7101a351]{color:#0f172a;background:#38bdf8}.btn-confirm[data-v-7101a351]:hover{background:#7dd3fc}