:root{--color-primary: #ff6b35;--color-primary-dark: #e55a2b;--color-primary-light: #ff8f66;--color-secondary: #2d5bff;--color-secondary-light: #5a7fff;--color-success: #00b894;--color-warning: #fdcb6e;--color-danger: #d63031;--color-dark: #1a1a2e;--color-gray: #636e72;--color-light-gray: #b2bec3;--color-bg: #f5f6fa;--color-card: #ffffff;--color-vehicle: #2d5bff;--color-property: #00b894;--radius: 12px;--border-radius: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-dark);line-height:1.6}.card-custom{background:var(--color-card);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition)}.card-custom:hover{box-shadow:var(--shadow-md)}.btn-habit{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:8px;padding:12px 28px;font-weight:600;font-size:1rem;transition:var(--transition);cursor:pointer}.btn-habit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3566;color:#fff}.btn-habit:active{transform:translateY(0)}.btn-habit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-habit-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:8px;padding:10px 26px;font-weight:600;font-size:1rem;transition:var(--transition);cursor:pointer}.btn-habit-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn-vehicle{background:linear-gradient(135deg,var(--color-vehicle),#1a3fd1);color:#fff;border:none;border-radius:8px;padding:12px 28px;font-weight:600;transition:var(--transition);cursor:pointer}.btn-vehicle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d5bff66;color:#fff}.btn-property{background:linear-gradient(135deg,var(--color-property),#009b7d);color:#fff;border:none;border-radius:8px;padding:12px 28px;font-weight:600;transition:var(--transition);cursor:pointer}.btn-property:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b89466;color:#fff}.section-title{font-size:1.75rem;font-weight:700;color:var(--color-dark);margin-bottom:.5rem}.section-subtitle{font-size:1rem;color:var(--color-gray);margin-bottom:2rem}.badge-vehicle{background:rgba(45,91,255,.1);color:var(--color-vehicle);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-property{background:rgba(0,184,148,.1);color:var(--color-property);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-featured{background:rgba(255,107,53,.1);color:var(--color-primary);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:40px;height:40px;border:4px solid var(--color-light-gray);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-light-gray);border-radius:3px}@media (max-width: 768px){.section-title{font-size:1.5rem}}::selection{background:var(--color-primary-light);color:#fff}.table{--bs-table-hover-bg: rgba(255, 107, 53, .04)}.type-toggle{display:inline-flex;background:white;border-radius:12px;padding:4px;box-shadow:var(--shadow-sm)}.type-toggle .toggle-btn{padding:10px 24px;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);background:transparent;color:var(--color-gray);display:flex;align-items:center;gap:8px}.type-toggle .toggle-btn.active-vehicle{background:var(--color-vehicle);color:#fff;box-shadow:0 2px 8px #2d5bff4d}.type-toggle .toggle-btn.active-property{background:var(--color-property);color:#fff;box-shadow:0 2px 8px #00b8944d}.type-toggle .toggle-btn:hover:not(.active-vehicle):not(.active-property){background:var(--color-bg)}.price-tag{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.price-tag-sm{font-size:1rem;font-weight:700;color:var(--color-primary)}