:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-color: #0f172a;--surface: #1e293b;--surface-border: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #10b981}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background-color:var(--surface);border-right:1px solid var(--surface-border);display:flex;flex-direction:column;padding:1.5rem 1rem}.sidebar-logo{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:2rem;padding-left:.5rem}.nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-muted);text-decoration:none;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s;gap:.75rem}.nav-link:hover,.nav-link.active{background-color:#6366f11a;color:var(--primary)}.main-content{flex:1;overflow-y:auto;padding:2rem;background:radial-gradient(circle at top right,#1e1b4b 0%,var(--bg-color) 40%)}.card{background-color:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.btn{background-color:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{background-color:var(--primary-hover)}.input{width:100%;padding:.75rem 1rem;background-color:var(--bg-color);border:1px solid var(--surface-border);color:var(--text-main);border-radius:.5rem;font-family:inherit;margin-bottom:1rem}.input:focus{outline:none;border-color:var(--primary)}h1,h2,h3{margin-top:0}