:root{--bg-main: #020617;--bg-sidebar: #0f172a;--bg-card: rgba(30, 41, 59, .4);--accent-primary: #6366f1;--accent-secondary: #ec4899;--accent-glow: rgba(99, 102, 241, .15);--text-main: #f8fafc;--text-dim: #94a3b8;--border-subtle: rgba(255, 255, 255, .05);--border-active: rgba(99, 102, 241, .3);--shadow-elite: 0 0 50px -12px rgba(0, 0, 0, .5);--sidebar-width: 280px;--list-width: 380px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow:hidden;height:100vh;width:100vw}.mesh-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#0f172a,#020617);filter:blur(80px)}.mesh-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:move-blobs 20s infinite alternate}@keyframes move-blobs{0%{transform:translate(0)}to{transform:translate(10vw,10vh)}}.app-layout{display:flex;height:100vh;width:100vw;background:#02061780;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-subtle);background:var(--bg-sidebar);display:flex;flex-direction:column;padding:32px 20px}.main-list{width:var(--list-width);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;background:#0f172a33}.content-area{flex:1;display:flex;flex-direction:column;background:#02061733}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:16px}.gradient-heading{background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.btn-elite{padding:10px 20px;border-radius:10px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent}.btn-elite-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 15px -4px var(--accent-primary)}.btn-elite-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px -4px var(--accent-primary);filter:brightness(1.1)}.btn-elite-secondary{background:#ffffff08;color:var(--text-main);border:1px solid var(--border-subtle)}.btn-elite-secondary:hover{background:#ffffff14;border-color:var(--text-dim)}.fade-up{animation:fadeUp .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff1a}