@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap");:root{--bg-primary:#fafbfc;--bg-secondary:#fff;--bg-tertiary:#f3f4f6;--bg-glass:hsla(0,0%,100%,.72);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-focus:#3b82f6;--brand-color:#3b82f6;--brand-hover:#2563eb;--brand-light:#eff6ff;--brand-gradient:linear-gradient(135deg,#3b82f6,#06b6d4);--success-color:#10b981;--success-light:#ecfdf5;--warning-color:#f59e0b;--warning-light:#fffbeb;--error-color:#ef4444;--error-light:#fef2f2;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.03);--shadow-brand:0 4px 14px rgba(59,130,246,.25)}*{box-sizing:border-box;padding:0;margin:0}body,html{background-color:var(--bg-primary);color:var(--text-primary);font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}70%{box-shadow:0 0 0 8px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.fade-in{animation:fadeIn .4s ease-out}.slide-up{animation:slideUp .5s ease-out}.spin{animation:spin 1s linear infinite}.skeleton{animation:shimmer 2s linear infinite;background:linear-gradient(to right,var(--bg-tertiary) 4%,#e5e7eb 25%,var(--bg-tertiary) 36%);background-size:1000px 100%;border-radius:var(--radius-sm)}