.dashboard-container{display:grid;grid-template-columns:260px 1fr;min-height:100vh;padding-top:70px}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:2rem 1.25rem;display:flex;flex-direction:column;gap:2rem}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;gap:.85rem;padding:.8rem 1.1rem;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);font-weight:500;transition:var(--transition-fast)}.sidebar-link:hover,.sidebar-link.active{background:#00f2fe1a;color:var(--accent-cyan);border-left:3px solid var(--accent-cyan)}.main-content{padding:2.5rem;background:var(--bg-primary);overflow-y:auto}.code-box{background:#04060a;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;font-family:var(--font-code);font-size:.9rem;color:var(--accent-cyan);max-height:350px;overflow-y:auto;white-space:pre-wrap}.dropzone{border:2px dashed rgba(0,242,254,.3);border-radius:var(--radius-lg);padding:3.5rem 2rem;text-align:center;background:#12182666;cursor:pointer;transition:var(--transition-normal);margin-bottom:2rem}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-cyan);background:#00f2fe0d}.dropzone-icon{font-size:3rem;color:var(--accent-cyan);margin-bottom:1rem}@media (max-width: 900px){.dashboard-container{grid-template-columns:1fr}.sidebar{display:none}}