:root{--shell-bg: #1a3a4a;--content-bg: #faf9f7;--nav-bg: #ffffff;--nav-active-bg: #e8f4f8;--nav-icon-bg: #1a3a4a;--header-bg: #ffffff;--border-color: #e5e7eb;--text-color: #1f2937;--text-muted: #6b7280;--text-secondary: #9ca3af;--nav-active-icon-bg: #1a3a4a;--nav-hover-bg: rgba(0, 0, 0, .04);--collapse-btn-bg: #ffffff;--shell-gutter: 16px;--nav-width-collapsed: 80px;--nav-width-expanded: 256px;--header-height: 64px;--nav-item-height: 44px;--nav-icon-size: 40px;--nav-border-radius: 12px;--content-border-radius: 12px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease-in-out}.lvl-shell{height:100vh;background:var(--shell-bg);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:var(--shell-gutter);padding:var(--shell-gutter);overflow:hidden}.lvl-shell:not(.collapsed){grid-template-columns:1fr;grid-template-rows:auto 1fr}.lvl-shell.collapsed{grid-template-columns:var(--nav-width-collapsed) 1fr;grid-template-rows:auto 1fr}.lvl-shell-header{height:var(--header-height);background:var(--header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;position:relative;z-index:100;border-radius:var(--content-border-radius);transition:all var(--transition-slow)}.lvl-shell:not(.collapsed) .lvl-shell-header{grid-column:1;grid-row:1}.lvl-shell.collapsed .lvl-shell-header{grid-column:1;grid-row:1;justify-content:center;padding:0 12px;border-radius:var(--nav-border-radius)}.lvl-shell-header-app-identity{display:flex;align-items:center;gap:12px;min-width:0;transition:width var(--transition-slow)}.lvl-shell.collapsed .lvl-shell-header .lvl-shell-header-app-identity{width:100%;justify-content:center;gap:8px}.lvl-shell.collapsed .lvl-shell-header .lvl-shell-header-app-info{display:none}.lvl-shell.collapsed .lvl-shell-header .lvl-shell-header-btn:not(.lvl-shell-mobile-menu-btn),.lvl-shell.collapsed .lvl-shell-header .lvl-shell-flex-1,.lvl-shell.collapsed .lvl-shell-header>.lvl-shell-relative{display:none}.lvl-shell-header-app-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;transition:width var(--transition-fast),height var(--transition-fast)}.lvl-shell.collapsed .lvl-shell-header .lvl-shell-header-app-icon{width:36px;height:36px;border-radius:8px}.lvl-shell-header-app-icon img{width:100%;height:100%;object-fit:contain}.lvl-shell-header-app-icon-fallback{font-size:20px;font-weight:600;color:var(--nav-icon-bg)}.lvl-shell.collapsed .lvl-shell-header .lvl-shell-header-app-icon-fallback{font-size:18px}.lvl-shell-header-app-info{display:flex;flex-direction:column;min-width:0}.lvl-shell-header-app-name{font-size:16px;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.lvl-shell-header-app-subtitle{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.lvl-shell-header-collapse-btn{position:absolute;left:calc(var(--nav-width-expanded) + var(--shell-gutter) - 12px);top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--shell-bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:left var(--transition-slow),transform var(--transition-fast),opacity var(--transition-fast);flex-shrink:0;z-index:10}.lvl-shell-header-collapse-btn:hover{opacity:.85}.lvl-shell.collapsed .lvl-shell-header .lvl-shell-header-collapse-btn{position:absolute;left:auto;right:-14px;top:50%;transform:translateY(-50%) rotate(180deg);z-index:10}.lvl-shell-header-btn{width:40px;height:40px;border-radius:10px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:background var(--transition-fast);position:relative}.lvl-shell-header-btn:hover{background:#0000000a}.lvl-shell-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.lvl-shell-header-btn.lvl-shell-workspace-avatar{background:transparent;border-radius:50%;overflow:hidden;padding:0}.lvl-shell-header-btn.lvl-shell-workspace-avatar:hover{background:transparent;opacity:.85}.lvl-shell-avatar-img{width:100%;height:100%;object-fit:cover}.lvl-shell-header-btn.lvl-shell-workspace-avatar .lvl-shell-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;background:var(--text-secondary);border-radius:50%}.lvl-shell-mobile-menu-btn{margin-right:8px}.lvl-shell-body{display:flex;gap:var(--shell-gutter);min-height:0;overflow:hidden}.lvl-shell:not(.collapsed) .lvl-shell-body{grid-column:1;grid-row:2}.lvl-shell.collapsed .lvl-shell-body{display:contents}.lvl-shell.collapsed .lvl-shell-nav{grid-column:1;grid-row:2}.lvl-shell.collapsed .lvl-shell-main{grid-column:2;grid-row:1 / -1}.lvl-shell-nav{width:var(--nav-width-expanded);height:100%;background:var(--nav-bg);border-radius:var(--nav-border-radius);display:flex;flex-direction:column;transition:width var(--transition-slow);overflow:hidden;flex-shrink:0}.lvl-shell-nav.collapsed{width:var(--nav-width-collapsed)}.lvl-shell-nav-menu{flex:1;overflow-y:auto;padding:12px 8px 8px}.lvl-shell-nav-loading{padding:16px}.lvl-shell-nav-skeleton{height:44px;margin-bottom:4px;border-radius:10px;background:#f3f4f6;animation:lvl-shell-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes lvl-shell-pulse{0%,to{opacity:1}50%{opacity:.5}}.lvl-shell-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-color);text-decoration:none;transition:background var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-size:14px}.lvl-shell-nav-item:hover{background:var(--nav-hover-bg)}.lvl-shell-nav-item.active{background:var(--nav-active-bg);font-weight:500}.lvl-shell-nav-item .lvl-shell-icon{width:var(--nav-icon-size);height:var(--nav-icon-size);border-radius:10px;background:transparent;color:var(--text-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.lvl-shell-nav-item .lvl-shell-icon svg{width:20px;height:20px;stroke-width:1.5}.lvl-shell-nav-item.active .lvl-shell-icon,.lvl-shell-nav.collapsed .lvl-shell-nav-item.active .lvl-shell-icon{background:var(--nav-active-icon-bg);color:#fff}.lvl-shell-nav-item .lvl-shell-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvl-shell-nav.collapsed .lvl-shell-nav-item .lvl-shell-label{display:none}.lvl-shell-nav.collapsed .lvl-shell-nav-item{justify-content:center;padding:10px}.lvl-shell-nav-footer{border-top:1px solid var(--border-color);padding:8px}.lvl-shell-offload-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-color);text-decoration:none;transition:background var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-size:14px}.lvl-shell-offload-btn:hover{background:#0000000a}.lvl-shell-offload-btn .lvl-shell-icon{width:24px;height:24px}.lvl-shell-nav.collapsed .lvl-shell-offload-btn .lvl-shell-label{display:none}.lvl-shell-nav.collapsed .lvl-shell-offload-btn{justify-content:center}.lvl-shell-nav-user{display:flex;align-items:center;gap:12px;padding:12px;margin-top:4px;background:#00000008;border-radius:10px;cursor:pointer;transition:background var(--transition-fast);width:100%;border:none;text-align:left}.lvl-shell-nav-user:hover{background:#0000000f}.lvl-shell-nav-user .lvl-shell-avatar{width:40px;height:40px;border-radius:50%;background:var(--text-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.lvl-shell-nav-user .lvl-shell-avatar img{width:100%;height:100%;object-fit:cover}.lvl-shell-nav-user .lvl-shell-initials{font-size:14px;font-weight:600;color:#fff}.lvl-shell-user-info{flex:1;min-width:0;text-align:left}.lvl-shell-user-name{font-size:14px;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvl-shell-user-action{font-size:12px;color:var(--text-muted)}.lvl-shell-nav.collapsed .lvl-shell-nav-user .lvl-shell-user-info{display:none}.lvl-shell-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;background:var(--content-bg);border-radius:var(--content-border-radius)}.lvl-shell-content{flex:1;overflow-y:auto;padding:24px}.lvl-shell-app-switcher-panel{position:absolute;top:100%;right:0;margin-top:8px;width:360px;background:#fff;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 12px 48px #0000001f,0 4px 16px #00000014;z-index:200;overflow:hidden}.lvl-shell-app-switcher-header{padding:16px 20px;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.lvl-shell-app-switcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;max-height:400px;overflow-x:hidden;overflow-y:auto}.lvl-shell-app-switcher-tile{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:14px;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);border:none;background:transparent;min-width:0;width:100%}.lvl-shell-app-switcher-tile:hover{background:#0000000a;transform:scale(1.02)}.lvl-shell-app-switcher-tile:active{transform:scale(.98)}.lvl-shell-app-switcher-tile.active{background:var(--nav-active-bg)}.lvl-shell-app-switcher-tile .lvl-shell-app-icon{width:56px;height:56px;border-radius:14px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5f5f7;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.lvl-shell-app-switcher-tile:hover .lvl-shell-app-icon{background:#ebebed;box-shadow:0 2px 8px #0000000f}.lvl-shell-app-switcher-tile .lvl-shell-app-icon img{width:100%;height:100%;object-fit:contain}.lvl-shell-app-name{font-size:12px;font-weight:500;color:var(--text-color);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3}.lvl-shell-workspace-switcher-panel{position:absolute;top:100%;right:0;margin-top:8px;width:300px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:200;overflow:hidden}.lvl-shell-workspace-switcher-header{padding:16px 20px;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.lvl-shell-workspace-switcher-list{max-height:320px;overflow-y:auto}.lvl-shell-workspace-switcher-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background var(--transition-fast);border:none;background:transparent;width:100%;text-align:left}.lvl-shell-workspace-switcher-item:hover{background:#0000000a}.lvl-shell-workspace-switcher-item.active{background:var(--nav-active-bg)}.lvl-shell-workspace-switcher-item .lvl-shell-avatar{width:40px;height:40px;border-radius:10px;background:var(--text-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.lvl-shell-workspace-switcher-item .lvl-shell-avatar img{width:100%;height:100%;object-fit:cover}.lvl-shell-workspace-switcher-item .lvl-shell-initials{font-size:14px;font-weight:600;color:#fff}.lvl-shell-workspace-name{font-size:14px;font-weight:500;color:var(--text-color)}.lvl-shell-workspace-empty{padding:20px;text-align:center;font-size:14px;color:var(--text-muted)}.lvl-shell-workspace-switcher-footer{border-top:1px solid var(--border-color);padding:12px 20px}.lvl-shell-workspace-switcher-footer button{width:100%;padding:10px 16px;background:#0000000a;border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-color);cursor:pointer;transition:background var(--transition-fast)}.lvl-shell-workspace-switcher-footer button:hover{background:#00000014}.lvl-shell-notification-panel{position:absolute;top:100%;right:0;margin-top:8px;width:380px;max-height:480px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:200;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.lvl-shell-notification-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70vh;border-radius:16px 16px 0 0}}.lvl-shell-testing-mode-container,.lvl-shell-testing-mode-button{position:relative}.lvl-shell-testing-mode-button.active{color:#d97706}.lvl-shell-testing-mode-button.active:hover{color:#b45309}.lvl-shell-testing-mode-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#f59e0b;border-radius:50%;border:2px solid var(--shell-bg);animation:lvl-shell-testing-pulse 2s infinite}@keyframes lvl-shell-testing-pulse{0%,to{opacity:1}50%{opacity:.6}}.lvl-shell-testing-mode-panel{position:absolute;top:100%;right:0;margin-top:8px;width:340px;max-height:480px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:200;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.lvl-shell-testing-mode-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70vh;border-radius:16px 16px 0 0;margin-top:0}}.lvl-shell-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.lvl-shell-overlay.visible{opacity:1;visibility:visible}.lvl-shell-flex-1{flex:1}.lvl-shell-relative{position:relative}@media (max-width: 768px){.lvl-shell-header{margin:0;border-radius:0;padding:0 12px}.lvl-shell-header-app-subtitle,.lvl-shell-header-collapse-btn{display:none}.lvl-shell-header-app-name{font-size:14px}.lvl-shell-header-app-icon{width:32px;height:32px}.lvl-shell-nav{position:fixed;top:0;left:0;bottom:0;z-index:200;border-radius:0;transform:translate(-100%);transition:transform var(--transition-slow)}.lvl-shell-nav.mobile-open{transform:translate(0)}.lvl-shell-body{padding:0;gap:0}.lvl-shell-main{border-radius:0}.lvl-shell-app-switcher-panel,.lvl-shell-workspace-switcher-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70vh;border-radius:16px 16px 0 0}.lvl-shell-app-switcher-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 769px){.lvl-shell-mobile-menu-btn{display:none}}