:root{--primary:#4a8cff;--primary-dark:#3a7cdf;--secondary:#6c5ce7;--success:#00b894;--danger:#d63031;--warning:#f39c12;--bg-light:#f8f9ff;--card-bg:#fff;--text-main:#2d3436;--text-muted:#636e72;--sidebar-bg:#1e272e;--sidebar-hover:#2f3542;--glass:#ffffffb3;--glass-border:#ffffff4d;--shadow-sm:0 2px 10px #0000000d;--shadow-md:0 4px 20px #4a8cff1a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-light);color:var(--text-main);min-height:100vh;overflow-x:hidden}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4a8cff66}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}