:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-light:#eff6ff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-500:#64748b;--gray-700:#334155;--gray-900:#0f172a;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--gray-50);color:var(--gray-900);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}button,input,select{font-family:inherit;font-size:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--gray-200);background:#fff;flex-direction:column;flex-shrink:0;width:230px;padding:20px 14px;display:flex}.sidebar-brand{color:var(--blue-dark);padding:0 8px 22px;font-size:18px;font-weight:700}.sidebar-section-title{letter-spacing:.06em;color:var(--gray-500);text-transform:uppercase;padding:14px 8px 6px;font-size:11px;font-weight:700}.sidebar-link{color:var(--gray-700);border-radius:8px;margin-bottom:2px;padding:9px 10px;font-weight:500;text-decoration:none;display:block}.sidebar-link:hover{background:var(--gray-100)}.sidebar-link.active{background:var(--blue-light);color:var(--blue-dark);font-weight:600}.sidebar-spacer{flex:1}.main-content{flex:1;max-width:1100px;padding:32px 40px}.page-title{color:var(--gray-900);margin:0 0 4px;font-size:22px;font-weight:700}.page-subtitle{color:var(--gray-500);margin:0 0 24px}.card{border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;margin-bottom:20px;padding:22px 24px}.card-title{color:var(--gray-900);margin:0 0 16px;font-size:15px;font-weight:700}.field{margin-bottom:16px}.field label{color:var(--gray-700);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field input[type=text],.field input[type=number],.field input[type=url]{border:1px solid var(--gray-300);background:#fff;border-radius:8px;outline:none;width:100%;padding:9px 11px}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-light)}.field-hint{color:var(--gray-500);margin-top:4px;font-size:12px}.row{gap:16px;display:flex}.row>.field{flex:1}.btn{border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-weight:600}.btn:hover{background:var(--gray-100)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-small{border-radius:6px;padding:5px 10px;font-size:12.5px}.btn-link{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.btn-danger-link{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.preview-box{background:var(--blue-light);border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;padding:14px 16px}.preview-box .preview-main{color:var(--blue-dark);text-transform:uppercase;letter-spacing:.02em;font-size:16px;font-weight:700}.preview-box .preview-sub{color:var(--gray-700);margin-top:4px;font-size:12.5px}.motor-match-compact{border-color:#22c55e;margin-bottom:16px;padding:12px 16px}.motor-match-compact-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.motor-match-compact-title{color:#15803d;font-size:13px;font-weight:700}.motor-results-card{margin-bottom:16px;padding:12px 16px}.motor-result-item{padding:8px 10px}.chip{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700);border-radius:999px;align-items:center;gap:6px;margin:0 6px 6px 0;padding:4px 10px 4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.chip button{cursor:pointer;color:var(--gray-500);background:0 0;border:none;padding:0;font-size:14px;line-height:1}.chip button:hover{color:#dc2626}.chip-row{flex-wrap:wrap;align-items:center;margin-top:4px;display:flex}.picker{position:relative}.picker-trigger{text-align:left;border:1px solid var(--gray-300);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:9px 11px;display:flex}.picker-trigger:hover{border-color:var(--blue)}.picker-trigger .placeholder{color:var(--gray-500)}.picker-input{border:1px solid var(--gray-300);background:#fff;border-radius:8px;outline:none;width:100%;padding:9px 11px}.picker-input:focus{border-color:var(--blue)}.picker-panel{z-index:30;border:1px solid var(--gray-200);background:#fff;border-radius:10px;width:100%;min-width:260px;padding:8px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 30px #0f172a1f}.picker-panel input{border:1px solid var(--gray-300);border-radius:7px;outline:none;width:100%;margin-bottom:6px;padding:8px 10px}.picker-list{max-height:220px;overflow-y:auto}.picker-item{cursor:pointer;border-radius:7px;padding:8px 10px;font-weight:500}.picker-item:hover,.picker-item-active{background:var(--blue-light)}.picker-empty{color:var(--gray-500);padding:10px;font-size:12.5px}.picker-create{cursor:pointer;color:var(--blue);border-top:1px solid var(--gray-100);border-radius:7px;margin-top:4px;padding:8px 10px;font-weight:600}.picker-create:hover,.picker-create.picker-item-active{background:var(--blue-light)}.modal-overlay{z-index:100;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:12px;width:460px;max-width:92vw;max-height:86vh;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #0f172a40}.modal-title{margin:0 0 16px;font-size:16px;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.list-item{border:1px solid var(--gray-200);background:var(--gray-50);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.list-item-main{color:var(--gray-900);font-weight:600}.list-item-sub{color:var(--gray-500);margin-top:2px;font-size:12px}.empty-state{color:var(--gray-500);padding:10px 0;font-size:13px}.tabs{border-bottom:1px solid var(--gray-200);gap:4px;margin-bottom:20px;display:flex}.tab-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-weight:600}.tab-btn.active{color:var(--blue-dark);border-bottom-color:var(--blue)}.clickable-row{cursor:pointer}.clickable-row:hover{border-color:var(--blue)}.back-link{margin-bottom:16px;display:inline-block}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.kpi-card{border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;padding:20px}.kpi-value{color:var(--blue-dark);font-size:26px;font-weight:700}.kpi-label{color:var(--gray-500);margin-top:4px;font-size:12.5px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.consulta-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.consulta-filtros-toggle{display:none}.consulta-layout{align-items:flex-start;gap:20px;display:flex}.consulta-filtros-panel{flex-shrink:0;width:240px}.consulta-resultados{flex:1;min-width:0}.consulta-card{margin-bottom:12px}.consulta-referencias{margin-top:4px}.consulta-checkbox-row{color:var(--gray-700);cursor:pointer;align-items:center;gap:8px;padding:6px 2px;font-size:13px;display:flex}.consulta-checkbox-row input{cursor:pointer}.consulta-checkbox-count{color:var(--gray-500);font-size:12px}@media (width<=720px){.consulta-filtros-toggle{display:inline-block}.consulta-layout{flex-direction:column}.consulta-filtros-panel{width:100%;display:none}.consulta-filtros-panel.open{display:block}.main-content{padding:20px 16px}}