*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:#f7f8fa;color:#111827;-webkit-font-smoothing:antialiased}.layout{display:flex;min-height:100vh}.sidebar{width:224px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.main-content{flex:1;background:#f7f8fa;overflow:auto;min-width:0}.mobile-header,.sidebar-overlay{display:none}.page-container{padding:36px 40px;max-width:1200px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 14px;margin:1px 8px;border-radius:7px;color:#6b7280;text-decoration:none;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;cursor:pointer}.nav-item:hover{background:#f3f4f6;color:#111827}.nav-item.active{background:#f0effe;color:#6c63ff}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:200;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:199}.sidebar-overlay.open{display:block}.mobile-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;flex-shrink:0}.main-content{display:flex;flex-direction:column}.page-container{padding:20px 16px}}