:root{--bg-primary:#0f111a;--bg-secondary:#1a1d2d;--bg-glass:#1a1d2db3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--danger:#ef4444;--success:#10b981;--border-color:#ffffff14;--glass-border:#ffffff1a;--shadow-sm:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000040;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);background-attachment:fixed;font-family:Arial,Segoe UI,sans-serif}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);border-radius:0;flex-direction:column;gap:24px;width:200px;min-width:200px;padding:20px 16px;display:flex;overflow-y:auto}.main-area{flex:1;min-width:0;height:100vh;overflow:hidden auto}.mobile-menu-btn{z-index:1001;border:1px solid var(--border-color);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:1.25rem;display:none;position:fixed;top:10px;left:10px}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.mobile-menu-btn{display:flex}.app-container{overflow:hidden}.sidebar{z-index:1000;height:100vh;box-shadow:none;visibility:hidden;background:var(--bg-secondary);border-right:none;padding-top:56px;transition:transform .25s,visibility .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{visibility:visible;transform:translate(0);box-shadow:4px 0 24px #0006}.sidebar-overlay.sidebar-overlay-visible{display:block}.main-area{width:100vw;padding-top:48px}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:180px;min-width:180px;padding:16px 12px}}