body{color:#0f172a;background:#f8fafc;margin:0;font-family:Arial,sans-serif;overflow-x:hidden}.app-layout{width:100vw;min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f172a;flex-shrink:0;width:280px;padding:24px}.sidebar h2{color:#fff;margin-top:0;margin-bottom:24px;font-size:24px}.sidebar a{color:#e5e7eb;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;font-size:16px;text-decoration:none;display:flex}.sidebar a:hover,.sidebar a.active{color:#fff;background:#1e293b}.sidebar svg{flex-shrink:0;width:18px;height:18px}.main-content{flex-direction:column;flex:1;width:calc(100vw - 280px);min-width:0;display:flex}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}main{box-sizing:border-box;flex:1;width:100%;padding:32px}h1{font-size:40px}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}*,:before,:after{box-sizing:border-box}body{color:#0f172a;background:#f8fafc;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#root{display:flex}