.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:var(--tab-height)}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:var(--tab-height);background:#fff;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:900;padding-bottom:env(safe-area-inset-bottom,0px)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:var(--text-muted);text-decoration:none;font-size:11px;font-weight:600;transition:color .2s;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--primary)}.tab-item:hover{color:var(--primary-light)}@media(min-width:768px){.app-shell{flex-direction:row-reverse}.app-main{flex:1;padding-bottom:0}.tab-bar{position:static;width:80px;height:auto;flex-direction:column;justify-content:flex-start;gap:4px;padding-top:20px;border-top:none;border-left:1px solid var(--border);border-right:none}.tab-item{width:100%;padding:12px 8px;border-radius:var(--radius-sm)}.tab-item.active{background:var(--primary-10)}}