:root{--primary:#0ea5e9;--primary-dark:#0284c7;--secondary:#38bdf8;--accent:#f0f9ff;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg-light:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--sidebar-bg:#0f172a;--sidebar-hover:#1e293b;--glass:#fffc;--glass-border:#fff6;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem}*{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}