*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--bg2:#111;--bg3:#1a1a1a;--bg4:#222;--border:#ffffff0f;--border2:#ffffff1a;--green:#00d084;--green2:#00a86b;--red:#ff4d6d;--yellow:#ffd60a;--blue:#4cc9f0;--purple:#7b2fff;--gray:#555;--gray2:#888;--text:#f0f0f0;--text2:#888;--text3:#555;--glass:#ffffff08;--glass2:#ffffff0f;--shadow:0 8px 32px #0006;--shadow2:0 2px 8px #0000004d;--radius:16px;--radius2:12px;--radius3:8px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow-x:hidden}input,select,textarea{background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius3);outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #00d0841a}input::placeholder{color:var(--text3)}button{cursor:pointer;border-radius:var(--radius3);border:none;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}button:active{transform:scale(.97)}a{color:var(--green);text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.3s forwards fadeIn}.slide-in{animation:.3s forwards slideIn}.slide-up{animation:.3s forwards slideUp}.skeleton{background:linear-gradient(90deg, var(--bg3) 25%, var(--bg4) 50%, var(--bg3) 75%);border-radius:var(--radius3);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--border2)}.btn-primary{background:var(--green);color:#000;border-radius:var(--radius3);padding:12px 20px;font-weight:600}.btn-primary:hover{background:var(--green2)}.btn-ghost{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover{background:var(--bg4)}.toast{background:var(--bg3);border:1px solid var(--border2);z-index:9999;white-space:nowrap;box-shadow:var(--shadow);border-radius:100px;padding:10px 20px;font-size:13px;font-weight:500;transition:transform .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{transform:translate(-50%)translateY(0)}.toast.success{border-color:var(--green);color:var(--green)}.toast.error{border-color:var(--red);color:var(--red)}.mobile-toggle-btn{z-index:1001;cursor:pointer;background:#090d16;border:1px solid #1e293b;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:none;position:fixed;top:12px;left:12px}.mobile-close-btn{cursor:pointer;background:#ffffff14;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-backdrop{z-index:998;-webkit-backdrop-filter:blur(3px);background:#000000bf;display:none;position:fixed;inset:0}.mobile-backdrop.active{display:block}.sidebar-drawer{z-index:999;background:#090d16;border-right:1px solid #1e293b;width:75vw;max-width:300px;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.desktop-sidebar{display:flex}@media (width<=768px){.mobile-toggle-btn{display:flex}.desktop-sidebar{display:none!important}main,.main-content{padding-top:64px!important}}@media (width>=769px){.mobile-toggle-btn,.mobile-backdrop{display:none!important}.sidebar-drawer{flex-shrink:0!important;width:240px!important;max-width:240px!important;height:100vh!important;position:sticky!important;top:0!important;transform:none!important}}