.top-bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--color-border);display:flex}[data-surface=wash] .top-bar,[data-surface=bold] .top-bar{border-bottom-color:var(--surface-header-border)}[data-surface=bold] .page-header{background:var(--surface-header);color:var(--surface-header-text);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg)}[data-surface=bold] .page-header-left h1,[data-surface=bold] .page-header-left p{color:var(--surface-header-text)}.top-bar-left,.top-bar-right{align-items:center;gap:var(--space-2);display:flex}.top-bar-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:16px;display:inline-flex;position:relative}.top-bar-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.top-bar-item{position:relative}.top-bar-avatar-btn{border:2px solid var(--color-border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.top-bar-avatar-btn:hover{border-color:var(--color-primary)}.top-bar-avatar{object-fit:cover;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.top-bar-avatar-fallback{background:var(--color-primary);color:var(--color-white);font-size:15px;font-weight:600}.bell-badge{background:var(--color-danger);min-width:16px;height:16px;color:var(--color-white);text-align:center;border-radius:8px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-6px;right:-6px}.top-bar-tenant-chip{align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-secondary);white-space:nowrap;padding:4px 10px;font-size:12px;display:inline-flex}.tenant-switch-panel{min-width:260px;max-width:340px}.tenant-switch-item{justify-content:space-between;align-items:center;gap:var(--space-2);cursor:default;display:flex}.top-bar-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:60;min-width:180px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12)}.dropdown-user{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.dropdown-user-name{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.notification-panel{flex-direction:column;min-width:320px;max-width:360px;max-height:420px;display:flex}.dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);justify-content:space-between;align-items:center;font-weight:600;display:flex}.notification-list{padding:var(--space-2);overflow-y:auto}.notification-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer;border-left:3px solid var(--color-warning)}.notification-item:hover{background:var(--color-bg)}.notification-item.read{opacity:.7;border-left-color:transparent}.notification-item.appraisal{border-left-color:var(--color-primary);background:var(--color-bg-soft)}.notification-item.appraisal.read{border-left-color:var(--color-primary);opacity:.7}.notification-tag{margin-right:var(--space-1);font-size:var(--text-xs)}.notification-link{margin-left:var(--space-2);color:var(--color-primary);font-size:var(--text-xs);text-decoration:none}.notification-link:hover{text-decoration:underline}.notification-title{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.notification-content{font-size:var(--text-xs);color:var(--color-text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.notification-time{color:var(--color-text-tertiary);margin-top:4px;font-size:11px}.dropdown-empty{padding:var(--space-6);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm)}.appearance-menu{min-width:250px;padding-bottom:var(--space-2)}.appearance-section{padding:var(--space-2) var(--space-3) 0}.appearance-section-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:4px;font-weight:600;display:block}.appearance-options{flex-wrap:wrap;gap:4px;display:flex}.appearance-option{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-family:inherit;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.appearance-option:hover{border-color:var(--color-primary)}.appearance-option.selected{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary-dark);font-weight:550}.appearance-option-icon{font-size:13px}.appearance-swatch{border:1px solid var(--color-border);border-radius:50%;width:14px;height:14px;display:inline-block}.appearance-menu{min-width:292px;max-height:min(78vh,560px);overflow:hidden auto}.appearance-options{grid-template-columns:1fr 1fr;gap:4px;display:grid}.appearance-option{justify-content:flex-start}.appearance-option-wide{grid-column:1/-1}.appearance-option-text{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.appearance-option-title{font-size:var(--text-sm)}.appearance-option-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:400}.appearance-option.selected .appearance-option-hint{color:var(--color-primary-dark)}.appearance-color-row{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.appearance-color-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;width:40px;height:30px;padding:2px}.appearance-color-hex{min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);text-transform:lowercase;flex:1}.app-layout.sidebar-collapsed{--sidebar-width:64px}.sidebar.collapsed .sidebar-header{padding:20px 8px 16px}.sidebar.collapsed .sidebar-logo span:not(.logo-icon),.sidebar.collapsed .sidebar-search-wrap,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-collapse-arrow,.sidebar.collapsed .nav-badge,.sidebar.collapsed .perm-source-badge,.sidebar.collapsed .nav-scope-notice{display:none}.sidebar.collapsed .nav-children{display:none!important}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-parent-btn{justify-content:center;padding:9px 0}.sidebar.collapsed .nav-icon{margin:0;font-size:18px}.sidebar.collapsed .sidebar-nav,.sidebar.collapsed .sidebar-footer{padding:8px 6px}.sidebar.collapsed .sidebar-user{justify-content:center;padding:6px 0}.sidebar.collapsed .sidebar-user .user-info{display:none}.sidebar.collapsed .logout-btn{justify-content:center;padding:9px 0}.sidebar.collapsed .logout-btn .logout-text{display:none}.app-layout.sidebar-collapsed .sidebar{z-index:150}.sidebar.collapsed .nav-popup{background:var(--sidebar-bg);border:1px solid var(--sidebar-divider);border-radius:var(--radius-md);min-width:200px;max-width:340px;max-height:60vh;box-shadow:var(--shadow-lg);z-index:2500;padding:6px;overflow-y:auto}.sidebar.collapsed .nav-popup .nav-item,.sidebar.collapsed .nav-popup .nav-parent-btn{justify-content:flex-start;padding:8px 10px}.sidebar.collapsed .nav-popup .nav-label,.sidebar.collapsed .nav-popup .nav-collapse-arrow,.sidebar.collapsed .nav-popup .nav-badge,.sidebar.collapsed .nav-popup .perm-source-badge,.sidebar.collapsed .nav-popup .nav-scope-notice{display:inline-flex}.sidebar.collapsed .nav-popup .nav-icon{margin-right:8px;font-size:15px}@media (width>=769px) and (width<=1100px){.main-content{padding:20px 18px 40px}.table-wrap{overflow-x:auto}}@media (width<=768px){.app-layout.sidebar-collapsed{--sidebar-width:0px}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-collapse-arrow{display:inline}.sidebar.collapsed .sidebar-search-wrap,.sidebar.collapsed .sidebar-section-label{display:block}.sidebar.collapsed .nav-children{display:block!important}.sidebar.collapsed .sidebar-header{padding:20px 20px 16px}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-parent-btn{justify-content:flex-start;padding:9px 12px}}