body{background-color:var(--surface-page-base);background-image:linear-gradient(var(--surface-page-tint), var(--surface-page-tint))}.app-layout{background-color:var(--surface-page-base);background-image:linear-gradient(var(--surface-page-tint), var(--surface-page-tint));min-height:100vh;display:flex}html.bi-screen body{background-image:none}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:100;border-right:1px solid var(--sidebar-divider);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-header{padding:20px 20px 16px}.sidebar-logo{font-size:var(--text-lg);letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex;color:var(--sidebar-text-active)!important}.sidebar-logo:hover{color:var(--sidebar-active-text)!important}.sidebar-logo .logo-icon{background:var(--color-primary);border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.sidebar-logo .logo-img{border-radius:var(--radius-md);object-fit:contain;background:var(--color-surface);flex-shrink:0;width:34px;height:34px}.sidebar-nav{flex:1;padding:8px 12px}.sidebar-search-wrap{padding:4px 12px 8px}.sidebar-search-input{background:var(--color-surface);border:1px solid var(--sidebar-divider);border-radius:var(--radius);width:100%;font-size:var(--text-xs);color:var(--sidebar-text);transition:border-color var(--transition-fast), background var(--transition-fast);box-sizing:border-box;outline:none;padding:6px 10px;font-family:inherit}.sidebar-search-input::placeholder{color:var(--sidebar-muted)}.sidebar-search-input:focus{border-color:var(--color-primary);background:var(--color-surface)}.sidebar-section-label{font-size:var(--text-xs);color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.06em;padding:16px 12px 6px;font-weight:600}.nav-group{margin-bottom:1px}.nav-parent-btn{border-radius:var(--radius);cursor:pointer;width:100%;color:var(--sidebar-text);font-size:var(--text-sm);text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;margin-bottom:1px;padding:9px 12px;font-family:inherit;font-weight:450;line-height:1.4;display:flex;position:relative}.nav-parent-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}.nav-parent-btn.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:550}.nav-parent-btn:active{transform:scale(.98)}.nav-parent-btn .nav-icon{opacity:.75;width:20px;height:20px;transition:opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.nav-parent-btn:hover .nav-icon{opacity:.85}.nav-parent-btn.active .nav-icon{opacity:1}.nav-collapse-arrow{opacity:.45;transition:transform var(--transition-fast), opacity var(--transition-fast);margin-left:auto;font-size:10px}.nav-parent-btn:hover .nav-collapse-arrow{opacity:.75}.nav-parent-btn.active .nav-collapse-arrow{opacity:.8}.nav-children{transition:grid-template-rows var(--transition-normal) ease;border-left:1px solid transparent;grid-template-rows:0fr;margin-top:0;margin-bottom:0;margin-left:16px;display:grid;overflow:hidden}.nav-children.expanded{border-left-color:var(--sidebar-divider);grid-template-rows:1fr;margin-top:2px;margin-bottom:2px}.nav-children>div{min-height:0;padding-left:14px}.nav-item{border-radius:var(--radius);font-size:var(--text-sm);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:10px;margin-bottom:1px;padding:9px 12px;font-weight:450;text-decoration:none;display:flex;position:relative;color:var(--sidebar-text)!important}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active)!important}.nav-item.active{background:var(--sidebar-active-bg);font-weight:550;color:var(--sidebar-active-text)!important}.nav-item .nav-icon{opacity:.75;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex}.nav-item.active .nav-icon{opacity:1}.nav-item .nav-badge{background:var(--color-accent);color:var(--color-white);text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5}.nav-parent-btn .nav-label .nav-badge{background:var(--color-accent);color:var(--color-white);text-align:center;vertical-align:middle;border-radius:10px;min-width:18px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5;display:inline-block}.nav-item-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.nav-item-disabled:hover{background:0 0;color:var(--sidebar-text)!important}.nav-label .perm-source-badge,.nav-parent-btn .nav-label .perm-source-badge{opacity:.65;transition:opacity var(--transition-fast);cursor:help;align-items:center;margin-left:4px;font-size:11px;display:inline-flex}.nav-label .perm-source-badge:hover,.nav-parent-btn .nav-label .perm-source-badge:hover{opacity:.95}.perm-source-badge.inherited{color:var(--color-info)}.perm-source-badge.overridden{color:var(--color-accent)}.nav-label .nav-scope-notice,.nav-parent-btn .nav-label .nav-scope-notice{opacity:.55;transition:opacity var(--transition-fast);cursor:help;align-items:center;margin-left:4px;font-size:11px;display:inline-flex}.nav-label .nav-scope-notice:hover,.nav-parent-btn .nav-label .nav-scope-notice:hover{opacity:.9}.sidebar-footer{border-top:1px solid var(--sidebar-divider);padding:12px}.sidebar-user{border-radius:var(--radius);transition:background var(--transition-fast);align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.sidebar-user:hover{background:var(--sidebar-hover-bg)}.sidebar-user .user-avatar{background:var(--color-primary);width:32px;height:32px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.sidebar-user .user-info{flex:1;min-width:0}.sidebar-user .user-name{font-size:var(--text-sm);color:var(--sidebar-text-active);text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.sidebar-user .user-role{font-size:var(--text-xs);color:var(--sidebar-text);margin-top:1px}.logout-btn{cursor:pointer;width:100%;font-family:inherit;font-size:var(--text-sm);border-radius:var(--radius);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;display:flex;color:var(--color-danger)!important}.logout-btn:hover{background:rgba(201,91,91,.1)}.theme-toggle-btn{cursor:pointer;width:100%;font-family:inherit;font-size:var(--text-sm);color:var(--sidebar-text);border-radius:var(--radius);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;margin-top:2px;padding:9px 12px;display:flex}.theme-toggle-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}