*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f5f7fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-layout{color:#1f2937;background:#f5f7fa;min-height:100vh;display:flex}.app-sidebar{z-index:1000;color:#fff;-webkit-overflow-scrolling:touch;background:#111827;flex-direction:column;width:290px;height:100vh;min-height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:8px 0 28px #0000002e}.app-sidebar.drawer-open{transform:translate(0)}.app-brand{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;min-height:76px;padding:16px 18px;display:flex}.app-brand-mark{color:#111827;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid}.app-brand-info{flex:1;min-width:0}.app-brand h1{margin:0;font-size:17px;font-weight:700}.app-brand span{color:#9ca3af;margin-top:3px;font-size:11px;display:block}.app-drawer-close,.app-menu-button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;place-items:center;display:grid}.app-drawer-close{color:#fff;background:#ffffff14;border-radius:10px;flex-shrink:0;width:44px;height:44px}.app-drawer-close:hover{background:#ffffff24}.app-navigation{flex-direction:column;flex:1;gap:6px;padding:18px 12px;display:flex}.app-nav-link{color:#d1d5db;-webkit-tap-highlight-color:transparent;border-radius:9px;align-items:center;gap:13px;min-height:50px;padding:0 15px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.app-nav-link:hover{color:#fff;background:#ffffff12}.app-nav-link.active{color:#111827;background:#fff;font-weight:600}.app-sidebar-footer{color:#6b7280;text-align:center;border-top:1px solid #ffffff14;flex-shrink:0;padding:16px;font-size:11px}.app-drawer-overlay{z-index:999;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000006b;border:0;width:100%;height:100%;margin:0;padding:0;position:fixed;inset:0}.app-main{flex-direction:column;width:100%;min-width:0;min-height:100vh;display:flex}.app-header{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:16px;min-height:76px;padding:0 24px;display:flex;position:sticky;top:0}.app-menu-button{color:#111827;background:#f3f4f6;border-radius:10px;flex-shrink:0;width:48px;height:48px}.app-menu-button:hover{background:#e5e7eb}.app-header h2{color:#111827;margin:0;font-size:20px;font-weight:700}.app-header span{color:#6b7280;margin-top:3px;font-size:12px;display:block}.app-content{flex:1;width:100%;min-width:0;padding:28px}@media (width<=900px){.app-sidebar{width:min(340px,86vw)}.app-header{min-height:72px;padding:0 20px}.app-menu-button{width:52px;height:52px}.app-content{padding:22px}.app-nav-link{min-height:54px;font-size:16px}}@media (width<=640px){.app-header{gap:12px;min-height:64px;padding:0 14px}.app-menu-button{width:48px;height:48px}.app-header h2{font-size:18px}.app-content{padding:16px}.app-sidebar{width:min(320px,88vw)}}@media (prefers-reduced-motion:reduce){.app-sidebar{transition:none}}