:root{--color-bg-primary: #1a1a1a;--color-bg-secondary: #242424;--color-bg-tertiary: #2a2a2a;--color-bg-elevated: #1e1e1e;--color-surface: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .08);--color-surface-active: rgba(255, 255, 255, .12);--color-border-subtle: rgba(255, 255, 255, .1);--color-border-default: rgba(255, 255, 255, .15);--color-border-strong: rgba(255, 255, 255, .2);--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .6);--color-text-tertiary: rgba(255, 255, 255, .4);--color-text-inverse: #1a202c;--color-primary: #646cff;--color-primary-hover: #747bff;--color-primary-active: #535bf2;--color-success: #27ae60;--color-success-hover: #2ecc71;--color-warning: #f39c12;--color-warning-hover: #e67e22;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-role: #f39c12;--color-role-hover: #e67e22;--color-domain: #6f42c1;--color-domain-hover: #7952cc;--color-accountability: #fd7e14;--color-accountability-hover: #e8590c;--color-assigned: #27ae60;--color-unassigned: #95a5a6;--color-link: #646cff;--color-link-hover: #535bf2;--color-focus: rgba(100, 108, 255, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--overlay-backdrop: rgba(0, 0, 0, .7);--overlay-light: rgba(255, 255, 255, .05)}.surface{background-color:var(--color-surface);border:1px solid var(--color-border-subtle)}.surface:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-default)}.surface-elevated{background-color:var(--color-bg-elevated);box-shadow:var(--shadow-md)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-secondary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-link);text-decoration:inherit;transition:color .2s}a:hover{color:var(--color-link-hover)}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1;color:var(--color-text-primary)}h2,h3,h4,h5,h6{color:var(--color-text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all .2s}button:hover{border-color:var(--color-border-default);background-color:var(--color-surface-hover)}.org-switcher{margin-bottom:1rem;padding:.75rem;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.org-switcher-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.current-org-container{position:relative;display:flex;align-items:center;gap:.25rem}.current-org-button{display:flex;align-items:center;justify-content:space-between;flex:1;padding:.5rem;border:none;background:var(--color-surface-secondary);color:var(--color-text-primary);border-radius:.25rem;cursor:pointer;transition:all .2s;text-align:left;width:100%;gap:.5rem}.current-org-button:hover{background-color:var(--color-surface-hover)}.dropdown-arrow{transition:transform .2s;color:var(--color-text-secondary)}.dropdown-arrow.open{transform:rotate(180deg)}.org-dropdown{position:fixed;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:.25rem;box-shadow:var(--shadow-lg);z-index:9999;margin-top:.25rem;min-width:200px}.org-dropdown-list{padding:.25rem}.org-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem;border:none;background:none;color:var(--color-text-primary);border-radius:.25rem;cursor:pointer;transition:all .2s;text-align:left;gap:.5rem}.org-dropdown-item:hover{background-color:var(--color-surface-hover)}.org-dropdown-item.selected{background-color:var(--color-primary);color:#fff}.org-dropdown-item.selected .selected-indicator{color:#fff}.org-dropdown-item.create-join-item{color:var(--color-text-secondary)}.org-dropdown-item.create-join-item:hover{background-color:var(--color-primary);color:#fff}.org-dropdown-divider{height:1px;background:var(--color-border-subtle);margin:.25rem 0}.selected-indicator{color:var(--color-primary);font-weight:700}.org-name{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.org-manage-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-surface-secondary);color:var(--color-text-primary);border-radius:4px;cursor:pointer;transition:all .2s;flex-shrink:0;font-size:20px}.org-manage-btn:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.org-manage-btn svg{width:20px!important;height:20px!important;display:block;min-width:20px;min-height:20px}.org-item-container .org-item.selected+.org-manage-btn{color:var(--color-primary)}.sidebar.collapsed .org-switcher-header span{display:none}.sidebar.collapsed .current-org-button{justify-content:center;padding:.5rem 0}.sidebar.collapsed .org-name{text-align:center;flex:none;font-weight:700;font-size:1rem}.sidebar.collapsed .org-manage-btn{display:none}.sidebar.collapsed .org-switcher-header{justify-content:center}.sidebar.collapsed .dropdown-arrow{display:none}.join-organization-modal{width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.join-form{padding:1rem 0}.form-intro{text-align:center;margin-bottom:2rem;padding:2rem 1rem;background:var(--background-secondary);border-radius:.75rem;border:1px solid var(--border-color)}.form-intro svg{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.form-intro h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.form-intro p{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.5}.invite-code-input{font-family:Courier New,Courier,monospace;font-size:1.25rem!important;font-weight:600!important;text-align:center;letter-spacing:.1em;text-transform:uppercase}.invite-code-input::placeholder{color:var(--text-tertiary);opacity:.7}.input-help{margin:.5rem 0 0!important;font-size:.875rem!important;color:var(--text-secondary)!important;text-align:center;font-style:italic}.success-state{text-align:center;padding:3rem 2rem;color:var(--text-primary)}.success-state svg{font-size:4rem;color:#10b981;margin-bottom:1.5rem}.success-state h3{margin:0 0 1rem;font-size:2rem;font-weight:600;color:var(--text-primary)}.success-state p{margin:0 0 1rem;font-size:1.125rem;line-height:1.6;color:var(--text-secondary)}.success-state p:last-child{font-size:.875rem;color:var(--text-tertiary);font-style:italic}.error-message{display:flex;align-items:center;gap:.75rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:#dc2626;font-size:.875rem}.error-message svg{font-size:1.25rem;flex-shrink:0}.btn-large{padding:1rem 2rem;font-size:1.125rem;width:100%}@media (max-width: 768px){.join-organization-modal{width:95%;max-height:90vh}.form-intro{padding:1.5rem 1rem}.form-intro svg{font-size:2.5rem}.form-intro h3{font-size:1.25rem}.success-state{padding:2rem 1rem}.success-state svg{font-size:3rem}.success-state h3{font-size:1.5rem}}.create-join-modal{max-width:500px;width:90%}.create-join-options{text-align:center}.create-join-options p{margin-bottom:2rem;color:var(--color-text-secondary);line-height:1.6}.action-buttons{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.action-buttons .btn{padding:.75rem 1.5rem;font-size:1rem;border-radius:6px;border:1px solid;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.action-buttons .btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.action-buttons .btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.action-buttons .btn-secondary{background-color:transparent;border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.action-buttons .btn-secondary:hover{background-color:var(--color-text-secondary);color:#fff}.error-message{padding:.75rem;background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:4px;font-size:.9rem}.modal-footer{display:flex;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid var(--color-border-subtle);gap:12px}.modal-overlay{position:fixed;inset:0;background-color:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:8px;box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--color-border-subtle)}.modal-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:24px;flex:1}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text-primary);font-size:.9rem}.modal-body .form-group input,.modal-body .form-group textarea,.modal-body .form-group select{width:100%;padding:8px 12px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:4px;font-size:.9rem;color:var(--color-text-primary);transition:all .2s}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus,.modal-body .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.modal-body .form-group input::placeholder,.modal-body .form-group textarea::placeholder{color:var(--color-text-tertiary)}.modal-body .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border-subtle)}.modal-body .btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.modal-body .btn-primary{background-color:var(--color-primary);color:#fff}.modal-body .btn-primary:hover{background-color:var(--color-primary-hover)}.modal-body .btn-secondary{background-color:var(--color-text-secondary);color:#fff}.modal-body .btn-secondary:hover{background-color:var(--color-text-primary)}.modal-body .btn-danger{background-color:var(--color-danger);color:#fff}.modal-body .btn-danger:hover{background-color:var(--color-danger-hover)}.modal-body .btn-small{padding:4px 8px;font-size:.8rem}@media (max-width: 640px){.modal-overlay{padding:10px}.modal-content{max-width:none;width:100%;max-height:95vh}.modal-header{padding:16px 20px 12px}.modal-body{padding:20px}.modal-body .form-actions{flex-direction:column-reverse}.modal-body .form-actions .btn{width:100%}}.user-settings-form{display:flex;flex-direction:column;gap:1.5rem;max-width:400px}.form-group label{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.form-input{padding:.75rem;border:1px solid var(--color-border-subtle);border-radius:6px;background-color:var(--color-surface);color:var(--color-text-primary);font-size:.9rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4f46e51a}.form-input.disabled{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed}.form-help{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.error-message{padding:.75rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:var(--color-danger);font-size:.9rem}.success-message{padding:.75rem;background-color:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:6px;color:var(--color-success);font-size:.9rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.form-actions .btn{min-width:100px}@media (max-width: 480px){.user-settings-form{max-width:none}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.changelog-container{max-width:800px;margin:0 auto;padding:20px}.changelog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--color-border-subtle)}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{margin:0;color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.changelog-icon{font-size:1.5rem;color:var(--color-primary)}.header-actions{display:flex;gap:10px}.changelog-container .filter-button,.changelog-container .refresh-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.changelog-container .filter-button:hover,.changelog-container .refresh-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-default);color:var(--color-text-primary)}.changelog-container .refresh-button:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.changelog-filters{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:8px;padding:16px;margin-bottom:20px}.filter-group{margin-bottom:12px}.filter-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text-primary)}.filter-group select{width:100%;max-width:300px;padding:8px;border:1px solid var(--color-border-subtle);border-radius:4px;background:var(--color-surface);color:var(--color-text-primary);font-size:.9rem;cursor:pointer;transition:all .2s;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23f9fafb" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:.5rem;padding-right:2rem}.filter-group select:hover{border-color:var(--color-border-default);background-color:var(--color-surface-hover)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.filter-group select option{background:var(--color-surface);color:var(--color-text-primary)}.filter-group select[multiple]{height:120px}.filter-actions{display:flex;gap:10px}.changelog-container .clear-filters-button{padding:6px 12px;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.changelog-container .clear-filters-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-default);color:var(--color-text-primary)}.changelog-content{min-height:200px}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--color-text-secondary)}.loading-state svg,.empty-state .empty-icon{font-size:2rem;margin-bottom:12px;color:var(--color-text-tertiary)}.error-state p{color:var(--color-error);margin-bottom:12px}.error-state button,.empty-state button{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.error-state button:hover,.empty-state button:hover{background:var(--color-primary-hover)}.changelog-entries{display:flex;flex-direction:column;gap:12px}.changelog-entry{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:8px;transition:all .2s ease}.changelog-entry:hover{box-shadow:0 2px 8px #0003;border-color:var(--color-border-default)}.entry-content{flex:1}.entry-description{color:var(--color-text-primary);font-size:.95rem;line-height:1.4;margin-bottom:8px}.entry-metadata{display:flex;gap:12px;font-size:.8rem;color:var(--color-text-secondary)}.entry-time{font-weight:500}.entry-action-type{padding:2px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:3px;font-weight:500;color:var(--color-text-secondary)}.entry-avatar{flex-shrink:0}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.changelog-entry.circle_created,.changelog-entry.circle_updated{border-left:4px solid #10b981}.changelog-entry.circle_deleted{border-left:4px solid #ef4444}.changelog-entry.role_created,.changelog-entry.role_updated,.changelog-entry.role_assigned{border-left:4px solid #3b82f6}.changelog-entry.role_deleted,.changelog-entry.role_unassigned{border-left:4px solid #f59e0b}.changelog-entry.organization_updated,.changelog-entry.member_added,.changelog-entry.member_removed,.changelog-entry.member_role_changed{border-left:4px solid #8b5cf6}.changelog-entry.policy_created,.changelog-entry.policy_updated,.changelog-entry.policy_status_changed{border-left:4px solid #06b6d4}.changelog-entry.policy_deleted{border-left:4px solid #ef4444}.changelog-entry.policy_acknowledged{border-left:4px solid #10b981}@media (max-width: 768px){.changelog-container{padding:15px}.changelog-header{flex-direction:column;gap:15px;align-items:flex-start}.header-actions{width:100%;justify-content:flex-end}.changelog-entry{padding:12px}.entry-metadata{flex-direction:column;gap:4px}}.whats-new-content{padding:1rem 0;max-height:60vh;overflow-y:auto}.no-releases{text-align:center;padding:2rem;color:var(--text-secondary)}.releases{display:flex;flex-direction:column;gap:2rem}.release{border-left:3px solid var(--primary);padding-left:1.5rem}.release-header{margin-bottom:1rem}.release-header h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.release-meta{display:flex;gap:1rem;font-size:.875rem}.release-meta .version{font-weight:600;color:var(--primary)}.release-meta .date{color:var(--text-secondary)}.changes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.change-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--background-elevated);border-radius:6px}.change-header{display:flex;align-items:center;gap:.5rem}.change-icon{font-size:1.25rem;flex-shrink:0}.change-icon.feature{color:#10b981}.change-icon.improvement{color:#3b82f6}.change-icon.fix{color:#f59e0b}.change-icon.breaking{color:#ef4444}.change-type{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.change-type.feature{color:#10b981}.change-type.improvement{color:#3b82f6}.change-type.fix{color:#f59e0b}.change-type.breaking{color:#ef4444}.change-description{margin:0;padding-left:1.75rem;color:var(--text-primary);font-size:.9375rem;line-height:1.5}.whats-new-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s;width:40px;height:40px;flex-shrink:0;position:relative}.whats-new-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.whats-new-button .nav-icon{position:relative;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.whats-new-button .badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid var(--color-bg-primary)}.whats-new-button .button-text{display:none}.sidebar.collapsed .whats-new-button{margin:0 auto}.layout{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:250px;background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column;padding:1rem;transition:width .3s ease;border-right:1px solid var(--color-border-subtle);flex-shrink:0;height:100vh;box-sizing:border-box}.sidebar.collapsed{width:72px}.sidebar-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:1rem}.sidebar.collapsed .sidebar-header{justify-content:center;gap:0}.sidebar.collapsed .header-content{display:none}.header-content{overflow:hidden}.header-title{display:flex;align-items:center;gap:.5rem}.sidebar-header h2{margin:0;font-size:1.5rem;white-space:nowrap;overflow:hidden;color:var(--color-text-primary)}.user-email{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse-button{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s;width:40px;height:40px;flex-shrink:0}.collapse-button:hover{background-color:var(--color-surface-hover)}.sidebar-nav{flex:1;overflow-y:auto;margin:1rem 0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:.5rem 0;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;white-space:nowrap}.sidebar-nav li button{width:100%;background:none;border:none;padding:.75rem 1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:flex-start;gap:1rem;white-space:nowrap;color:var(--color-text-secondary);border-radius:.5rem;text-align:left}.sidebar.collapsed .sidebar-nav li button{justify-content:center;padding:.75rem 0}.sidebar-nav li:hover button{background-color:var(--color-surface-hover)}.sidebar-nav li.active button{background-color:var(--primary-color);color:#fff}.sidebar-nav li.active button:hover{background-color:#ffffff1a}.sidebar-nav li.clickable{cursor:pointer}.sidebar-nav li.clickable:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.nav-icon{display:flex;align-items:center;font-size:1.2rem}.nav-label{flex:1}.main-content{flex:1;background-color:var(--color-bg-secondary);overflow:hidden;height:100vh;display:flex;flex-direction:column}.main-content-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.invite-users-button,.manage-members-button,.help-button,.settings-button,.logout-button{width:100%;padding:.75rem;background-color:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:.5rem;display:flex;align-items:center;gap:1rem;white-space:nowrap;cursor:pointer;transition:all .2s}.invite-users-button:hover,.manage-members-button:hover,.help-button:hover,.settings-button:hover,.logout-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.help-button{border-color:var(--color-primary);color:var(--color-primary)}.help-button:hover{background-color:var(--color-primary);color:#fff}.sidebar.collapsed .manage-members-button,.sidebar.collapsed .help-button,.sidebar.collapsed .settings-button,.sidebar.collapsed .logout-button{justify-content:center;padding:.75rem 0}.help-menu{padding:0}.help-menu h3{margin:0 0 1rem;font-size:1.125rem;color:var(--color-text-primary)}.help-menu p{margin:0 0 1.5rem;color:var(--color-text-secondary);line-height:1.5}.tour-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.tour-option{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.tour-option:hover:not(:disabled){background-color:var(--color-bg-elevated);border-color:var(--color-primary);transform:translateY(-1px)}.tour-option:disabled{opacity:.6;cursor:not-allowed}.tour-option-content h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-text-primary)}.tour-option-content p{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.tour-completed{color:var(--color-success, #22c55e);font-size:1.25rem;font-weight:700}.help-links{border-top:1px solid var(--color-border-subtle);padding-top:1.5rem}.help-links h3{margin:0 0 1rem;font-size:1rem;color:var(--color-text-primary)}.help-links p{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.help-links ul{margin:0;padding-left:1.5rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.help-links li{margin-bottom:.5rem}.help-links strong{color:var(--color-text-primary)}.sidebar.collapsed .nav-icon{justify-content:center}.no-org-container{max-width:480px;margin:2rem auto;padding:2rem;background-color:#1a1a1a;border-radius:1rem;text-align:center}.no-org-container h1{margin-bottom:1rem;font-size:1.75rem}.no-org-container p{color:#888;margin-bottom:2rem}.action-buttons{display:flex;gap:1rem;justify-content:center}.org-form{text-align:left;margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#888}.form-group input{width:100%;padding:.75rem;font-size:1rem;background-color:#242424;border:1px solid #333;border-radius:.5rem;color:#fff}.form-group input:focus{outline:none;border-color:#646cff}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.error-message{background-color:#ff46461a;color:#ff4646;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}button.primary{background-color:#646cff;color:#fff}button.primary:hover:not(:disabled){background-color:#747bff}button.secondary{background-color:transparent;border:1px solid #646cff;color:#646cff}button.secondary:hover:not(:disabled){background-color:#646cff1a}.tour-guide{font-family:var(--font-family-base);color:var(--color-text-primary)}.tour-guide .reactour__popover,.tour-guide [data-tour-elem=popover],.tour-guide .reactour__popover[data-tour-elem=popover]{background-color:var(--color-bg-elevated, #1f2933)!important;color:var(--color-text-primary, #f8fafc)!important;border:1px solid var(--color-border-default, rgba(148, 163, 184, .4))!important;box-shadow:var(--shadow-lg, 0 20px 45px rgba(15, 23, 42, .35))!important}.tour-guide .reactour__popover *{color:inherit}.tour-guide .reactour__popover [data-tour-elem=content],.tour-guide [data-tour-elem=popover] [data-tour-elem=content]{background-color:transparent!important}.tour-button{padding:.5rem 1rem;border-radius:6px;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.tour-button:disabled{opacity:.5;cursor:not-allowed}.tour-button-primary{background-color:var(--color-primary);color:#fff}.tour-button-primary:hover:not(:disabled){background-color:var(--color-primary-hover, var(--color-primary));transform:translateY(-1px)}.tour-button-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.tour-button-secondary:hover:not(:disabled){background-color:var(--color-bg-elevated);border-color:var(--color-border-hover, var(--color-border-default))}.tour-mask{background-color:#00000080;backdrop-filter:blur(2px)}.tour-highlight{box-shadow:0 0 0 4px var(--color-primary),0 0 0 8px rgba(var(--color-primary-rgb),.2)}.tour-guide h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.tour-guide p{margin:0 0 1rem;line-height:1.5;color:var(--color-text-secondary)}.tour-guide p:last-child{margin-bottom:0}@media (max-width: 768px){.tour-button{padding:.625rem 1.25rem;font-size:.9375rem;min-width:90px}.tour-guide [data-tour-elem=popover]{max-width:280px!important}}.tour-dots{display:flex;justify-content:center;gap:.5rem;margin:1rem 0 .5rem}.tour-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-border-subtle);cursor:pointer;transition:background-color .2s ease}.tour-dot.active{background-color:var(--color-primary)}.tour-dot:hover{background-color:var(--color-text-tertiary)}.tour-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@keyframes tour-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tour-guide [data-tour-elem=popover]{animation:tour-fade-in .2s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.header-left h2{margin:0;font-size:1.75rem;font-weight:600;color:#fff}.header-right{display:flex;align-items:center;gap:1rem}.view-toggles{display:flex;gap:.25rem;background-color:var(--color-bg-secondary);padding:.25rem;border-radius:6px;border:1px solid var(--color-border-subtle)}.view-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-text-primary);cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:24px}.view-toggle:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.view-toggle.active{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.view-toggles .view-toggle svg[viewBox]{font-size:24px!important;width:24px!important;height:24px!important;display:block!important;color:currentColor!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important;min-width:24px!important;min-height:24px!important;transform:scale(1.5)!important}.view-toggles .view-toggle svg{font-size:24px!important;width:24px!important;height:24px!important;display:block!important;color:currentColor!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important;min-width:24px!important;min-height:24px!important}@media (max-width: 768px){.page-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.header-right{width:100%;justify-content:flex-end}.header-left h2{font-size:1.5rem}}.circle-form{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--color-bg-primary);border-radius:1rem}.form-section{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--color-border-subtle);border-radius:.5rem;background-color:var(--color-surface)}.form-section h3{margin:0 0 1rem;font-size:1.25rem;color:var(--color-text-primary)}.role-item,.accountability-item{padding:1rem;margin-bottom:1rem;border:1px solid var(--color-border-subtle);border-radius:.5rem;background-color:var(--color-surface)}.add-button,.save-button{background-color:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;margin-top:1rem;transition:all .2s}.add-button:hover,.save-button:hover{background-color:var(--color-primary-hover)}.remove-button{background-color:var(--color-danger);color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;margin-top:.5rem;transition:all .2s}.remove-button:hover{background-color:var(--color-danger-hover)}.form-actions{text-align:right;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}button:disabled{opacity:.5;cursor:not-allowed}.edit-button{background-color:var(--color-primary);color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;margin-left:1rem;transition:all .2s}.edit-button:hover{background-color:var(--color-primary-hover)}.domain-inputs{grid-template-columns:1fr 1fr auto}.accountability-inputs{grid-template-columns:1fr auto}.domain-inputs input,.accountability-inputs input,.accountability-inputs textarea{font-size:.9rem;padding:.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:4px;color:var(--color-text-primary);transition:all .2s}.domain-inputs input:focus,.accountability-inputs input:focus,.accountability-inputs textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.domain-inputs input::placeholder,.accountability-inputs input::placeholder,.accountability-inputs textarea::placeholder{color:var(--color-text-tertiary)}.accountability-inputs textarea{resize:vertical;min-height:60px}.circle-container{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:8px;padding:24px;margin:16px 0}.circle-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.circle-info{flex:1}.circle-name{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.circle-purpose,.circle-lead{margin:8px 0;color:var(--color-text-secondary);line-height:1.4}.circle-purpose strong,.circle-lead strong{color:var(--color-text-primary)}.circle-container h3{color:var(--color-text-primary);margin:20px 0 10px;font-size:1.2rem}.circle-container ul{list-style:none;padding:0;margin:0}.circle-container li{background-color:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:4px;padding:12px;margin-bottom:8px}.circle-container li strong{color:var(--color-text-primary)}@media (max-width: 640px){.domain-inputs,.accountability-inputs{grid-template-columns:1fr}.circle-header{flex-direction:column;align-items:stretch}.edit-button{align-self:flex-end;margin-top:12px}}.role-form{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--color-bg-primary);border-radius:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-primary);font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;font-size:1rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:.5rem;color:var(--color-text-primary);transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group textarea{min-height:100px;resize:vertical}.domains-section,.accountabilities-section{border:1px solid var(--color-border-subtle);border-radius:6px;padding:16px;background-color:var(--color-surface);margin-top:8px}.domains-list,.accountabilities-list{margin-bottom:12px}.domain-item,.accountability-item{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:4px;padding:12px;margin-bottom:8px}.domain-inputs,.accountability-inputs{display:grid;gap:8px;align-items:start}.domain-inputs{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px}.domain-inputs input{grid-column:1;grid-row:1}.domain-inputs textarea{grid-column:1;grid-row:2}.domain-inputs button{grid-column:2;grid-row:1;align-self:start;margin-left:8px;min-width:80px}.accountability-inputs{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px}.accountability-inputs input{grid-column:1;grid-row:1}.accountability-inputs textarea{grid-column:1;grid-row:2}.accountability-inputs button{grid-column:2;grid-row:1;align-self:start;margin-left:8px;min-width:80px}.domain-inputs input,.domain-inputs textarea,.accountability-inputs input,.accountability-inputs textarea{font-size:.9rem;padding:.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:4px;color:var(--color-text-primary);transition:all .2s}.domain-inputs input:focus,.domain-inputs textarea:focus,.accountability-inputs input:focus,.accountability-inputs textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.domain-inputs input::placeholder,.domain-inputs textarea::placeholder,.accountability-inputs input::placeholder,.accountability-inputs textarea::placeholder{color:var(--color-text-tertiary)}.domain-inputs textarea,.accountability-inputs textarea{resize:vertical;min-height:60px;margin-top:4px}.btn{border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.875rem;line-height:1.25rem}.btn-small{padding:.5rem 1rem;font-size:.8rem;white-space:nowrap;min-width:fit-content;height:fit-content}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-hover)}.form-actions{text-align:right;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle);display:flex;gap:.75rem;justify-content:flex-end}.domains-section{border-left:4px solid var(--color-domain)}.accountabilities-section{border-left:4px solid var(--color-accountability)}@media (max-width: 640px){.domain-inputs{grid-template-columns:1fr;gap:12px}.domain-inputs input{grid-column:1;grid-row:1}.domain-inputs textarea{grid-column:1;grid-row:2}.domain-inputs button{grid-column:1;grid-row:3;margin-left:0;justify-self:start;min-width:100px}.accountability-inputs{grid-template-columns:1fr;gap:12px}.accountability-inputs input{grid-column:1;grid-row:1}.accountability-inputs textarea{grid-column:1;grid-row:2}.accountability-inputs button{grid-column:1;grid-row:3;margin-left:0;justify-self:start;min-width:100px}.form-actions{flex-direction:column;gap:.5rem}.form-actions .btn{width:100%}}.role-list-section{margin:16px 0}.role-list-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--color-surface);border-radius:4px;cursor:pointer;user-select:none;transition:all .2s;border:1px solid var(--color-border-subtle)}.role-list-header:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-default)}.role-list-header.collapsed{margin-bottom:0}.role-list-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-role)}.expand-icon,.collapse-icon{font-size:.8rem;color:var(--color-text-secondary);transition:transform .2s}.role-list-actions{padding:8px 0;text-align:right}.role-list{margin:8px 0}.no-roles{text-align:center;padding:20px;color:var(--color-text-secondary);font-style:italic}.no-roles p{margin-bottom:12px}.role-item{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:6px;padding:16px;margin-bottom:8px;transition:all .2s;position:relative;contain:layout}.role-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-default)}.role-item.role-assigned{border-left:4px solid var(--color-assigned)}.role-item.role-unassigned{border-left:4px solid var(--color-unassigned)}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;width:100%;box-sizing:border-box}.role-name{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-role);flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.role-actions{display:flex;gap:6px;flex-shrink:0;align-items:flex-start;flex-wrap:wrap}.role-assignee{margin-bottom:8px;padding:6px 12px;background-color:#27ae601a;border-radius:4px;font-size:.9rem;border:1px solid rgba(39,174,96,.2)}.assignee-label{color:var(--color-text-secondary);margin-right:8px}.assignee-name{color:var(--color-assigned);font-weight:500}.role-purpose{margin-bottom:12px;padding:8px 12px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:4px;font-style:italic;color:var(--color-text-secondary)}.role-purpose p{margin:0;line-height:1.4}.role-domains,.role-accountabilities{margin-bottom:8px}.section-label{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:6px;font-weight:500}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;cursor:help;transition:all .2s}.domain-tag{background-color:#6f42c133;color:var(--color-domain);border:1px solid rgba(111,66,193,.3)}.domain-tag:hover{background-color:#6f42c14d}.accountability-tag{background-color:#fd7e1433;color:var(--color-accountability);border:1px solid rgba(253,126,20,.3)}.accountability-tag:hover{background-color:#fd7e144d}@media (max-width: 640px){.role-header{flex-direction:column;align-items:stretch;gap:12px}.role-actions{justify-content:flex-end}.tag-list{flex-direction:column;align-items:flex-start}.tag{align-self:flex-start}}.circle-list-view-container{height:100%;padding:2rem}.circle-list-view{padding:0;max-width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.circles-tree{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;overflow-x:hidden;padding:0 1rem 1rem;min-height:0;max-height:100%}.empty-state{text-align:center;padding:3rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:8px;color:var(--color-text-secondary)}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.circle-item{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:8px;transition:all .2s;overflow:visible}.circle-item:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.circle-item.level-0{margin-left:0}.circle-item.level-1{margin-left:2rem;border-left:3px solid var(--color-primary);max-height:70vh;overflow-y:auto}.circle-item.level-2{margin-left:4rem;border-left:3px solid var(--color-success);max-height:60vh;overflow-y:auto}.circle-item.level-3{margin-left:6rem;border-left:3px solid var(--color-warning);max-height:50vh;overflow-y:auto}.circle-main{display:flex;align-items:flex-start;padding:1rem;gap:.5rem}.circle-expand-section{flex-shrink:0;width:24px;display:flex;justify-content:center;align-items:flex-start;padding-top:.2rem}.expand-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.expand-button:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.expand-placeholder{width:24px;height:24px}.circle-content{flex:1;min-width:0}.circle-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.circle-info{flex:1;min-width:0}.circle-name{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.circle-meta{display:flex;align-items:center;gap:.5rem;margin:.25rem 0;font-size:.9rem;color:var(--color-text-secondary)}.meta-icon{font-size:1rem;color:var(--color-text-tertiary);flex-shrink:0}.circle-purpose{font-style:italic}.circle-lead{font-weight:500;color:var(--color-assigned)}.circle-actions{display:flex;gap:.5rem;align-items:flex-start;flex-shrink:0}.circle-actions .btn{padding:.5rem;min-width:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.circle-metadata{margin:.75rem 0;padding-top:.75rem;border-top:1px solid var(--color-border-subtle)}.metadata-section{margin:.5rem 0}.metadata-label{display:inline-block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.25rem;margin-right:.5rem}.tag-list{display:inline-flex;flex-wrap:wrap;gap:.25rem}.tag{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;cursor:help;transition:all .2s}.domain-tag{background-color:#6f42c126;color:var(--color-domain);border:1px solid rgba(111,66,193,.3)}.domain-tag:hover{background-color:#6f42c140}.accountability-tag{background-color:#fd7e1426;color:var(--color-accountability);border:1px solid rgba(253,126,20,.3)}.accountability-tag:hover{background-color:#fd7e1440}.roles-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.section-header{margin-bottom:.5rem}.section-toggle{background:none;border:none;color:var(--color-role);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;padding:.25rem 0;transition:all .2s}.section-toggle:hover{color:var(--color-role-hover)}.child-circles{border-top:1px solid var(--color-border-subtle);background-color:var(--color-bg-primary)}.child-circles .circle-item{border-radius:0;border-left:none;border-right:none;border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-bg-secondary)}.child-circles .circle-item:last-child{border-bottom:none}.child-circles .circle-item:hover{background-color:var(--color-surface)}@media (max-width: 768px){.list-header{flex-direction:column;align-items:stretch;gap:1rem}.circle-header{flex-direction:column;align-items:stretch;gap:.75rem}.circle-actions{align-self:flex-end}.circle-item.level-1{margin-left:1rem}.circle-item.level-2{margin-left:2rem}.circle-item.level-3{margin-left:3rem}.tag-list{margin-top:.25rem}.metadata-label{display:block;margin-bottom:.5rem}}@media (max-width: 480px){.circle-main{padding:.75rem}.circle-name{font-size:1.1rem}.circle-actions .btn{width:28px;height:28px;padding:.25rem}.circle-item.level-1,.circle-item.level-2,.circle-item.level-3{margin-left:.5rem}}.tension-card{background:var(--color-bg-secondary, #1f2937);border:1px solid var(--color-border-subtle, #374151);border-radius:.75rem;padding:1.5rem;transition:all .2s;position:relative}.tension-card:hover{background:var(--color-bg-hover, #374151);border-color:var(--color-border-hover, #4b5563);box-shadow:0 2px 4px -1px #0003}.tension-card.status-captured{border-left:4px solid var(--status-captured, #f59e0b)}.tension-card.status-in-process{border-left:4px solid var(--status-in-process, #3b82f6)}.tension-card.status-resolved{border-left:4px solid var(--status-resolved, #10b981)}.tension-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.tension-meta{display:flex;gap:1rem;flex-wrap:wrap}.tension-status,.tension-visibility{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.375rem;background-color:var(--color-bg-tertiary, #111827);color:var(--color-text-secondary, #9ca3af)}.tension-status.status-captured{background-color:#f59e0b1a;color:var(--status-captured, #f59e0b)}.tension-status.status-in-process{background-color:#3b82f61a;color:var(--status-in-process, #3b82f6)}.tension-status.status-resolved{background-color:#10b9811a;color:var(--status-resolved, #10b981)}.tension-actions{display:flex;gap:.5rem}.action-button{padding:.5rem;border:none;background:var(--color-bg-tertiary, #111827);color:var(--color-text-secondary, #9ca3af);border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:.875rem}.action-button:hover:not(:disabled){background:var(--color-bg-hover, #374151);color:var(--color-text-primary, #f9fafb)}.action-button:disabled{opacity:.5;cursor:not-allowed}.delete-button:hover:not(:disabled){background:#ef44441a;color:var(--error-color, #dc2626)}.tension-content{margin-bottom:1rem}.tension-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #f9fafb);margin:0 0 .5rem;line-height:1.4}.tension-description{color:var(--color-text-secondary, #9ca3af);line-height:1.5;margin:0}.tension-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.875rem}.detail-item{display:flex;align-items:center;gap:.25rem;color:var(--color-text-secondary, #9ca3af)}.tension-context{display:flex;gap:.75rem;flex-wrap:wrap}.context-label{font-weight:500}.tension-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-border-subtle, #374151);font-size:.75rem;color:var(--color-text-secondary, #9ca3af)}.tension-creator,.tension-date{display:flex;align-items:center;gap:.25rem}.status-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle, #374151)}.status-button{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.status-button:disabled{opacity:.5;cursor:not-allowed}.process-button{background:var(--status-in-process, #3b82f6);color:#fff}.process-button:hover:not(:disabled){background:#2563eb}.resolve-button{background:var(--status-resolved, #10b981);color:#fff}.resolve-button:hover:not(:disabled){background:#059669}.reopen-button{background:var(--status-captured, #f59e0b);color:#fff}.reopen-button:hover:not(:disabled){background:#d97706}.delete-confirm{position:absolute;inset:0;background:#1f2937f2;border-radius:.75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.delete-confirm p{margin:0 0 1rem;color:var(--color-text-primary, #f9fafb);font-weight:500}.confirm-actions{display:flex;gap:.75rem}.cancel-button{padding:.5rem 1rem;border:1px solid var(--color-border-subtle, #374151);background:var(--color-bg-secondary, #1f2937);color:var(--color-text-primary, #f9fafb);border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.cancel-button:hover:not(:disabled){background:var(--color-bg-hover, #374151)}.confirm-button{padding:.5rem 1rem;border:none;background:var(--error-color, #dc2626);color:#fff;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.confirm-button:hover:not(:disabled){background:#b91c1c}.resolution-text{margin-top:1rem;padding:1rem;background:var(--color-bg-tertiary, #111827);border-radius:.5rem;border-left:3px solid var(--status-resolved, #10b981)}.resolution-text strong{color:var(--color-text-primary, #f9fafb);display:block;margin-bottom:.5rem}.resolution-text p{margin:0;color:var(--color-text-secondary, #9ca3af);line-height:1.5}.resolution-input{width:100%;margin-top:1rem}.resolution-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border-subtle, #374151);border-radius:.5rem;background:var(--color-bg-secondary, #1f2937);color:var(--color-text-primary, #f9fafb);font-size:.875rem;line-height:1.5;resize:vertical;min-height:80px;margin-bottom:.75rem}.resolution-textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.resolution-textarea::placeholder{color:var(--color-text-secondary, #9ca3af)}.resolution-actions{display:flex;gap:.5rem;justify-content:flex-end}.cancel-resolution-button{padding:.5rem 1rem;border:1px solid var(--color-border-subtle, #374151);background:var(--color-bg-secondary, #1f2937);color:var(--color-text-primary, #f9fafb);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-resolution-button:hover:not(:disabled){background:var(--color-bg-hover, #374151)}.confirm-resolution-button{padding:.5rem 1rem;border:none;background:var(--status-resolved, #10b981);color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.confirm-resolution-button:hover:not(:disabled){background:#059669}@media (max-width: 640px){.tension-card{padding:1rem}.tension-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.tension-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.tension-details{flex-direction:column;gap:.5rem}}.tension-form-modal{max-width:600px}.tension-form{display:flex;flex-direction:column;height:100%}.tension-form-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--color-border-subtle, #374151);margin-bottom:1.5rem}.tension-form-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #f9fafb)}.close-button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:.375rem;color:var(--color-text-secondary, #9ca3af);transition:all .2s}.close-button:hover{color:var(--color-text-primary, #f9fafb);background-color:var(--color-surface-hover, #374151)}.close-button:disabled{opacity:.5;cursor:not-allowed}.tension-form-content{flex:1;padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--color-text-primary, #f9fafb);font-size:.875rem}.required{color:var(--error-color, #dc2626)}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid var(--color-border-subtle, #374151);border-radius:.375rem;font-size:.875rem;background:var(--color-bg-secondary, #111827);color:var(--color-text-primary, #f9fafb);transition:all .2s}.form-group input:hover:not(:disabled),.form-group textarea:hover:not(:disabled),.form-group select:hover:not(:disabled){border-color:var(--color-border-default, #4b5563);background-color:var(--color-surface-hover, #1f2937)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary, #6b7280)}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:var(--color-bg-tertiary, #0f172a);color:var(--color-text-tertiary, #6b7280);cursor:not-allowed;opacity:.6}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%239ca3af" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:.5rem;padding-right:2.25rem}.form-group select option{background:var(--color-bg-secondary, #111827);color:var(--color-text-primary, #f9fafb)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-subtle, #374151)}.cancel-button{padding:.75rem 1.5rem;border:1px solid var(--color-border-subtle, #374151);background:var(--color-bg-secondary, #1f2937);color:var(--color-text-primary, #f9fafb);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover:not(:disabled){background-color:var(--color-bg-hover, #374151);border-color:var(--color-border-hover, #4b5563)}.submit-button{padding:.75rem 1.5rem;border:none;background:var(--primary-color, #3b82f6);color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.submit-button:hover:not(:disabled){background:var(--primary-hover, #2563eb)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:.75rem;background-color:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);color:var(--error-text, #dc2626);border-radius:.375rem;font-size:.875rem;margin-bottom:1rem}.field-help{margin-top:.5rem;padding:.75rem;background-color:var(--color-bg-secondary, rgba(55, 65, 81, .5));border:1px solid var(--color-border-subtle, #374151);border-radius:.375rem;font-size:.8rem;line-height:1.4}.field-help p{margin:0 0 .5rem;color:var(--color-text-secondary, #9ca3af)}.field-help p:last-child{margin-bottom:0}.field-help strong{color:var(--color-text-primary, #f9fafb);font-weight:600}.tension-list{display:flex;flex-direction:column;height:100%;gap:1.5rem}.tension-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.tension-count{font-size:1rem;font-weight:400;color:var(--color-text-secondary, #9ca3af)}.tension-stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding:0 2rem}.stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:.5rem;min-width:4rem}.stat.captured{background-color:#f59e0b1a;color:var(--status-captured, #f59e0b)}.stat.in-process{background-color:#3b82f61a;color:var(--status-in-process, #3b82f6)}.stat.resolved{background-color:#10b9811a;color:var(--status-resolved, #10b981)}.stat-count{font-size:1.25rem;font-weight:600;line-height:1}.stat-label{font-size:.75rem;font-weight:500;margin-top:.25rem}.header-actions{display:flex;gap:.75rem;align-items:center}.filter-button,.refresh-button{padding:.75rem;border:1px solid var(--border-color, #d1d5db);background:#fff;color:var(--text-secondary, #6b7280);border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:1rem}.filter-button:hover:not(:disabled),.refresh-button:hover:not(:disabled){background:var(--bg-secondary, #f9fafb);border-color:var(--border-hover, #9ca3af);color:var(--text-primary, #374151)}.filter-button.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.add-button{padding:.75rem 1.5rem;border:none;background:var(--primary-color, #3b82f6);color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.add-button:hover{background:var(--primary-hover, #2563eb)}.tension-filters{background:var(--color-surface, #1f2937);border:1px solid var(--color-border-subtle, #374151);border-radius:.75rem;padding:1.5rem;margin:0 2rem 1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-subtle, #374151)}.filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #f9fafb)}.close-filters{background:none;border:none;color:var(--color-text-secondary, #9ca3af);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.close-filters:hover{color:var(--color-text-primary, #f9fafb);background:var(--color-surface-hover, #374151)}.filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;color:var(--color-text-primary, #f9fafb);font-size:.875rem}.search-input{position:relative;display:flex;align-items:center}.search-input svg{position:absolute;left:.75rem;color:var(--color-text-secondary, #9ca3af);font-size:1rem;z-index:1}.search-input input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--color-border-subtle, #374151);border-radius:.375rem;font-size:.875rem;background:var(--color-bg-secondary, #111827);color:var(--color-text-primary, #f9fafb);transition:all .2s}.search-input input::placeholder{color:var(--color-text-tertiary, #6b7280)}.search-input input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary, #9ca3af);cursor:pointer;transition:color .2s}.checkbox-label:hover{color:var(--color-text-primary, #f9fafb)}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary-color, #3b82f6)}.filter-group select{padding:.75rem 2.25rem .75rem .75rem;border:1px solid var(--color-border-subtle, #374151);border-radius:.375rem;font-size:.875rem;background:var(--color-bg-secondary, #111827);color:var(--color-text-primary, #f9fafb);cursor:pointer;transition:all .2s;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%239ca3af" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:.5rem}.filter-group select:hover{border-color:var(--color-border-default, #4b5563);background-color:var(--color-surface-hover, #1f2937)}.filter-group select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.filter-group select option{background:var(--color-bg-secondary, #111827);color:var(--color-text-primary, #f9fafb)}.filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border-subtle, #374151)}.clear-button{padding:.5rem 1rem;border:1px solid var(--color-border-subtle, #374151);background:var(--color-bg-secondary, #111827);color:var(--color-text-secondary, #9ca3af);border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.clear-button:hover{background:var(--color-surface-hover, #374151);border-color:var(--color-border-default, #4b5563);color:var(--color-text-primary, #f9fafb)}.tension-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 2rem}.controls-left{display:flex;align-items:center}.controls-right{display:flex;align-items:center;gap:.5rem}.control-button{padding:.5rem;border:1px solid var(--color-border-subtle, #374151);background:var(--color-bg-secondary, #1f2937);color:var(--color-text-secondary, #9ca3af);border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:1rem;display:flex;align-items:center;justify-content:center}.control-button:hover:not(:disabled){background:var(--color-bg-hover, #374151);border-color:var(--color-border-hover, #4b5563);color:var(--color-text-primary, #f9fafb)}.control-button.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.control-button:disabled{opacity:.5;cursor:not-allowed}.tension-list-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem}.sort-controls{display:flex;align-items:center;gap:.75rem;font-size:.875rem;padding:0 2rem 1rem}.sort-controls>span{color:var(--color-text-secondary, #9ca3af);font-weight:500}.sort-button{padding:.5rem .75rem;border:1px solid var(--color-border-subtle, #374151);background:var(--color-bg-secondary, #1f2937);color:var(--color-text-secondary, #9ca3af);border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.sort-button:hover{background:var(--color-bg-hover, #374151);border-color:var(--color-border-hover, #4b5563);color:var(--color-text-primary, #f9fafb)}.sort-button.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.tension-content{flex:1;min-height:0;padding:0 2rem 2rem;overflow-y:auto}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary, #6b7280)}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--border-color, #e5e7eb);border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-action-button{margin-top:1rem;padding:.75rem 1.5rem;border:none;background:var(--primary-color, #3b82f6);color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.empty-action-button:hover{background:var(--primary-hover, #2563eb)}.tension-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;padding:1rem 0}@media (max-width: 768px){.tension-grid{grid-template-columns:1fr}.tension-list-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions,.tension-stats{justify-content:center}.filters-content{grid-template-columns:1fr}.sort-controls{flex-wrap:wrap;justify-content:center}}.tension-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.tension-list-error p{color:var(--error-color, #dc2626);margin-bottom:1rem}.retry-button{padding:.75rem 1.5rem;border:1px solid var(--error-color, #dc2626);background:#fff;color:var(--error-color, #dc2626);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.retry-button:hover{background:#dc26261a}.dashboard-container-wrapper{height:100%;padding:0}.dashboard-container{padding:0;max-width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.user-selector{display:flex;align-items:center;gap:.75rem}.user-selector label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;font-size:.875rem}.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:8px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;color:var(--color-text-primary);cursor:pointer;min-width:200px}.select-wrapper select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.select-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-secondary)}.dashboard-content{display:flex;flex-direction:column;gap:2rem;padding:0 2rem 2rem;flex:1;min-height:0;overflow-y:auto}.dashboard-section{background:transparent;border-radius:0;padding:0;border:none}.dashboard-section h2{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.dashboard-item{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.dashboard-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-item h3{margin:0 0 .75rem;color:var(--color-text-primary);font-size:1.1rem;font-weight:600;line-height:1.3}.item-purpose{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem;font-style:italic;line-height:1.4}.item-description{margin:0 0 .75rem;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.item-meta{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--color-border-subtle)}.item-meta span{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;background:var(--color-bg-secondary);padding:.25rem .5rem;border-radius:6px;display:inline-block}.item-details{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.item-details:first-of-type{margin-top:1rem}.details-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.375rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;cursor:help;transition:all .2s;text-align:center}.domain-tag{background-color:#6f42c11f;color:var(--color-domain);border:1px solid rgba(111,66,193,.25)}.domain-tag:hover{background-color:#6f42c133;border-color:#6f42c166}.accountability-tag{background-color:#fd7e141f;color:var(--color-accountability);border:1px solid rgba(253,126,20,.25)}.accountability-tag:hover{background-color:#fd7e1433;border-color:#fd7e1466}.no-items{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);font-style:italic;padding:3rem 2rem;margin:0;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:12px;border-style:dashed}@media (max-width: 768px){.dashboard-content{padding:0 1rem 1rem}.user-selector{width:100%}.select-wrapper select{width:100%;min-width:auto}.items-grid{grid-template-columns:1fr;gap:1rem}.dashboard-item{padding:1.25rem}.dashboard-item:hover{transform:none}}@media (max-width: 480px){.dashboard-item{padding:1rem}.tag-list{gap:.375rem}.tag{padding:.25rem .5rem;font-size:.7rem}}@media (max-width: 480px){.user-selector{flex-direction:column;align-items:flex-start;gap:.5rem}.user-selector label{align-self:flex-start}}.member-management-modal{width:90%;max-width:800px;max-height:80vh;overflow-y:auto}.members-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:2rem}.member-card{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--background-secondary);transition:background .15s}.member-card:hover{background:var(--background-tertiary)}.member-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.member-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;flex-shrink:0}.member-details{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.member-details h4{margin:0;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px;max-width:180px}.member-email{margin:0;color:var(--text-secondary);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.member-role{margin:0;flex-shrink:0}.role-badge{padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}.role-badge.role-owner{background:#9333ea;color:#fff}.member-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.25rem;margin-left:.5rem;flex-shrink:0}.member-actions .btn{padding:.25rem;min-width:24px;max-width:24px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;flex-shrink:0}.member-actions .btn svg{width:14px;height:14px}.role-editor{display:flex;align-items:center;gap:.5rem}.role-editor .btn{min-width:auto;max-width:none;width:auto;height:24px;padding:.25rem .5rem;font-size:.75rem;white-space:nowrap}.role-select{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:3px;background:var(--background-primary);color:var(--text-primary);font-size:.75rem;height:24px;min-width:120px}.member-card .action-buttons,.member-actions .action-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.25rem;align-items:center;flex-shrink:0}.role-hierarchy-info{border-top:1px solid var(--border-color);padding-top:2rem}.role-hierarchy-info h3{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary)}.role-explanations{display:flex;flex-direction:column;gap:1rem}.role-explanation{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:6px;background:var(--background-tertiary)}.role-explanation p{margin:0;font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.member-card{flex-direction:column;align-items:stretch;gap:1rem}.member-actions{justify-content:flex-end}.role-explanation{flex-direction:column;align-items:flex-start;gap:.5rem}}.member-management-section{width:100%}.role-hierarchy-container{margin-top:2rem;border-top:1px solid var(--color-border-subtle);padding-top:1rem}.role-hierarchy-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid var(--color-border-default);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;font-size:.875rem}.role-hierarchy-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.role-hierarchy-toggle svg{font-size:1.25rem}.role-hierarchy-info{margin-top:1rem;padding:1rem;background:var(--color-surface-secondary);border-radius:6px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.invite-users-modal{width:90%;max-width:700px;max-height:80vh;overflow-y:auto}.invite-users-modal .invite-form{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;background:var(--background-secondary)}.invite-users-modal .invite-form h3{margin:0 0 1rem;font-size:1.125rem;color:var(--text-primary)}.invite-users-modal .form-description{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.invite-users-modal .invite-form .btn{margin-top:1rem;width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--background-primary);color:var(--text-primary);font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.role-description{margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary);font-style:italic}.error-message{padding:.75rem;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.875rem;margin-bottom:1rem}.success-message{padding:.75rem;background:#d1fae5;border:1px solid #a7f3d0;border-radius:4px;color:#065f46;font-size:.875rem;margin-bottom:1rem}.invitations-section{border-top:1px solid var(--border-color);padding-top:2rem}.invitations-section h3{margin:0 0 1rem;font-size:1.125rem;color:var(--text-primary)}.no-invitations{text-align:center;color:var(--text-secondary);font-style:italic;padding:2rem}.invitations-list{display:flex;flex-direction:column;gap:1rem}.invitation-card{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-secondary)}.invitation-card.pending{border-left:4px solid #f59e0b}.invitation-card.accepted{border-left:4px solid #10b981}.invitation-card.expired,.invitation-card.revoked{border-left:4px solid #ef4444;opacity:.7}.invitation-info{flex:1}.invitation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.invitation-header strong{font-size:1rem;color:var(--text-primary)}.invite-code-display{font-family:Courier New,Courier,monospace;font-size:1.125rem!important;font-weight:700!important;background:var(--background-primary);padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--border-color);color:var(--primary-color)!important;letter-spacing:.05em}.invitation-status{display:flex;align-items:center;gap:.5rem}.status-icon{font-size:1rem}.status-icon.pending{color:#f59e0b}.status-icon.accepted{color:#10b981}.status-icon.rejected{color:#ef4444}.status-text{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-text.pending{color:#f59e0b}.status-text.accepted{color:#10b981}.status-text.expired,.status-text.revoked{color:#ef4444}.invitation-details{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge.role-admin{background:#dc2626;color:#fff}.role-badge.role-circle_lead{background:#2563eb;color:#fff}.role-badge.role-role_lead{background:#059669;color:#fff}.role-badge.role-member{background:var(--border-color);color:var(--text-primary)}.invited-by,.invitation-date,.usage-info{font-size:.875rem;color:var(--text-secondary)}.usage-info{font-weight:600;color:var(--text-primary)}.expiry-info,.accepted-info{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.invitation-actions{display:flex;gap:.5rem;margin-left:1rem}@media (max-width: 768px){.invite-users-modal{width:95%;max-height:90vh}.invitation-card{flex-direction:column;gap:1rem}.invitation-actions{margin-left:0;justify-content:flex-end}.invitation-details{flex-direction:column;align-items:flex-start;gap:.5rem}}.invite-users-section{width:100%}.invite-users-section .invite-form{margin-bottom:2rem}.invitations-table-container{overflow-x:auto;margin-top:1rem}.invitations-table{width:100%;border-collapse:collapse;font-size:.875rem}.invitations-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border-default)}.invitations-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.invitations-table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background-color .2s}.invitations-table tbody tr:hover{background:var(--color-surface-hover)}.invitations-table td{padding:1rem;vertical-align:middle}.invite-code-cell strong{font-family:Monaco,Courier New,monospace;color:var(--color-text-primary)}.status-cell .invitation-status{display:flex;align-items:center;gap:.5rem}.role-cell .role-badge{display:inline-block}.creator-cell,.date-cell,.expiry-cell{color:var(--color-text-secondary);white-space:nowrap}.actions-cell .invitation-actions{display:flex;gap:.5rem;justify-content:flex-start}@media (max-width: 1024px){.invitations-table{font-size:.8125rem}.invitations-table th,.invitations-table td{padding:.5rem}}.delete-org-modal{display:flex;flex-direction:column;gap:1.5rem}.delete-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:var(--color-danger-bg, rgba(220, 38, 38, .1));border:1px solid var(--color-danger, #dc2626);border-radius:8px;gap:1rem}.delete-warning svg{color:var(--color-danger, #dc2626)}.delete-warning h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.delete-warning p{margin:0;color:var(--color-text-secondary);line-height:1.5}.delete-warning strong{color:var(--color-text-primary);font-weight:600}.retention-notice{font-size:.875rem;font-style:italic}.confirm-section{display:flex;flex-direction:column;gap:.75rem}.confirm-section label{font-weight:500;color:var(--color-text-primary)}.confirm-section label strong{font-family:monospace;background:var(--color-surface-secondary);padding:.125rem .375rem;border-radius:4px}.confirm-section input{padding:.75rem;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem}.confirm-section input:focus{outline:none;border-color:var(--color-danger, #dc2626)}.confirm-section input:disabled{opacity:.5;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.btn-danger{background:var(--color-danger, #dc2626);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover, #b91c1c)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.organization-settings{padding:2rem;height:100%;overflow-y:auto}.settings-header{margin-bottom:2rem}.settings-header h1{margin:0;font-size:2rem;color:var(--color-text-primary);display:flex;align-items:center;gap:1rem}.settings-header h1 svg{font-size:2rem}.settings-content{display:flex;flex-direction:column;gap:2rem;max-width:1200px}.settings-section{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:8px;padding:2rem}.settings-section h2{margin:0 0 1.5rem;font-size:1.5rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.75rem}.settings-section h2 svg{font-size:1.5rem}.organization-name-section{display:flex;flex-direction:column;gap:.75rem}.organization-name-section label{font-weight:600;color:var(--color-text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.name-edit-container{display:flex;align-items:center}.name-edit-form,.name-display{display:flex;align-items:center;gap:.75rem;flex:1}.name-edit-form input{flex:1;padding:.75rem;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem}.name-edit-form input:focus{outline:none;border-color:var(--color-primary)}.name-display{padding:.75rem 0}.name-display .organization-name{flex:1;font-size:1.125rem;font-weight:500;color:var(--color-text-primary)}@media (max-width: 768px){.organization-settings{padding:1rem}.settings-header h1{font-size:1.5rem}.settings-section{padding:1.5rem}.settings-section h2{font-size:1.25rem}}.permission-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.permission-denied svg{color:var(--color-text-tertiary);margin-bottom:1rem}.permission-denied h2{margin:0 0 1rem;font-size:1.5rem;color:var(--color-text-primary)}.permission-denied p{margin:.5rem 0;font-size:1rem;color:var(--color-text-secondary)}.danger-zone{border-color:var(--color-danger, #dc2626);background:var(--color-danger-bg, rgba(220, 38, 38, .05))}.danger-zone h2{color:var(--color-danger, #dc2626)}.danger-zone-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.danger-zone-description{flex:1}.danger-zone-description h3{margin:0 0 .75rem;font-size:1.125rem;color:var(--color-text-primary)}.danger-zone-description p{margin:0 0 .75rem;color:var(--color-text-secondary);line-height:1.5}.danger-zone-description p:last-child{margin-bottom:0}.owner-only-notice{display:flex;align-items:center;gap:.5rem;color:var(--color-text-tertiary);font-size:.875rem;font-style:italic}.owner-only-notice svg{flex-shrink:0}@media (max-width: 768px){.danger-zone-content{flex-direction:column}}#root{min-height:100vh}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-color:var(--color-bg-secondary)}.login-container{padding:2rem;border-radius:1rem;background-color:var(--color-bg-elevated);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-subtle)}.login-container h1{margin-bottom:1rem;color:var(--color-text-primary)}.login-container p{margin-bottom:2rem;color:var(--color-text-secondary)}.authenticated-content{background-color:var(--color-bg-secondary);height:100%;display:flex;flex-direction:column}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-subtle);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background-color:#e74c3c1a;color:var(--color-danger);padding:1rem;border-radius:.5rem;border:1px solid rgba(231,76,60,.2);margin:2rem auto;max-width:480px}button{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}button:hover{background-color:var(--color-primary-hover)}button:focus,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.view-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.view-content>*{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}