:root{--bg-primary:#050505;--bg-secondary:#111;--bg-card:#1a1a1a;--text-primary:#e5e5e5;--text-secondary:#a1a1aa;--text-muted:#666;--accent-primary:#3b82f6;--accent-hover:#2563eb;--status-success:#10b981;--status-error:#ef4444;--status-warning:#f59e0b;--border-color:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.2)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-hover:#cbd5e1}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}button{cursor:pointer;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.layout-container{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:row;transition:background-color .3s ease}.sidebar{width:260px;border-right:1px solid var(--border-color);padding:2rem;flex-shrink:0;background:var(--bg-primary);z-index:50;transition:background-color .3s ease,border-color .3s ease}.sidebar,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{gap:.5rem;flex:1 1}.user-section{border-top:1px solid var(--border-color);padding-top:1rem}.main-content{flex:1 1;padding:2rem;overflow-y:auto}.grid-3-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem}.hamburger-btn{display:none;background:none;color:var(--text-primary);font-size:1.5rem}@media (max-width:768px){.layout-container,.sidebar{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem;align-items:stretch}.brand-section{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:0!important}.hamburger-btn{display:block}.sidebar-nav,.user-section{display:none;width:100%;margin-top:1rem}.sidebar.mobile-open .sidebar-nav,.sidebar.mobile-open .user-section{display:flex}.main-content{padding:1rem}.grid-3-col{grid-template-columns:1fr}}