@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0a0a0c;--bg-panel:#141416;--accent-blue:#2563eb;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff0d}body,html{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4,p{margin:0}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;box-shadow:0 4px 30px #00000080}.title{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.875rem}button{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:500;transition:all .2s}button:hover{background:#3b82f6;transform:translateY(-1px)}.app-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border-color);flex-direction:column;gap:12px;width:250px;padding:24px;display:flex}.sidebar h2{color:#fff;letter-spacing:1px;margin-bottom:20px;font-size:1.25rem}.sidebar button{color:var(--text-muted);text-align:left;background:0 0;border:1px solid #0000;padding:12px}.sidebar button:hover{color:#fff;background:#ffffff0d;transform:none}.sidebar button.active{color:var(--accent-blue);background:#2563eb1a;border-color:#2563eb4d}.main-content{flex:1;padding:40px}