.shell-container{background-color:var(--md-sys-color-background);min-height:100vh;color:var(--md-sys-color-on-surface);flex-direction:column;transition:background-color .2s,color .2s;display:flex}.shell-offline-banner{background-color:var(--color-warning);color:#fff;text-align:center;z-index:1020;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.shell-frame{flex:1;width:100%;display:flex}.shell-sidebar{background-color:var(--color-card-bg);border-right:1px solid var(--md-sys-color-outline);flex-direction:column;gap:20px;width:260px;padding:24px 16px;display:none}.shell-header{border-bottom:1px solid var(--md-sys-color-outline);background-color:var(--md-sys-color-surface);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.shell-brand{color:var(--md-sys-color-primary);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.shell-header-actions{align-items:center;gap:16px;display:flex}.shell-bottom-nav{border-top:1px solid var(--md-sys-color-outline);background-color:var(--md-sys-color-surface);height:56px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:1000;display:flex;position:fixed;bottom:0;left:0;right:0}.shell-bottom-nav-item{color:var(--md-sys-color-on-surface-var);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.shell-bottom-nav-item-active{color:var(--md-sys-color-primary)}.shell-content{flex-direction:column;flex:1;margin-bottom:56px;padding:24px;display:flex}.shell-sidebar-nav{flex-direction:column;gap:8px;display:flex}.shell-sidebar-item{color:var(--md-sys-color-on-surface);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-weight:500;transition:background-color .15s;display:flex}.shell-sidebar-item:hover{background-color:var(--color-divider)}.shell-sidebar-item-active{background-color:var(--md-sys-color-primary);color:#fff}.shell-sidebar-item-active:hover{background-color:var(--md-sys-color-primary-hover)}.shell-footer{border-top:1px solid var(--md-sys-color-outline);height:48px;color:var(--md-sys-color-on-surface-var);background-color:var(--md-sys-color-surface);justify-content:center;align-items:center;font-size:12px;display:none}@media (min-width:768px){.shell-content{margin-bottom:0}.shell-bottom-nav{display:none}}@media (min-width:1024px){.shell-sidebar,.shell-footer{display:flex}}