:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #aaaaaa;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--font-family: "Inter", system-ui, sans-serif}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;min-height:100vh;background:#0a0a0f;color:#f8fafc;font-family:Inter,system-ui,sans-serif}.app-sidebar{width:280px;background:#111116;border-right:1px solid #222;display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease;z-index:100;overflow-y:auto}.app-main-content{flex:1;padding:3rem 4rem;overflow-y:auto;position:relative}.hamburger-btn{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:1rem;position:absolute;top:0;left:0;z-index:110}.overlay{display:none}@media(max-width:768px){.app-container{flex-direction:column}.hamburger-btn{display:block;position:fixed}.app-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);box-shadow:2px 0 10px #00000080}.app-sidebar.open{transform:translate(0)}.app-main-content{padding:4rem 1rem 1rem;width:100vw}.overlay.open{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:90}}.responsive-grid{display:grid;grid-template-columns:minmax(300px,1fr) 2fr;gap:2rem;margin-top:2rem}@media(max-width:1024px){.responsive-grid{grid-template-columns:1fr}}