.app-shell{display:flex;min-height:100vh}.app-sidebar{width:216px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e1e5e8}.app-main{flex:1;min-width:0;padding:20px;max-width:1100px}.app-topbar,.app-bottomnav{display:none}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:#54595f;text-decoration:none;font-size:14px;font-weight:500}.nav-item:hover{background:#f5f7f9}.nav-item.active{background:#e8f5fa;color:#0170b9;font-weight:600}@media(max-width:768px){.app-sidebar{display:none}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fff;border-bottom:1px solid #e1e5e8;position:sticky;top:0;z-index:20}.app-main{padding:16px 14px 84px}.app-bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e1e5e8;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.app-bottomnav .nav-item{flex:1;flex-direction:column;gap:3px;font-size:11px;padding:8px 4px;border-radius:0}.app-bottomnav .nav-item.active{background:transparent}}.tt{position:relative;display:inline-flex}@media(hover:hover){.tt:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#54595f;color:#fff;font-size:12px;line-height:1.3;padding:5px 9px;border-radius:6px;white-space:nowrap;z-index:50;pointer-events:none}.tt:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#54595f;z-index:50;pointer-events:none}}