@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root{--bg-color:#f8fafc;--surface-color:#fff;--surface-lighter:#f1f5f9;--surface-hover:#e2e8f0;--primary-color:#0ea5e9;--primary-deep:#0284c7;--primary-glow:#0ea5e926;--accent-color:#4f46e5;--accent-glow:#4f46e51a;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--border-color:#00000014;--border-focus:#0284c74d;--glass-bg:#fffc;--glass-border:#0000000d;--sidebar-active:#0284c70d;--input-focus-bg:#fff;--header-overlay:#00000005}[data-theme=dark]{--bg-color:#020617;--surface-color:#0f172a;--surface-lighter:#1e293b;--surface-hover:#1e293b;--primary-color:#0ea5e9;--primary-deep:#0369a1;--primary-glow:#0ea5e91a;--accent-color:#6366f1;--accent-glow:#6366f133;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--border-color:#ffffff0f;--border-focus:#38bdf866;--glass-bg:#0f172acc;--glass-border:#ffffff14;--sidebar-active:#38bdf814;--input-focus-bg:#162033;--header-overlay:#ffffff08}:root{--font-sans:"Plus Jakarta Sans",system-ui,sans-serif;--font-heading:"Outfit",sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;overflow:hidden}body{display:flex}button{cursor:pointer;background:0 0;border:none;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.98)}textarea{font-family:var(--font-sans)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.dot{animation:1.5s ease-in-out infinite pulse}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-lighter);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.modalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#020617b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}[data-theme=light] .modalOverlay{background:#94a3b84d}.modalContent{background:var(--surface-color);border:1px solid var(--border-color);width:90%;max-width:440px;box-shadow:var(--shadow-xl),0 0 0 1px var(--border-color);border-radius:24px;padding:2.5rem}.modalTitle{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.modalText{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.inputField{background:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;transition:all .2s;box-shadow:inset 0 2px 4px #0000000d}.inputField:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.primaryBtn{background:linear-gradient(135deg,var(--primary-color),var(--primary-deep));color:#fff;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:700}[data-theme=light] .primaryBtn{color:#fff}[data-theme=dark] .primaryBtn{color:#000}.primaryBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}