:root{--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-primary-glow:#6366f166;--color-secondary:#10b981;--color-secondary-glow:#10b98166;--color-danger:#ef4444;--color-warning:#f59e0b;--color-accent:#8b5cf6;--bg-primary:#0a0a0f;--bg-secondary:#0f0f19cc;--bg-tertiary:#1e1e3299;--bg-card:#141423b3;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-bg-active:#ffffff14;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-blur:blur(20px);--glass-blur-strong:blur(40px);--text-primary:#f8fafc;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#ffffff0f;--border-radius:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--sidebar-width:280px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 40px var(--color-primary-glow);--shadow-glow-sm:0 0 20px var(--color-primary-glow);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-bounce:.5s cubic-bezier(.34,1.56,.64,1);--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);--gradient-glow:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%);--gradient-mesh:radial-gradient(at 40% 20%,#6366f126 0px,transparent 50%),radial-gradient(at 80% 0%,#8b5cf61a 0px,transparent 50%),radial-gradient(at 0% 50%,#6366f11a 0px,transparent 50%),radial-gradient(at 80% 50%,#a855f714 0px,transparent 50%),radial-gradient(at 0% 100%,#6366f11a 0px,transparent 50%)}
*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);background-image:var(--gradient-mesh);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}body:before,body:after{content:"";filter:blur(100px);opacity:.5;pointer-events:none;z-index:-1;border-radius:50%;animation:20s ease-in-out infinite float;position:fixed}body:before{background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:600px;height:600px;top:-200px;right:-200px}body:after{background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);width:500px;height:500px;animation-delay:-10s;bottom:-150px;left:-150px}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}a{color:var(--color-primary-hover);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary)}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--border-radius);transition:all var(--transition-normal);border:none;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--glass-border)}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-md)}.input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-primary);transition:all var(--transition-fast)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}.input::placeholder{color:var(--text-muted)}.spinner{border:2px solid var(--glass-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;gap:var(--spacing-sm);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);animation:slideIn .4s var(--transition-bounce)}.toast-error{background:#ef44441a;border-color:#ef444480}.toast-success{background:#10b9811a;border-color:#10b98180}@keyframes slideIn{0%{opacity:0;transform:translate(100%)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--glass-border-hover)}::selection{background:var(--color-primary);color:#fff}@media (max-width:768px){:root{--sidebar-width:100%}body:before,body:after{display:none}}