@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary:#ff7043;--color-primary-light:#ffa270;--color-primary-dark:#c63f17;--color-primary-bg:#fff3ef;--color-secondary:#26a69a;--color-secondary-light:#64d8cb;--color-background:#f9fafb;--color-surface:#fff;--color-border:#e5e7eb;--color-text-main:#1f2937;--color-text-sub:#374151;--color-text-muted:#6b7280;--color-success:#10b981;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-error-bg:#fef2f2;--font-family-base:"Inter", system-ui, -apple-system, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:5rem;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out}.dark{--color-background:#111827;--color-surface:#1f2937;--color-border:#374151;--color-text-main:#f9fafb;--color-text-sub:#e5e7eb;--color-text-muted:#9ca3af;--color-primary-bg:#3d1a10}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);font-weight:700;line-height:1.25}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.btn{border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #ff704352}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #ff704361}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-bg)}.btn-ghost{color:var(--color-text-muted);background:0 0;border:none}.btn-ghost:hover{background:var(--color-border);color:var(--color-text-main)}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.btn-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-primary-bg);color:var(--color-primary);border-color:#0000}.btn-lg{border-radius:12px;padding:.85rem 1.75rem;font-size:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.container{width:100%;max-width:1100px;padding:0 var(--spacing-lg);margin:0 auto}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-xs);color:var(--color-text-sub);font-size:.875rem;font-weight:500;display:block}.form-control{border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);width:100%;color:var(--color-text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.6rem .9rem;font-family:inherit;font-size:.95rem}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.badge{border-radius:var(--border-radius-full);padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-green{color:#065f46;background:#d1fae5}.badge-yellow{color:#92400e;background:#fef9c3}.badge-red{color:#991b1b;background:#fee2e2}.badge-gray{color:#475569;background:#f1f5f9}.glass-panel{-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);background:#ffffffbf;border:1px solid #fff6}.dark .glass-panel{background:#1e293bbf;border-color:#ffffff1a}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap-sm{align-items:center;gap:var(--spacing-sm);display:flex}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-xl)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.navbar{z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);height:60px;position:sticky;top:0}.navbar .container{height:100%}.nav-link{color:var(--color-text-muted);border-radius:var(--border-radius-md);white-space:nowrap;padding:.4rem .75rem;font-size:.9rem;font-weight:500}.nav-link .short-text{display:none}@media (width<=850px){.nav-link .full-text{display:none}.nav-link .short-text{display:inline}}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-bg)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-bg);font-weight:600}.status-still_needed{color:#c63f17;background:#fff3ef}.status-on_hold{color:#92400e;background:#fef9c3}.status-confirmed{color:#065f46;background:#d1fae5}.status-completed{color:#6b7280;background:#f3f4f6}.status-available{color:#065f46;background:#d1fae5}.pet-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:box-shadow .2s,transform .2s}.pet-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}@keyframes slideInToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-bg{background:linear-gradient(135deg,#fff3ef 0%,#f9fafb 50%,#fff3ef 100%)}.dark .hero-bg{background:linear-gradient(135deg,#1a0f0a 0%,#0f172a 50%,#1a0f0a 100%)}.benefits-bg{background:#fff3ef}.dark .benefits-bg{background:#1e1410}.disclaimer-box{background:var(--color-error-bg);border-radius:var(--border-radius-lg);border:1px solid #fecaca;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.dark .disclaimer-box{background:#2d1515;border-color:#7f1d1d}