.app-shell{background:#f5f7fb;min-height:100vh;font-family:Arial,sans-serif;position:relative}.app-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;height:100vh;transition:width .12s,min-width .12s;display:flex;overflow:hidden}.app-sidebar-collapsed{border-right:none}.app-sidebar-header{border-bottom:1px solid #e5e7eb;padding:16px}.app-profile{align-items:center;gap:12px;display:flex}.app-avatar{color:#374151;background:#d1d5db;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.app-user-name{color:#111827;margin-bottom:2px;font-size:13px;font-weight:700}.app-user-email{color:#6b7280;word-break:break-word;font-size:11px}.app-nav{flex-direction:column;gap:6px;padding:10px;display:flex}.app-sidebar-content{flex-direction:column;flex:1;min-height:0;display:flex}.app-nav-button{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:9px;width:100%;padding:10px 12px;font-size:13px;font-weight:600}.app-nav-button:hover{background:#f3f4f6}.app-nav-button-active{color:#111827;background:#e5e7eb}.app-sidebar-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:auto;padding:12px 14px;display:flex}.app-footer-icon-button{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.app-footer-icon-button:hover{color:#111827;background:#f3f4f6}.app-sidebar-resizer{cursor:col-resize;background:0 0;width:8px;min-width:8px;position:relative}.app-sidebar-resizer:hover{background:#1118270f}.app-sidebar-resizer:after{content:"";background:0 0;width:2px;position:absolute;top:0;bottom:0;left:3px}.app-sidebar-resizer:hover:after{background:#cbd5e1}.app-main{box-sizing:border-box;min-width:0;height:100vh;padding:12px 14px;overflow:hidden auto}.app-page-title{color:#111827;margin:0;font-size:26px;font-weight:700}.app-page-subtitle{color:#6b7280;margin-top:6px;font-size:13px}.app-mobile-menu-button,.app-mobile-sidebar-backdrop{display:none}@media (width<=760px){.app-shell{overflow-x:hidden}.app-mobile-menu-button{z-index:44;color:#111827;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:inline-flex;position:fixed;top:10px;left:10px;box-shadow:0 10px 24px #0f172a1f}.app-mobile-sidebar-backdrop{z-index:38;cursor:pointer;background:#0f172a61;border:0;display:block;position:fixed;inset:0}.app-sidebar-mobile{transition:transform .18s;transform:translate(-105%);box-shadow:16px 0 40px #0f172a33;z-index:45!important}.app-sidebar-mobile-open{transform:translate(0)}.app-main{height:auto;min-height:100vh;padding:10px;overflow-x:hidden}.app-page-title{padding-left:48px;font-size:22px;line-height:1.15}.app-page-subtitle{padding-left:48px}.app-nav-button{min-height:44px;font-size:14px}}html,body,#root{width:100%;min-height:100%;margin:0}body{margin:0}