:root{--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-on-primary:#fff;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-on-danger:#fff;--color-success:#16a34a;--color-success-hover:#15803d;--color-on-success:#fff;--color-whatsapp:#25d366;--color-whatsapp-hover:#1fb855;--color-header-bg:#1e293b;--color-header-text:#fff;--color-header-link:#cbd5e1;--color-header-link-hover:#fff;--color-header-muted:#94a3b8;--color-header-border:#475569;--color-header-hover-bg:#334155;--color-surface:#fff;--color-surface-bg:#f8fafc;--color-page-bg:#f5f5f5;--row-hover-overlay:#0000000a;--color-text:#374151;--color-text-muted:#6b7280;--color-text-light:#666;--color-border:#d1d5db;--color-border-light:#e5e7eb;--color-border-muted:#ccc;--color-badge-todo-bg:#fef9c3;--color-badge-todo-text:#854d0e;--color-badge-done-bg:#dcfce7;--color-badge-done-text:#166534;--color-badge-cancelled-bg:#fee2e2;--color-badge-cancelled-text:#991b1b;--color-badge-visit-returning-bg:#ccfbf1;--color-badge-visit-returning-text:#115e59;--color-badge-visit-walk-in-bg:#ede9fe;--color-badge-visit-walk-in-text:#5b21b6;--color-badge-admin-bg:#e0e7ff;--color-badge-admin-text:#3730a3;--color-badge-gerente-bg:#cffafe;--color-badge-gerente-text:#155e75;--color-badge-recepcionista-bg:#fef3c7;--color-badge-recepcionista-text:#92400e;--color-badge-mecanico-bg:#dcfce7;--color-badge-mecanico-text:#166534;--color-row-bg-todo:#fef9c3;--color-row-bg-done:#dcfce7;--color-row-bg-cancelled:#fee2e2;--color-card-border-status-todo:#eab308;--color-card-border-status-done:#16a34a;--color-card-border-status-cancelled:#dc2626;--color-avatar-bg-1:#f87171;--color-avatar-bg-2:#fb923c;--color-avatar-bg-3:#fbbf24;--color-avatar-bg-4:#34d399;--color-avatar-bg-5:#22d3ee;--color-avatar-bg-6:#818cf8;--color-avatar-bg-7:#c084fc;--color-avatar-bg-8:#f472b6;--color-avatar-bg-9:#fb7185;--color-avatar-bg-10:#fd9644;--color-avatar-bg-11:#a3e635;--color-avatar-bg-12:#2dd4bf;--color-on-avatar:#fff;--color-now-line:#dc2626;--color-now-label:#dc2626;--color-past-accent:#94a3b8;--color-past-accent-bg:#94a3b829;--color-toast-success-bg:#dcfce7;--color-toast-success-text:#166534;--color-toast-danger-bg:#fee2e2;--color-toast-danger-text:#991b1b;--color-warning-bg:#fef9c3;--color-warning-text:#854d0e;--color-warning-border:#eab308;--space-card:16px;--focus-ring-color:var(--color-primary);--focus-ring-width:2px;--tap-target-min:44px}[data-theme=light]{--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-on-primary:#fff;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-on-danger:#fff;--color-success:#16a34a;--color-success-hover:#15803d;--color-on-success:#fff;--color-whatsapp:#25d366;--color-whatsapp-hover:#1fb855;--color-header-bg:#1e293b;--color-header-text:#fff;--color-header-link:#cbd5e1;--color-header-link-hover:#fff;--color-header-muted:#94a3b8;--color-header-border:#475569;--color-header-hover-bg:#334155;--color-surface:#fff;--color-surface-bg:#f8fafc;--color-page-bg:#f5f5f5;--row-hover-overlay:#0000000a;--color-text:#374151;--color-text-muted:#6b7280;--color-text-light:#666;--color-border:#d1d5db;--color-border-light:#e5e7eb;--color-border-muted:#ccc;--color-badge-todo-bg:#fef9c3;--color-badge-todo-text:#854d0e;--color-badge-done-bg:#dcfce7;--color-badge-done-text:#166534;--color-badge-cancelled-bg:#fee2e2;--color-badge-cancelled-text:#991b1b;--color-badge-visit-returning-bg:#ccfbf1;--color-badge-visit-returning-text:#115e59;--color-badge-visit-walk-in-bg:#ede9fe;--color-badge-visit-walk-in-text:#5b21b6;--color-badge-admin-bg:#e0e7ff;--color-badge-admin-text:#3730a3;--color-badge-gerente-bg:#cffafe;--color-badge-gerente-text:#155e75;--color-badge-recepcionista-bg:#fef3c7;--color-badge-recepcionista-text:#92400e;--color-badge-mecanico-bg:#dcfce7;--color-badge-mecanico-text:#166534}[data-theme=dark]{--color-gray-50:#0f0f0f;--color-gray-100:#161616;--color-gray-200:#1e293b;--color-gray-300:#2d3a4a;--color-gray-400:#475569;--color-gray-500:#64748b;--color-gray-600:#94a3b8;--color-gray-700:#cbd5e1;--color-gray-800:#e2e8f0;--color-gray-900:#f8fafc;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-on-primary:#fff;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-on-danger:#fff;--color-on-danger-hover:#fff;--color-success:#22c55e;--color-success-hover:#16a34a;--color-on-success:#fff;--color-on-success-hover:#fff;--color-whatsapp:#25d366;--color-whatsapp-hover:#1da951;--color-header-bg:#020617;--color-header-text:#f8fafc;--color-header-link:#94a3b8;--color-header-link-hover:#f8fafc;--color-header-muted:#64748b;--color-header-border:#334155;--color-header-hover-bg:#1e293b;--color-surface:#1e293b;--color-surface-bg:#0f172a;--color-page-bg:#0f172a;--row-hover-overlay:#ffffff0f;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-light:#cbd5e1;--color-border:#475569;--color-border-light:#334155;--color-border-muted:#475569;--color-badge-todo-bg:#422006;--color-badge-todo-text:#fef08a;--color-badge-done-bg:#14532d;--color-badge-done-text:#bbf7d0;--color-badge-cancelled-bg:#450a0a;--color-badge-cancelled-text:#fecaca;--color-badge-visit-returning-bg:#134e4a;--color-badge-visit-returning-text:#99f6e4;--color-badge-visit-walk-in-bg:#4c1d95;--color-badge-visit-walk-in-text:#ddd6fe;--color-badge-admin-bg:#312e81;--color-badge-admin-text:#c7d2fe;--color-badge-gerente-bg:#164e63;--color-badge-gerente-text:#a5f3fc;--color-badge-recepcionista-bg:#78350f;--color-badge-recepcionista-text:#fde68a;--color-badge-mecanico-bg:#14532d;--color-badge-mecanico-text:#bbf7d0;--color-row-bg-todo:#422006;--color-row-bg-done:#14532d;--color-row-bg-cancelled:#450a0a;--color-card-border-status-todo:#fcd34d;--color-card-border-status-done:#22c55e;--color-card-border-status-cancelled:#ef4444;--color-avatar-bg-1:#fca5a5;--color-avatar-bg-2:#fd9b6c;--color-avatar-bg-3:#fcd34d;--color-avatar-bg-4:#6ee7b7;--color-avatar-bg-5:#67e8f9;--color-avatar-bg-6:#a5b4fc;--color-avatar-bg-7:#d8b4fe;--color-avatar-bg-8:#f9a8d4;--color-avatar-bg-9:#fda4af;--color-avatar-bg-10:#fed7aa;--color-avatar-bg-11:#bef264;--color-avatar-bg-12:#5eead4;--color-on-avatar:#fff;--color-now-line:#ef4444;--color-now-label:#ef4444;--color-past-accent:#64748b;--color-past-accent-bg:#64748b38;--color-toast-success-bg:#14532d;--color-toast-success-text:#bbf7d0;--color-toast-danger-bg:#450a0a;--color-toast-danger-text:#fecaca;--color-warning-bg:#422006;--color-warning-text:#fef08a;--color-warning-border:#ca8a04}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-gray-50:#0f0f0f;--color-gray-100:#161616;--color-gray-200:#1e293b;--color-gray-300:#2d3a4a;--color-gray-400:#475569;--color-gray-500:#64748b;--color-gray-600:#94a3b8;--color-gray-700:#cbd5e1;--color-gray-800:#e2e8f0;--color-gray-900:#f8fafc;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-on-primary:#fff;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-on-danger:#fff;--color-on-danger-hover:#fff;--color-success:#22c55e;--color-success-hover:#16a34a;--color-on-success:#fff;--color-on-success-hover:#fff;--color-whatsapp:#25d366;--color-whatsapp-hover:#1da951;--color-header-bg:#020617;--color-header-text:#f8fafc;--color-header-link:#94a3b8;--color-header-link-hover:#f8fafc;--color-header-muted:#64748b;--color-header-border:#334155;--color-header-hover-bg:#1e293b;--color-surface:#1e293b;--color-surface-bg:#0f172a;--color-page-bg:#0f172a;--row-hover-overlay:#ffffff0f;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-light:#cbd5e1;--color-border:#475569;--color-border-light:#334155;--color-border-muted:#475569;--color-badge-todo-bg:#422006;--color-badge-todo-text:#fef08a;--color-badge-done-bg:#14532d;--color-badge-done-text:#bbf7d0;--color-badge-cancelled-bg:#450a0a;--color-badge-cancelled-text:#fecaca;--color-badge-visit-returning-bg:#134e4a;--color-badge-visit-returning-text:#99f6e4;--color-badge-visit-walk-in-bg:#4c1d95;--color-badge-visit-walk-in-text:#ddd6fe;--color-row-bg-todo:#422006;--color-row-bg-done:#14532d;--color-row-bg-cancelled:#450a0a;--color-card-border-status-todo:#fcd34d;--color-card-border-status-done:#22c55e;--color-card-border-status-cancelled:#ef4444;--color-avatar-bg-1:#fca5a5;--color-avatar-bg-2:#fd9b6c;--color-avatar-bg-3:#fcd34d;--color-avatar-bg-4:#6ee7b7;--color-avatar-bg-5:#67e8f9;--color-avatar-bg-6:#a5b4fc;--color-avatar-bg-7:#d8b4fe;--color-avatar-bg-8:#f9a8d4;--color-avatar-bg-9:#fda4af;--color-avatar-bg-10:#fed7aa;--color-avatar-bg-11:#bef264;--color-avatar-bg-12:#5eead4;--color-on-avatar:#fff;--color-now-line:#ef4444;--color-now-label:#ef4444;--color-past-accent:#64748b;--color-past-accent-bg:#64748b38;--color-toast-success-bg:#14532d;--color-toast-success-text:#bbf7d0;--color-toast-danger-bg:#450a0a;--color-toast-danger-text:#fecaca;--color-warning-bg:#422006;--color-warning-text:#fef08a;--color-warning-border:#ca8a04}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:4px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 6px #00000014;--shadow-lg:0 4px 12px #0000001a;--shadow-xl:0 12px 32px -4px #00000029;--shadow-glow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--line-height-tight:1.25;--line-height-normal:1.5;--breakpoint-sm:360px;--breakpoint-md:768px;--breakpoint-lg:1024px}html,body{color:var(--color-text);background-color:var(--color-page-bg)}input,textarea,select{color:var(--color-text);background-color:var(--color-surface)}::placeholder{color:var(--color-text-muted);opacity:1}@media (width>=768px){.md-up{display:initial}}html,body{overflow-x:clip}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}.safe-area-top{padding-top:max(var(--safe-area-inset-top), 0px)}.safe-area-bottom{padding-bottom:max(var(--safe-area-inset-bottom), 0px)}.safe-area-x{padding-left:max(var(--safe-area-inset-left), 0px);padding-right:max(var(--safe-area-inset-right), 0px)}@media (width<=1023px){.hide-on-mobile{display:none!important}}@media (width>=1024px){.hide-on-desktop{display:none!important}}.appointment-form{gap:var(--space-8);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-row{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=600px){.field-row{grid-template-columns:1fr 1fr}}.appointment-form label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.appointment-form input,.appointment-form textarea,.appointment-form select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit}.appointment-form select{background-color:var(--color-surface)}.appointment-form input:focus,.appointment-form textarea:focus,.appointment-form select:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px}.appointment-form input[aria-invalid=true],.appointment-form textarea[aria-invalid=true],.appointment-form select[aria-invalid=true]{border-color:var(--color-danger)}.field-error{color:var(--color-danger);font-size:.8125rem}.vehicle-fields{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=600px){.vehicle-fields{grid-template-columns:1fr 1fr}}.appointment-form textarea{resize:vertical}.form-actions{gap:var(--space-3);padding-top:var(--space-2);flex-direction:column-reverse;display:flex}@media (width>=600px){.form-actions{flex-direction:row;justify-content:flex-end}}.form-actions .btn{justify-content:center;width:100%}@media (width>=600px){.form-actions .btn{width:auto}}.pill-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;min-height:var(--tap-target-min);font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pill-button:hover{background:var(--color-gray-100);color:var(--color-text);border-color:var(--color-gray-300);text-decoration:none}.pill-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px}.pill-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}