body{margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#f8fafc}.app-shell{min-height:100vh;display:flex;background:#f5f6f8;color:#111}.sidebar{width:240px;min-height:100vh;background:#fff;border-right:1px solid #e5e7eb;padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start}.sidebar-logo{gap:12px;padding:8px 8px 22px;border-bottom:1px solid #eee;margin-bottom:18px}.logo-mark,.sidebar-logo{display:flex;align-items:center}.logo-mark{width:36px;height:36px;border-radius:12px;background:#111;color:#fff;justify-content:center;font-weight:700}.logo-title{font-size:14px;font-weight:700;color:#111}.logo-subtitle{font-size:12px;color:#777;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-link{text-decoration:none;color:#333;font-size:14px;font-weight:500;padding:11px 12px;border-radius:12px;transition:all .18s ease}.sidebar-link:hover{background:#f2f3f5;color:#111}.sidebar-link.active{background:#111;color:#fff}.main-content{flex:1 1;min-width:0}.appShell{min-height:100vh;display:flex;background:#f5f6f8}.sideNav{width:240px;min-height:100vh;background:#fff;border-right:1px solid #e5e7eb;padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;flex-shrink:0;z-index:20}.sideHeader{gap:12px;padding:8px 8px 22px;border-bottom:1px solid #eee;margin-bottom:18px}.sideHeader,.sideLogo{display:flex;align-items:center}.sideLogo{width:36px;height:36px;border-radius:12px;background:#111;color:#fff;justify-content:center;font-weight:700}.sideTitle{font-size:14px;font-weight:700;color:#111}.sideSub{font-size:12px;color:#777;margin-top:2px}.sideLinks{display:flex;flex-direction:column;gap:6px}.sideLink{text-decoration:none;color:#333;font-size:14px;font-weight:500;padding:11px 12px;border-radius:12px;transition:all .18s ease}.sideLink:hover{background:#f2f3f5;color:#111}.sideLink.active{background:#111;color:#fff}.pageArea{flex:1 1;min-width:0}