:root{--bg-dark:#0f172a;--bg-panel:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--danger:#ef4444;--border-color:#ffffff1a;--glass-blur:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15%,#3b82f626,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,sans-serif}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:12px}.btn-primary{background:var(--accent);color:#fff;border-radius:8px;padding:10px 20px;font-weight:500}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.input-field{border:1px solid var(--border-color);color:#fff;background:#0f172a99;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);flex-direction:column;width:320px;display:flex}.main-content{flex-direction:column;flex:1;display:flex;position:relative}.top-nav{border-bottom:1px solid var(--border-color);gap:16px;padding:16px;display:flex}.nav-link{color:var(--text-muted);border-radius:6px;padding:8px 16px;font-weight:500;text-decoration:none}.nav-link.active{color:#fff;background:#ffffff1a}