:root{--bg: #f7f8fc;--surface: #ffffff;--muted: #6b7280;--primary: #2e9fdf;--accent: #7c3aed;--text: #213547;--radius: 10px;--sidebar-width: 260px;--topbar-height: 72px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}html,body,#root{height:100%;max-width:100vw;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{max-width:100%}.MuiBox-root,.MuiPaper-root,.MuiContainer-root{box-sizing:border-box}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1 1 auto;margin-left:0;margin-top:0;overflow:auto;padding:20px;background:transparent}.with-sidebar{margin-left:var(--sidebar-width)}.with-topbar{margin-top:var(--topbar-height)}.container{max-width:1200px;margin:0 auto}.card{background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 24px #1018280f;padding:16px}@media (max-width: 900px){:root{--sidebar-width: 0px}.with-sidebar{margin-left:0}}button:focus,a:focus{outline:3px solid rgba(99,102,241,.18);outline-offset:2px}