*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f5f7;color:#1a1a1a}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#1c2434;color:#fff;flex-shrink:0;padding:16px 0;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;transition:transform .2s ease;z-index:20}.sidebar-brand{padding:0 20px 16px;font-size:18px;font-weight:700}.sidebar-nav a{display:block;padding:10px 20px;color:#c7ccd6;font-size:14px}.sidebar-nav a.active{background:#2d6cdf;color:#fff}.sidebar-nav a:hover{background:#26304a;color:#fff}.content-area{margin-left:240px;flex:1 1;min-width:0;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #e2e2e2;position:-webkit-sticky;position:sticky;top:0;z-index:10;gap:12px}.menu-toggle{display:none;background:none;border:1px solid #ccc;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:16px}@media (max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.content-area{margin-left:0}.menu-toggle{display:inline-block}}