@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@700;800&display=swap";
:root{--brand-500:#ea580c;--brand-600:#c2410c;--brand-400:#f97316;--brand-accent:#ffedd5;--bg-base:#f8f9fa;--bg-surface:#f1f3f5;--bg-card:#fff;--bg-hover:#f1f3f5;--border:#e5e7eb;--border-hover:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--success:#16a34a;--danger:#dc2626;--warning:#ca8a04;--cat-used:#f59e0b;--cat-new:#10b981;--cat-lost:#ef4444;--cat-found:#3b82f6;--cat-need:#8b5cf6;--cat-donation:#ec4899;--cat-recommend:#22c55e;--cat-prof:#6366f1;--cat-business:#f97316;--cat-help:#dc2626;--cat-default:#6b7280;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-card:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000006;--shadow-glow:0 10px 15px -3px #ea580c26;--transition:.2s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius-xl);transition:all var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--brand-500);color:#fff;border:1px solid var(--brand-500)}.btn-primary:hover{background:var(--brand-600);border-color:var(--brand-600)}.btn-ghost{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-lg{padding:16px 32px;font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition), box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-glow)}.badge{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-brand{color:var(--brand-500);background:var(--brand-accent);border-color:#0000}.badge-success{color:var(--success);background:#dcfce7;border-color:#0000}.input{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:box-shadow var(--transition), border-color var(--transition);border-radius:6px;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}.input:focus{border-color:var(--brand-400);background:var(--bg-card);box-shadow:0 0 0 2px var(--brand-accent)}.input::placeholder{color:var(--text-muted)}.section-title{color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:800}.text-brand{color:var(--brand-500)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.4s infinite shimmer}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s both fadeUp}.alert{border-radius:var(--radius-md);padding:12px 16px;font-size:.875rem;font-weight:500}.alert-error{color:var(--danger);background:#fee2e2;border:1px solid #fecaca}.alert-success{color:var(--success);background:#dcfce7;border:1px solid #bbf7d0}