:root{--primary: #2563eb;--primary-hover: #1d4ed8;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border: #e2e8f0;--border-light: #f1f5f9;--muted: #64748b;--muted-light: #94a3b8;--bg: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text: #1e293b;--text-light: #475569;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 8px;--radius-lg: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-secondary);color:var(--text);line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:24px}header{background:var(--bg);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px;box-shadow:var(--shadow);border:1px solid var(--border-light)}h1{margin:0 0 24px;font-size:32px;font-weight:700;color:var(--text);letter-spacing:-.025em}.controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.controls>*{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:14px;transition:all .2s ease}.controls input{min-width:200px;border:1px solid var(--border);background:var(--bg)}.controls input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.controls select{min-width:120px;cursor:pointer}.controls select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}button{cursor:pointer;font-weight:500;background:var(--primary);color:#fff;border:1px solid var(--primary);transition:all .2s ease}button:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;text-align:center;transition:all .2s ease}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat b{display:block;font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat span{font-size:24px;font-weight:700;color:var(--text)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:16px 12px;border-bottom:1px solid var(--border-light);text-align:left;white-space:nowrap}th{background:var(--bg-tertiary);position:sticky;top:0;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:var(--text);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border)}th:hover{background:var(--border-light)}tfoot td{border-bottom:0;background:var(--bg-tertiary);font-weight:600;color:var(--muted)}tbody tr{transition:all .2s ease}tbody tr:hover{background:var(--bg-secondary)}.link a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.link a:hover{color:var(--primary-hover);text-decoration:underline}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}.chart-card{margin:24px 0}.footer{color:var(--muted);font-size:12px;margin-top:16px;text-align:center}.nav,.nav-active{padding:12px 20px;border-radius:var(--radius);text-decoration:none;border:1px solid var(--border);background:var(--bg);font-weight:500;transition:all .2s ease;color:var(--text)}.nav:hover{background:var(--bg-secondary);transform:translateY(-1px)}.nav-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow)}.recent-day{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid var(--warning)}tbody tr.recent-day:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translate(2px)}.badge-recent{display:inline-block;margin-left:8px;padding:4px 8px;font-size:10px;border-radius:999px;background:var(--warning);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow)}.brand{font-weight:600;color:var(--text)}.model{color:var(--text-light);font-size:13px}.price{font-weight:700;color:var(--success);font-size:16px}.timestamp{color:var(--muted);font-size:13px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.cursor-pointer{cursor:pointer;transition:all .15s ease-in-out}.table th.cursor-pointer:hover{background-color:#f8f9fa;transform:translateY(-1px)}.table{font-size:.875rem}.table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.75rem .5rem;border-bottom:2px solid #dee2e6}.table td{padding:.75rem .5rem;vertical-align:middle}.table-hover tbody tr:hover{background-color:#0d6efd0a;transform:translate(2px);transition:all .15s ease-in-out}.pagination{font-size:.875rem}.pagination .page-link{border-radius:6px;margin:0 1px;border:1px solid #dee2e6;padding:.375rem .75rem;transition:all .15s ease-in-out}.pagination .page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd;box-shadow:0 2px 4px #0d6efd33}.pagination .page-link:hover{background-color:#e9ecef;border-color:#dee2e6;transform:translateY(-1px)}.badge{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem}.card{transition:all .2s ease-in-out;border-radius:.5rem}.card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn{transition:all .15s ease-in-out;border-radius:.375rem;font-weight:500}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.form-control,.form-select{border-radius:.375rem;border:1px solid #ced4da;transition:all .15s ease-in-out}.form-control:focus,.form-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd26;transform:translateY(-1px)}.form-label{font-weight:600;font-size:.875rem;margin-bottom:.5rem;color:#495057}header{min-height:60px}.table-responsive{border-radius:.5rem;overflow:hidden}.text-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-warning{background-color:#ffc1071a!important;border-left:3px solid #ffc107}.mb-4{margin-bottom:1.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}@media (max-width: 768px){.container-fluid{padding:16px}.card-body{padding:1rem}.table-responsive{font-size:.875rem}.pagination{justify-content:center}.d-flex.justify-content-between{flex-direction:column;gap:1rem;text-align:center}}