:root{--primary:#0f172a;--primary-hover:#1e293b;--accent:#fbceb1;--accent-hover:#f0b692;--accent-text:#5a3a20;--bg-body:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--bg-sidebar:#fff;--text-main:#334155;--text-muted:#64748b;--text-inverse:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--status-green:#10b981;--status-yellow:#f59e0b;--status-red:#ef4444;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--header-height:70px;--sidebar-width:300px}[data-theme=dark]{--primary:#1e293b;--primary-hover:#334155;--accent:#fbceb1;--accent-hover:#f0b692;--accent-text:#5a3a20;--bg-body:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--bg-sidebar:#1e293b;--text-main:#e2e8f0;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;background-color:var(--bg-body);color:#334155;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);line-height:1.5;transition:background-color .3s,color .3s}.app-container,body{height:100dvh;overflow:hidden}.app-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:300px 1fr;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:70px 1fr;grid-template-rows:var(--header-height) 1fr;padding:1rem;transition:grid-template-columns .3s ease}.app-header{align-items:center;background-color:#0f172a;background-color:var(--primary);border-radius:1rem;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--text-inverse);display:flex;grid-area:header;justify-content:space-between;padding:0 1rem;z-index:10}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.sidebar-toggle-btn{align-items:center;background:#fff3;border:none;border-radius:.375rem;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.sidebar-toggle-btn:hover{background-color:#ffffff4d}.filter-icon{height:20px;width:20px}.theme-toggle-wrapper{align-items:center;cursor:pointer;display:flex}.theme-toggle{background-color:#fff3;border-radius:12px;height:24px;position:relative;transition:background-color .2s;width:48px}.theme-toggle:hover{background-color:#ffffff4d}.theme-toggle-thumb{align-items:center;background-color:#fbceb1;background-color:var(--accent);border-radius:50%;color:#5a3a20;color:var(--accent-text);display:flex;height:20px;justify-content:center;left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:20px}[data-theme=dark] .theme-toggle-thumb{transform:translateX(24px)}.toggle-icon{height:14px;width:14px}.filters-sidebar{background-color:#fff;background-color:var(--bg-sidebar);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 12px #0000001a;grid-area:sidebar;overflow-y:auto;padding:1.5rem;transition:transform .3s ease,width .3s ease,opacity .3s ease;width:100%}.filters-sidebar.collapsed{opacity:0;pointer-events:none;visibility:hidden}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.filters-header h2{color:#334155;color:var(--text-main);font-size:1.25rem}.close-sidebar-btn{background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;display:none;font-size:1.25rem}.filter-group{margin-bottom:1.5rem}.filter-group label{color:#334155;color:var(--text-main);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.range-inputs{grid-gap:.5rem;display:grid;gap:.5rem}input[type=number]{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.375rem;color:#334155;color:var(--text-main);padding:.5rem;width:100%}.select__control{background-color:#fff!important;background-color:var(--bg-surface)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important}.select__menu,.select__option{background-color:#fff!important;background-color:var(--bg-surface)!important;color:#334155!important;color:var(--text-main)!important}.select__option:hover{background-color:#f1f5f9!important;background-color:var(--bg-surface-hover)!important}.select__input-container,.select__single-value{color:#334155!important;color:var(--text-main)!important}.main-content{background-color:initial;display:flex;flex-direction:column;grid-area:main;height:100%;overflow-y:auto;position:relative}.table-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.table-container{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);flex:1 1;overflow:auto}table{border-collapse:collapse;width:100%}thead{background-color:#0f172a;background-color:var(--primary);color:#fff;color:var(--text-inverse);position:sticky;top:0;z-index:5}th{cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}th:hover{background-color:#1e293b;background-color:var(--primary-hover)}td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#334155;color:var(--text-main);padding:1rem}tbody tr:hover{background-color:#f1f5f9;background-color:var(--bg-surface-hover)}.val-green{color:#10b981;color:var(--status-green);font-weight:600}.val-yellow{color:#f59e0b;color:var(--status-yellow);font-weight:600}.val-red{color:#ef4444;color:var(--status-red);font-weight:600}.car-card{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1rem;overflow:hidden}.card-header{align-items:center;background:#0f172a;background:var(--primary);display:flex;justify-content:space-between;padding:1rem}.card-header h3{color:#fbceb1;color:var(--accent);font-size:1.1rem;margin:0}.year-badge{background:#ffffff1a;border-radius:9999px;color:#fff;color:var(--text-inverse);font-size:.875rem;padding:.25rem .75rem}.card-body{padding:1rem}.card-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#334155;color:var(--text-main);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.card-row span:first-child{color:#64748b;color:var(--text-muted)}.card-metrics{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.metric{background:#f1f5f9;background:var(--bg-surface-hover);border-radius:.5rem;padding:.5rem;text-align:center}.metric .label{color:#64748b;color:var(--text-muted);display:block;font-size:.75rem}.metric .value{color:#334155;color:var(--text-main);font-weight:700}.metric .value.val-green{color:#10b981;color:var(--status-green)}.metric .value.val-yellow{color:#f59e0b;color:var(--status-yellow)}.metric .value.val-red{color:#ef4444;color:var(--status-red)}.pagination{background:#0f172a;background:var(--primary);border-radius:1rem;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem}.pagination span{align-items:center;color:#64748b;color:var(--text-muted);display:flex;padding:0 1rem}.pagination .active{background:#0f172a;background:var(--primary);border-color:#0f172a;border-color:var(--primary);color:#fff;color:var(--text-inverse)}@media (max-width:768px){.app-container{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:70px 1fr;grid-template-rows:var(--header-height) 1fr;padding:.75rem}.table-container{background:#0000;border:none;border-radius:0;box-shadow:none;flex:1 1;overflow:auto}.filters-sidebar{border-radius:1rem;height:calc(100dvh - 1.5rem);left:.75rem;opacity:1;position:fixed;top:.75rem;transform:translateX(-110%);visibility:visible;width:calc(100% - 1.5rem);z-index:50}.filters-sidebar.open{transform:translateX(0)}.close-sidebar-btn{display:block}.app-header{padding:0 1rem}}@media (min-width:769px){.app-container:has(.filters-sidebar.collapsed){grid-template-columns:0 1fr}}.table-header{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-bottom:none;border-radius:.75rem .75rem 0 0;display:flex;justify-content:flex-end;padding:1rem}.export-button-container{position:relative}.main-button{align-items:center;background:#fbceb1;background:var(--accent);border:none;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#5a3a20;color:var(--accent-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem;transition:all .3s ease}.main-button:hover{background:#f0b692;background:var(--accent-hover);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.main-button svg{height:18px;width:18px}.main-button:disabled{cursor:not-allowed;opacity:.5;transform:translateY(0)}.export-dropdown{animation:slideDown .2s ease;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.export-info{background:#f1f5f9;background:var(--bg-surface-hover);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#64748b;color:var(--text-muted);font-size:.75rem;padding:.75rem 1rem}.export-option{align-items:center;background:none;border:none;color:#334155;color:var(--text-main);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.export-option:hover{background:#f1f5f9;background:var(--bg-surface-hover);color:#fbceb1;color:var(--accent)}.export-option svg{flex-shrink:0;height:16px;width:16px}.table-section:has(.table-header) .table-container{border-radius:0 0 .75rem .75rem;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color)}.header-center,.header-left,.header-right{align-items:center;display:flex;gap:1rem}.export-section{padding:.5rem 0}.export-section:not(:last-child){border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}.export-section-title{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.export-section .export-option{border-radius:.375rem;margin:.25rem .5rem;padding:.625rem 1rem}
/*# sourceMappingURL=main.cc748584.css.map*/