@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-main:#f8fafc;--bg-card:#ffffffd9;--bg-card-hover:#f1f5f9e6;--border-color:#0f172a26;--primary:#0284c7;--primary-hover:#0369a1;--accent:#6366f1;--emerald:#10b981;--rose:#f43f5e;--amber:#f59e0b;--text-main:#0f172a;--text-muted:#475569;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-lg:16px;--radius-md:12px;--shadow-glow:0 0 25px #38bdf826}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-main);background:radial-gradient(circle at 10% 10%,#f1f5f9 0%,#e2e8f0 100%);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform .2s,border-color .2s;box-shadow:0 10px 30px #00000040}.glass-panel:hover{border-color:#38bdf84d}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#6366f1 100%);box-shadow:0 4px 15px #38bdf84d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf873}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:#e2e8f099}.btn-secondary:hover{background:#cbd5e1cc}.badge{letter-spacing:.02em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-emerald{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.badge-amber{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.badge-rose{color:#fb7185;background:#fb718526;border:1px solid #fb71854d}.badge-indigo{color:#818cf8;background:#818cf826;border:1px solid #818cf84d}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#fff9;outline:none;padding:12px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 12px #38bdf840}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;background:#0f172a4d;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}