@import "https://fonts.cdnfonts.com/css/aileron";
:root{--primary:#65839a;--primary-hover:#678dae;--secondary:#2d3943;--success:#31782c;--danger:#cb5656;--warning:#ffb156;--background:#020507;--surface:#0b1114;--surface-hover:#121a1f;--header-bg:#070a0d;--header-icon-bg:#111a1f;--border:#ffffff0d;--text-main:#f8fafc;--text-muted:#3a3d40;--text-dim:#64748b;--highlight-light:#678dae;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px -1px #0009;--shadow-lg:0 10px 15px -3px #000000b3;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--glass-bg:#111a1fcc;--glass-border:#ffffff0d;--sidebar-width:280px;--header-height:70px}[data-theme=light]{--background:#f1f5f9;--surface:#fff;--surface-hover:#f8fafc;--header-bg:#fff;--header-icon-bg:#f1f5f9;--border:#0000000d;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--glass-bg:#fffc;--glass-border:#0000000d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Aileron,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000004d}.gradient-text{background:linear-gradient(135deg,#65839a,#2d3943);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:scale(1.02);box-shadow:0 0 20px #3b82f666}