@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");:root{--font-heading:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--bg-card:#ffffff;--bg-card-hover:#ffffff;--bg-input:#ffffff;--border-subtle:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#10b981;--border-glow:rgba(16,185,129,0.25);--accent-emerald:#059669;--accent-emerald-light:#10b981;--accent-emerald-glow:rgba(5,150,105,0.15);--accent-cyan:#0284c7;--accent-violet:#7c3aed;--accent-violet-glow:rgba(124,58,237,0.15);--accent-amber:#d97706;--accent-rose:#e11d48;--accent-blue:#2563eb;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#ffffff;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 20px -2px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.04);--shadow-hover:0 10px 30px -4px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.06);--shadow-glow:0 0 20px -3px var(--accent-emerald-glow);--shadow-modal:0 25px 50px -12px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);--transition-fast:0.16s cubic-bezier(0.16,1,0.3,1);--transition-normal:0.25s cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#ffffff,#f8fafc)}.main-content{flex:1 1;max-width:1200px;width:100%;margin:0 auto;padding:24px 20px 100px}@media (min-width:768px){.main-content{padding:32px 32px 64px}}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{border-color:var(--border-hover)}.glass-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--accent-emerald-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.92rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#059669,#047857);color:#ffffff;box-shadow:0 4px 12px rgba(5,150,105,.25)}.btn-primary:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 18px rgba(5,150,105,.35);transform:translateY(-1px)}.btn-secondary{background:#ffffff;color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 1px 3px rgba(0,0,0,.04)}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-ai{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#ffffff;box-shadow:0 4px 14px rgba(124,58,237,.25)}.btn-ai:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 18px rgba(124,58,237,.35);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:rgba(0,0,0,.04);color:var(--text-primary)}.btn-danger{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.btn-danger:hover{background:#ffe4e6}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-emerald{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-violet{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.badge-amber{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-rose{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.badge-neutral{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.input-field{width:100%;background:#ffffff;border:1px solid #cbd5e1;border-radius:var(--radius-md);padding:12px 16px;font-size:.95rem;font-family:var(--font-body);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:focus{border-color:var(--accent-emerald);box-shadow:0 0 0 3px rgba(16,185,129,.15)}.input-field::placeholder{color:#94a3b8}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.grid-4{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:640px){.grid-2,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .28s cubic-bezier(.16,1,.3,1) forwards}