.settings-section{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.settings-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--border);padding-bottom:var(--space-sm)}.settings-section h3,.settings-section h4{color:var(--text-1);margin-bottom:var(--space-sm)}.settings-section h4{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.theme-options{display:flex;flex-direction:column;gap:var(--space-xl)}.accent-option-group,.theme-option-group{display:flex;flex-direction:column;gap:var(--space-md)}.theme-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:flex-start}.theme-button{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);background:none;border:2px solid transparent;border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;transition:border-color var(--transition-fast)}.theme-button:hover{background-color:var(--surface-2)}.theme-button.active{border-color:var(--accent)}.theme-preview{width:100px;height:70px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.light-preview,.theme-preview{background-color:#f5f5f5}.dark-preview{background-color:#333333}.preview-header{height:20px;background-color:#ffffff;border-bottom:1px solid var(--border);display:flex;padding:4px}.dark-preview .preview-header{background-color:#444444}.preview-content{height:50px;background-color:#ffffff;padding:6px}.dark-preview .preview-content{background-color:#444444}.preview-content.split,.preview-header.split,.split-preview{display:flex}.light-part{width:50%;height:100%;background-color:#ffffff}.dark-part{width:50%;height:100%;background-color:#444444}.color-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}.color-button{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.color-button:hover{transform:scale(1.1)}.color-button.active{border-color:var(--text-1)}.color-button.blue{background-color:var(--blue)}.color-button.purple{background-color:var(--purple)}.color-button.pink{background-color:var(--pink)}.color-button.red{background-color:var(--red)}.color-button.orange{background-color:var(--orange)}.color-button.yellow{background-color:var(--yellow)}.color-button.green{background-color:var(--green)}.color-button.gray{background-color:var(--gray)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);background-color:var(--surface-1);border-top:1px solid var(--border)}.modal-button{padding:9px 18px;border-radius:5px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;min-width:110px}.modal-button-primary{background-color:var(--accent);color:white;border:1px solid var(--accent-hover);font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.15)}.modal-button-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.2)}.modal-button-secondary{background-color:var(--surface-2);color:var(--text-1);border:2px solid var(--button-secondary-border,#bbbbbb);box-shadow:0 1px 3px rgba(0,0,0,.1)}.modal-button-secondary:hover{background-color:var(--surface-3);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.15)}.layout{min-height:100vh;display:flex;flex-direction:column}.top-bar{position:fixed;top:0;left:0;right:0;height:64px;background:var(--header-bg);border-bottom:1px solid var(--border);justify-content:space-between;padding:0 var(--space-lg);z-index:var(--z-fixed)}.top-bar,.top-bar-left{display:flex;align-items:center}.top-bar-left{gap:var(--space-md)}.top-bar-center{justify-content:center;flex:1 1}.top-bar-center,.top-bar-right{display:flex;align-items:center}.top-bar-right{gap:var(--space-md)}.logo-link{text-decoration:none;color:var(--text-1);font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);padding-right:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.logo-image{height:32px;width:auto}[data-theme=light]{--logo-filter:brightness(0.2)}[data-theme=dark]{--logo-filter:brightness(1)}.org-selector{position:relative;max-width:280px;min-width:200px}.org-selector-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--text-1);text-align:left;border-radius:var(--radius-md);transition:background-color var(--transition-fast),border-color var(--transition-fast);width:100%}.org-selector-content{display:flex;flex-direction:column;text-align:left;flex-grow:1;max-width:calc(100% - 28px)}.org-dropdown-arrow{margin-left:4px;color:var(--text-2);font-size:18px;flex-shrink:0}.org-selector-trigger:hover{background-color:var(--surface-2);border-color:var(--border-hover)}.org-selector-trigger:hover .org-dropdown-arrow{color:var(--text-1)}.org-selector-trigger .org-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-selector-trigger .org-id{font-size:var(--font-size-xs);color:var(--text-2)}.org-selector-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:300px;background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--shadow);overflow:hidden;z-index:var(--z-dropdown)}.org-list{max-height:300px;overflow-y:auto;padding:.5rem 0}.org-item{display:flex;flex-direction:column;width:100%;text-align:left;padding:.75rem 1rem;background:none;border:none;cursor:pointer;border-radius:var(--radius-md);margin:.25rem 0;transition:background-color var(--transition-fast)}.org-item.active,.org-item:hover{background-color:var(--surface-2)}.org-item.active{font-weight:var(--font-weight-medium)}.org-actions{padding:.75rem 1rem;border-top:1px solid var(--border)}.create-org-button{display:block;width:100%;padding:.75rem 1rem;background-color:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-md);cursor:pointer;text-align:center;white-space:normal;word-break:break-word;line-height:1.2;transition:background-color var(--transition-fast)}.create-org-button:hover{background-color:var(--accent-hover)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:none;background:transparent;cursor:pointer;color:var(--text-1);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.user-menu-trigger:hover{background-color:var(--surface-2)}.user-avatar{width:32px;height:32px;font-size:var(--font-size-sm)}.user-avatar,.user-avatar-large{border-radius:50%;background-color:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium)}.user-avatar-large{width:48px;height:48px}.user-info-short{display:flex;flex-direction:column}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--shadow);z-index:var(--z-userMenu)}.user-info{padding:var(--space-md);display:flex;gap:var(--space-md);border-bottom:1px solid var(--border)}.user-details{display:flex;flex-direction:column;justify-content:center}.user-name{font-weight:var(--font-weight-medium);color:var(--text-1)}.user-email{font-size:var(--font-size-sm);color:var(--text-2)}.menu-items{padding:var(--space-sm)}.menu-item{display:block;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);border:none;background:transparent;cursor:pointer;color:var(--text-1);font-size:var(--font-size-md);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.menu-item:hover{background-color:var(--surface-2)}.menu-item.danger{color:var(--red)}.menu-item.danger:hover{background-color:rgba(244,67,54,.1)}.main-container{display:flex;margin-top:64px;flex:1 1;height:calc(100vh - 64px);position:relative}.sidebar{width:240px;background:var(--sidebar-bg);transition:width .3s ease;border-right:1px solid var(--border-color);height:calc(100vh - 60px);position:fixed;left:0;top:60px;z-index:var(--z-fixed)}.sidebar.collapsed{width:60px}.content{flex:1 1;padding:var(--space-lg);margin-left:240px;transition:margin-left .3s ease;overflow-y:auto;background-color:var(--background)}.content.sidebar-collapsed{margin-left:60px}.apps-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}