:root{--primary:#0ea5e9;--primary-hover:#0284c7;--bg-start:#f8fafc;--bg-end:#e2e8f0;--card-bg:#fffffff2;--card-border:#fffc;--text-main:#0f172a;--text-muted:#64748b;--glass-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);border-radius:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff3}::-webkit-scrollbar-thumb{background:#2563eb80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563ebcc}.app-layout{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=768px){.app-layout{grid-template-columns:minmax(280px,300px) 1fr}}