@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.app__layout{display:flex;height:100vh;overflow:hidden}.app__layout__sidebar{flex-shrink:0;height:100vh;position:sticky;top:0;z-index:10}.app__layout__main{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#fff;color:#333}.topbar__toggle{background:none;border:none;color:#333;font-size:1.5rem;cursor:pointer}.topbar__options{flex-grow:1;display:flex;justify-content:flex-end}.topbar__options button{border:none;background:none;padding:5px}.topbar__language-selector,.topbar__app-selector{margin-left:20px;padding:5px;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:4px;cursor:pointer}.app__layout__content{flex-grow:1;padding:20px;overflow-y:auto;height:100%;min-height:0}.dashboard__sidebar{width:250px;background-color:#f4f4f4;height:100vh;position:sticky;top:0}.app__sidebar{width:200px;height:100vh;font-size:1rem;padding:8px;background-color:var(--primary-color);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.sidebar__list--top{display:flex;flex-direction:column;gap:10px}.sidebar__list--item{list-style:none;margin:0;border-radius:8px}.sidebar__list--item a{text-decoration:none;padding:10px;display:flex;gap:10px;align-items:center;color:#fff;width:100%}.sidebar__list--item a:hover{background-color:var(--primary-color-hover);border-radius:5px}.sidebar__profile{display:flex;align-items:center;gap:10px;margin:0 10px;border-top:1px solid #ccc;padding:10px 0}.sidebar__profile img{width:40px;height:40px;border-radius:50%}.sidebar__profile--info h1{font-size:.8rem;color:#fff}.sidebar__profile--info p{font-size:.6rem;color:#ccc}.sidebar__list--item.active{background-color:var(--primary-color-hover);border-radius:5px}.sidebar__logo{text-align:center;margin:20px 0}.sidebar__logo img{max-width:100%;height:auto}.auth__container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.form__container{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;width:70%;height:80%;overflow:hidden;flex-wrap:wrap;position:relative}.form__content--right{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;background:linear-gradient(135deg,#a1c4fd,#c2e9fb);border-radius:8px;opacity:1;transition:transform .5s ease,opacity .5s ease;height:100%}.form__content--right img{max-width:100%;height:auto;margin-bottom:20px}.form__content--right h1{font-size:1.5rem;color:#fff;text-align:center}.form__content--left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#fff;border-radius:8px;opacity:1;transition:transform .5s ease,opacity .5s ease}.form__header{position:relative;flex-direction:column;text-align:center;margin-top:40px;transition:transform .5s ease;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.form__content--left p.error{color:#f54848}.form__header img{max-width:100%;height:auto;margin:0 auto 20px;position:relative;top:-50px;transition:transform .5s ease}.form__content--left h1,.form__content--right h1{margin-top:0;font-size:1.2rem;color:#333;font-weight:600;text-align:center}.form__content--left--fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;border:none;width:100%}.form__content--left--fields label{font-weight:500;width:100%}.input__container{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;color:gray;width:100%;padding:0 10px}.form__content--left form{display:flex;flex-direction:column;gap:30px}.form__content--left input{padding:10px;font-size:14px;border:none;width:100%}.form__content--left input:focus{outline:none}.form__content--left button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 15px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.form__content--left button:hover{background-color:var(--primary-color-hover)}.form__content--left a{text-align:center;color:var(--primary-color);text-decoration:none;margin-top:20px;font-size:.9rem}.form__content--left a:hover{text-decoration:underline}.form__toggle{text-align:center;margin-top:20px}.form__toggle span{cursor:pointer;color:var(--primary-color);font-weight:700}.form__content--left.move-left{order:2}.form__content--left.move-right{order:1}.form__content--right.move-left{order:1;transform:translate(0)}.form__content--right.move-right{order:2;transform:translate(0)}.form__content--left.move-logo-up{transform:translateY(-80px)}.form__content--left p{color:#888}.none--account{margin-top:20px}.required{color:var(--primary-color)}@media (max-width: 768px){.form__container{flex-direction:column;padding:10px;width:100%}.form__content--right{display:none}.form__content--left{flex:unset;width:100%;order:1}.form__content--left--fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%;border:none}.form__content--left--fields label{font-weight:500;width:100%}fieldset{border:none}.form__content--left--fields section{display:flex;border:none;flex-direction:column}.form__content--left button{width:100%;padding:12px;font-size:14px}.forgot--password{margin-bottom:20px}.form__header h1{font-size:1rem}.form__toggle span{font-size:.9rem}.form__header img{max-width:60%;margin-top:20px;top:0}}.layout__header{width:100%;display:flex;flex-direction:column}.layout__header--title{display:flex;align-items:center;border-bottom:1px solid #E7E6EA;padding:0 0 20px;gap:20px}.layout__header--icon{font-size:1.5rem;padding:10px;height:50px;width:50px;border-radius:50%;color:#6d687f;border:1px solid #E7E6EA;display:flex;justify-content:center;align-items:center}.layout__header--text{display:flex;flex-direction:column;gap:6px}.layout--title{font-size:1rem;font-weight:500}.layout--subtitle{font-size:.9rem;color:#6d687f}.layout__header--actions{margin-left:auto;display:flex;gap:40px}.layout__header--actions button{background:none;color:#6d687f;border:none;font-size:1.2rem;cursor:pointer}.layout__header--subtitle{display:flex;padding:20px 0}.layout__header--subtitle--text{display:flex;flex-direction:column;gap:6px}.layout__header--button{display:flex;gap:10px;align-items:center;cursor:pointer;background:var(--primary-color);color:#fff;padding:10px;border-radius:10px;margin-left:auto;border:none}.layout__header--button:hover{background:var(--primary-color-hover)}.workspaces-table-container{height:100%;display:flex;flex-direction:column}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.search-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:10px 16px 10px 44px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:16px}.table-info{display:flex;align-items:center;gap:16px}.results-count{color:#6c757d;font-size:14px;font-weight:500}.workspace-name-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;padding:0;transition:all .2s ease}.workspace-name-button:hover{color:#0056b3;text-decoration:underline}.workspace-name-button:focus{outline:2px solid #007bff;outline-offset:2px;border-radius:4px}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.code-cell{font-family:inherit;font-size:14px;color:#6c757d;font-style:normal}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;font-size:14px;color:#6c757d}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:#6c757d}.no-data-message p{margin:0;font-size:16px}.rdt_Table{border-radius:0 0 12px 12px}.rdt_TableHeadRow{background-color:transparent!important;border-bottom:2px solid #e9ecef!important}.rdt_TableCol{font-weight:600!important;color:#495057!important;font-size:14px!important}.rdt_TableRow{border-bottom:1px solid #f1f3f4!important;transition:background-color .2s ease!important}.rdt_TableCell{padding:16px!important;font-size:14px!important;color:#212529!important}.rdt_Pagination{border-top:2px solid #e9ecef!important;padding:16px 24px!important;background-color:#f8f9fa!important}.rdt_Pagination>div{color:#495057!important;font-size:14px!important}.rdt_Pagination button{fill:#495057!important;border-radius:6px!important;transition:all .2s ease!important}select{padding:4px 8px!important;border:1px solid #ced4da!important;border-radius:4px!important;font-size:14px!important;background-color:#fff!important;color:#495057!important}@media (max-width: 768px){.table-header{flex-direction:column;gap:16px;align-items:stretch}.search-container{max-width:none}.table-info{justify-content:center}.rdt_TableCell{padding:12px 8px!important;font-size:12px!important}.status-badge{font-size:10px!important;padding:2px 8px!important}.workspace-name-button,.code-cell,.description-cell{font-size:12px!important}}@media (max-width: 480px){.description-cell{max-width:150px}}.tabs-container{background:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0}.tabs-header{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef}.tab-button{flex:1;padding:12px 16px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative;text-align:left}.tab-button.active{background:#fff;border-bottom-color:#007bff;box-shadow:0 -2px 8px #0000000d}.tab-content{display:flex;flex-direction:column;width:100%}.tab-main{display:flex;align-items:center;gap:10px;margin-bottom:4px}.tab-icon{font-size:16px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#007bff1a;border-radius:6px;flex-shrink:0}.tab-text{display:flex;align-items:center;gap:6px;flex:1}.tab-label{font-size:14px;font-weight:600;color:#212529}.tab-count{background:#007bff;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:8px;min-width:16px;text-align:center;line-height:1.2}.tab-subtitle{font-size:12px;color:#6c757d;margin-top:1px;line-height:1.2}.tab-button.active .tab-label{color:#007bff}@media (max-width: 768px){.tabs-header{flex-direction:column}.tab-button{flex:none;padding:12px 16px}.tab-main{margin-bottom:4px}.tab-icon{width:24px;height:24px;font-size:16px}.tab-label{font-size:14px}.tab-count{font-size:11px;padding:1px 6px}.tab-subtitle{font-size:12px}}.entity-table-container{height:100%;display:flex;flex-direction:column;background:#fff;min-height:0}.table-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e9ecef;background:#f8f9fa;flex-shrink:0}.rdt_Table{font-family:inherit;flex:1;display:flex!important;flex-direction:column!important}.rdt_TableBody{font-size:14px!important;flex:1!important;overflow-y:auto!important}.rdt_Pagination{border-top:2px solid #e9ecef!important;padding:8px 16px!important;background-color:#f8f9fa!important;min-height:48px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.clickable-cell{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;padding:0;transition:all .2s ease;text-align:left}.clickable-cell:focus{outline:2px solid rgba(0,123,255,.3);outline-offset:2px;border-radius:4px}.actions-cell{display:flex;gap:8px;align-items:center;justify-content:center}.action-btn:focus{outline:2px solid rgba(0,123,255,.3);outline-offset:2px}.rdt_Table{font-family:inherit}.rdt_TableHead{background-color:#f8f9fa!important}.rdt_TableHeadRow{background-color:transparent!important;border-bottom:2px solid #e9ecef!important;min-height:48px!important}.rdt_TableCol{font-weight:600!important;color:#495057!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.rdt_TableBody{font-size:14px!important}.rdt_TableRow{border-bottom:1px solid #f1f3f4!important;transition:background-color .2s ease!important;min-height:52px!important}.rdt_TableRow:nth-child(odd){background-color:#fff!important}.rdt_TableRow:nth-child(2n){background-color:#f8f9fa!important}.rdt_TableRow:hover{background-color:#e3f2fd!important}.rdt_TableCell{padding:12px 16px!important;font-size:14px!important;color:#212529!important}.rdt_Pagination{border-top:2px solid #e9ecef!important;padding:12px 24px!important;background-color:#f8f9fa!important;min-height:56px!important}.rdt_Pagination>div{color:#495057!important;font-size:13px!important}.rdt_Pagination button{fill:#495057!important;border-radius:4px!important;transition:all .2s ease!important}.rdt_Pagination button:hover:not(:disabled){background-color:#e9ecef!important}.rdt_Pagination button:disabled{fill:#ced4da!important}.rdt_Pagination select{padding:4px 8px!important;border:1px solid #ced4da!important;border-radius:4px!important;font-size:13px!important;background-color:#fff!important;color:#495057!important}@media (max-width: 768px){.table-header{flex-direction:column;gap:12px;align-items:stretch;padding:12px 16px}.search-container{max-width:none}.actions-cell{gap:4px}.action-btn{width:24px;height:24px;font-size:12px}.rdt_TableCell{padding:8px 12px!important;font-size:13px!important}.rdt_Pagination{padding:8px 16px!important}}.form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.form-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;width:100%;max-width:500px;max-height:90vh;overflow:hidden;animation:formSlideIn .3s ease}@keyframes formSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.form-header h2{margin:0;font-size:18px;font-weight:600;color:#212529}.close-button{background:none;border:none;font-size:20px;color:#6c757d;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#e9ecef;color:#495057}.entity-form{display:flex;flex-direction:column;height:100%}.form-body{padding:24px;flex:1;overflow-y:auto;max-height:60vh}.form-field{margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:600;color:#495057;margin-bottom:6px}.required{color:#dc3545;margin-left:4px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc3545}.form-textarea{resize:vertical;min-height:80px}.checkbox-container{display:flex;align-items:center;gap:8px}.form-checkbox{width:18px;height:18px;accent-color:#007bff;cursor:pointer}.checkbox-label{font-size:14px;font-weight:500;color:#495057;cursor:pointer;margin:0}.error-message{color:#dc3545;font-size:12px;margin-top:4px;display:block}.form-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e9ecef;background:#f8f9fa}.btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#007bff;color:#fff;border-color:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3;border-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.btn-secondary{background:#fff;color:#6c757d;border-color:#ced4da}.btn-secondary:hover:not(:disabled){background:#e9ecef;color:#495057;border-color:#adb5bd}.btn:focus{outline:2px solid rgba(0,123,255,.3);outline-offset:2px}@media (max-width: 768px){.form-overlay{padding:10px}.form-container{max-width:100%;max-height:95vh}.form-header{padding:16px 20px}.form-header h2{font-size:16px}.form-body{padding:20px}.form-footer{padding:16px 20px;flex-direction:column}.btn{width:100%}}.countries-tab{height:100%;display:flex;flex-direction:column;background:#fff}.tab-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#fff}.tab-header h2{margin:0;font-size:18px;font-weight:600;color:#212529}.create-button{background:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.create-button:focus{outline:2px solid rgba(0,123,255,.3);outline-offset:2px}.swal2-container-custom{z-index:10000!important}.swal2-popup-custom{z-index:10001!important}@media (max-width: 768px){.tab-header{flex-direction:column;gap:12px;align-items:stretch;padding:16px 20px}.tab-header h2{font-size:16px}.create-button{justify-content:center}}.workspace-navigation{width:100%;display:flex;flex-direction:column;height:100%}.workspace-navigation-section{flex:1;margin-top:16px;border-top:1px solid #e9ecef;padding-top:16px}.tab-content{flex:1;overflow:hidden;background:#fff}.tabs-container{background:#fff}.tabs-header{display:flex;border-bottom:1px solid #e9ecef;background:#f8f9fa}.tab-button{flex:1;padding:16px 20px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative}.tab-button:hover:not(.disabled){background:#e9ecef}.tab-button.active{background:#fff;border-bottom-color:#007bff;box-shadow:0 -2px 8px #0000001a}.tab-button.disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.tab-content-wrapper{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%}.tab-main{display:flex;align-items:center;gap:12px;margin-bottom:4px}.tab-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#007bff1a;border-radius:8px}.tab-text{display:flex;align-items:center;gap:8px}.tab-label{font-size:16px;font-weight:600;color:#212529}.tab-count{background:#007bff;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.tab-subtitle{font-size:12px;color:#6c757d;margin-top:2px}.tab-button.disabled .tab-icon{background:#e9ecef}.tab-button.disabled .tab-count{background:#6c757d}.tab-button.active .tab-icon{background:#007bff33}@media (max-width: 768px){.tabs-header{flex-direction:column}.tab-button{flex:none}.tab-main{margin-bottom:2px}.tab-icon{width:28px;height:28px;font-size:16px}.tab-label{font-size:14px}.tab-count{font-size:11px;padding:1px 6px}}.entity-table-container{height:100%;display:flex;flex-direction:column;background:#fff}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.search-container{position:relative;flex:1;max-width:300px}.search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:14px}.table-info{display:flex;align-items:center}.results-count{color:#6c757d;font-size:13px;font-weight:500}.clickable-cell{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;padding:0;transition:all .2s ease}.clickable-cell:hover{color:#0056b3;text-decoration:underline}.actions-cell{display:flex;gap:8px;align-items:center}.action-btn{width:28px;height:28px;border:none;border-radius:6px;background:#f8f9fa;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.action-btn:hover{background:#e9ecef;transform:scale(1.05)}.action-btn.edit-btn:hover{background:#e3f2fd;color:#1976d2}.action-btn.delete-btn:hover{background:#ffebee;color:#d32f2f}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6c757d}.no-data-message p{margin:0;font-size:14px}.countries-tab,.subzones-tab,.cities-tab{height:100%;display:flex;flex-direction:column;min-height:0}.tab-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#fff;flex-shrink:0}.tab-header h2{margin:0;font-size:16px;font-weight:600;color:#212529}.tab-header-info{flex:1}.tab-subtitle{font-size:12px;color:#6c757d;margin:2px 0 0;line-height:1.3}.tab-subtitle strong{color:#007bff;font-weight:600}.countries-tab .entity-table-container,.subzones-tab .entity-table-container,.cities-tab .entity-table-container{flex:1;min-height:380px;display:flex;flex-direction:column}.countries-tab .rdt_Table,.subzones-tab .rdt_Table,.cities-tab .rdt_Table{height:100%!important;display:flex!important;flex-direction:column!important;min-height:320px!important}.countries-tab .rdt_TableBody,.subzones-tab .rdt_TableBody,.cities-tab .rdt_TableBody{flex:1!important;overflow-y:auto!important;min-height:210px!important;max-height:280px!important}.countries-tab .rdt_Pagination,.subzones-tab .rdt_Pagination,.cities-tab .rdt_Pagination{flex-shrink:0!important;min-height:48px!important;max-height:48px!important;position:relative!important;bottom:0!important;background:#f8f9fa!important;border-top:2px solid #e9ecef!important}.create-button{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-button:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:#6c757d;font-size:14px}@media (max-width: 768px){.tab-header,.table-header{flex-direction:column;gap:12px;align-items:stretch}.search-container{max-width:none}.actions-cell{gap:4px}.action-btn{width:24px;height:24px;font-size:12px}}.workspace-details-card{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:0;overflow:hidden;position:relative}.workspace-details-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.1));pointer-events:none}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid #f1f3f4}.workspace-info{display:flex;align-items:flex-start;gap:16px}.workspace-icon{font-size:24px;width:48px;height:48px;background:#e3f2fd;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#1976d2;flex-shrink:0}.workspace-title-section{display:flex;flex-direction:column;gap:4px}.workspace-title{font-size:20px;font-weight:600;color:#212529;margin:0;line-height:1.2}.workspace-code{font-size:14px;color:#6c757d;font-weight:500;background:#f8f9fa;padding:4px 8px;border-radius:6px;display:inline-block}.workspace-title-input{font-size:20px;font-weight:600;color:#212529;border:2px solid #e3f2fd;border-radius:8px;padding:8px 12px;margin-bottom:8px;background:#fff;transition:border-color .2s ease}.workspace-title-input:focus{outline:none;border-color:#1976d2}.workspace-code-input{font-size:14px;color:#6c757d;border:2px solid #e9ecef;border-radius:6px;padding:4px 8px;background:#fff;transition:border-color .2s ease}.workspace-code-input:focus{outline:none;border-color:#1976d2}.header-actions{display:flex;gap:8px}.action-icon{width:32px;height:32px;border:none;border-radius:8px;background:#f8f9fa;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.action-icon:hover{background:#e9ecef;transform:scale(1.05)}.edit-btn:hover{background:#e3f2fd;color:#1976d2}.delete-btn:hover{background:#ffebee;color:#d32f2f}.save-btn:hover{background:#e8f5e8;color:#2e7d32}.save-button{padding:8px 16px;border:none;border-radius:8px;background:#2e7d32;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:80px}.save-button:hover{background:#1b5e20;transform:scale(1.05)}.save-button:focus{outline:2px solid #4caf50;outline-offset:2px}.cancel-btn:hover{background:#fff3e0;color:#f57c00}.card-content{padding:0 24px 24px;flex:1}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.detail-row{display:flex;flex-direction:column}.detail-row.full-width{grid-column:1 / -1}.detail-label{display:block;font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.detail-value{font-size:15px;color:#212529;line-height:1.5}.description-value{color:#6c757d;line-height:1.6;background:#f8f9fa;padding:12px;border-radius:8px;border-left:4px solid #dee2e6}.workspace-description-input{width:100%;font-size:15px;color:#212529;border:2px solid #e9ecef;border-radius:8px;padding:12px;background:#fff;resize:vertical;min-height:80px;transition:border-color .2s ease;font-family:inherit;line-height:1.5}.workspace-description-input:focus{outline:none;border-color:#1976d2}.workspace-status-select{font-size:15px;color:#212529;border:2px solid #e9ecef;border-radius:8px;padding:8px 12px;background:#fff;transition:border-color .2s ease;cursor:pointer}.workspace-status-select:focus{outline:none;border-color:#1976d2}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.inactive{background-color:#f8d7da;color:#721c24;border:1px solid #f1b0b7}.workspace-details-card{animation:fadeIn .3s ease}.action-icon:focus{outline:2px solid #007bff;outline-offset:2px}@media (max-width: 768px){.workspace-details-card{margin:16px}.card-header{padding:16px 16px 12px;flex-direction:column;gap:16px;align-items:stretch}.workspace-info{gap:12px}.workspace-icon{width:40px;height:40px;font-size:20px}.workspace-title{font-size:18px}.header-actions{justify-content:flex-end}.card-content{padding:0 16px 16px}.details-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.workspace-info{flex-direction:column;text-align:center;gap:8px}.workspace-title{font-size:16px}.details-grid{gap:12px}.workspace-description-input,.workspace-status-select{font-size:14px}}.aside__container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 0}.close{cursor:pointer;font-size:2rem;color:#6b7280;transition:all .2s ease;padding:12px;border-radius:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.close:hover{color:#374151;background-color:#f3f4f6;transform:scale(1.15)}.aside-form{position:fixed;top:0;right:0;width:500px;height:100%;background:linear-gradient(135deg,#fff,#f8fafc);z-index:1001;box-shadow:-10px 0 25px #00000026;overflow-y:auto;animation:slideIn .4s cubic-bezier(.25,.46,.45,.94);border-left:1px solid #e5e7eb}.aside-form::-webkit-scrollbar{width:6px}.aside-form::-webkit-scrollbar-track{background:#f1f5f9}.aside-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.aside-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.optional{color:#9ca3af;font-weight:400;font-size:.875rem}.aside__form--subtitle{width:100%;background:linear-gradient(90deg,#f1f5f9,#e2e8f0);color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:12px 24px;margin:0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.field__container{padding:24px;border:none;display:flex;flex-direction:column}.aside-form h1{font-weight:600;font-size:1.5rem;color:#1f2937;margin:0;letter-spacing:-.025em}.inputs__container{display:flex;width:100%;flex-direction:column;gap:6px}.inputs__container label{font-weight:600;margin-top:20px;margin-bottom:8px;color:#374151;font-size:.875rem;display:flex;align-items:center;gap:4px}.inputs__container input{border:2px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-size:.875rem;transition:all .2s ease;background-color:#fff;color:#1f2937;font-weight:500}.inputs__container input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.inputs__container input:hover:not(:focus){border-color:#d1d5db}.required{color:#ef4444;font-weight:700}.inputs__container textarea{border:2px solid #e5e7eb;border-radius:12px;padding:12px 16px;resize:none;font-size:.875rem;transition:all .2s ease;background-color:#fff;min-height:80px;font-family:inherit;color:#1f2937;font-weight:500}.inputs__container textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.inputs__container textarea:hover:not(:focus){border-color:#d1d5db}.inputs__container select{border:2px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-size:.875rem;transition:all .2s ease;background-color:#fff;color:#1f2937;font-weight:500;cursor:pointer}.inputs__container select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.inputs__container select:hover:not(:focus){border-color:#d1d5db}.input-with-help{display:flex;flex-direction:column}.help-text{font-size:.75rem;color:#6b7280;margin-top:6px;font-style:italic;line-height:1.4;padding:8px 12px;background-color:#f8fafc;border-radius:8px;border-left:3px solid #3b82f6}.form__buttons{display:flex;justify-content:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.discard{cursor:pointer;width:48%;padding:12px 24px;background:#fff;border-radius:12px;border:2px solid #e5e7eb;font-weight:600;color:#6b7280;font-size:.875rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:.025em}.discard:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.save{cursor:pointer;width:48%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;border:2px solid transparent;padding:12px 24px;font-weight:600;font-size:.875rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 4px 12px #3b82f64d}.save:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.save:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #3b82f633}.save:disabled:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:none;box-shadow:0 4px 12px #3b82f633}.error-message{color:#ef4444;font-size:.75rem;margin-top:6px;padding:8px 12px;background-color:#fef2f2;border-radius:8px;border-left:3px solid #ef4444;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.swal2-container{z-index:10000!important}.swal2-popup{z-index:10001!important}@media (max-width: 640px){.aside-form{width:100%;right:0}.field__container{padding:20px}.form__buttons{flex-direction:column}.discard,.save{width:100%}}.inputs__container input[type=text]:not(:focus):hover,.inputs__container textarea:not(:focus):hover,.inputs__container select:not(:focus):hover{box-shadow:0 2px 8px #0000001a}.inputs__container input[required]{position:relative}.aside-form form{height:100%;display:flex;flex-direction:column}.field__container:last-child{margin-top:auto}.inputs__container input:focus-visible,.inputs__container textarea:focus-visible,.inputs__container select:focus-visible{outline:none}.workspaces-container{padding:0;background-color:#f8f9fa;min-height:100vh}.workspaces-content{display:flex;gap:0}.workspaces-table-section{flex:0 0 60%;background:#fff;border-radius:12px 0 0 12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.workspaces-details-section{flex:0 0 40%;background:#fff;border-radius:0 12px 12px 0;box-shadow:0 2px 8px #0000001a;overflow:hidden;animation:slideIn .3s ease;border-left:1px solid #e9ecef}.workspaces-empty-section{flex:0 0 40%;background:#f8f9fa;border-radius:0 12px 12px 0;border-left:1px solid #e9ecef;display:flex;align-items:center;justify-content:center;color:#6c757d;font-style:italic}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#6c757d}.spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#dc3545}.error-message p{margin-bottom:16px;font-size:16px}.error-message button{padding:8px 16px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.error-message button:hover{background:#dc3545;color:#fff}@media (max-width: 1200px){.workspaces-content{flex-direction:column;height:auto}.workspaces-table-section.with-details,.workspaces-details-section{flex:none}.workspaces-details-section{animation:slideDown .3s ease}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.workspaces-container{padding:16px}.workspaces-header h1{font-size:24px}.workspaces-content{gap:16px}}.role-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem 0;margin-bottom:2rem}.role-header__content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin:0 auto;padding:0 1.5rem}.role-header__info{flex:1}.role-header__title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.2}.role-header__description{font-size:1rem;color:#6b7280;margin:0 0 1rem;line-height:1.5;max-width:600px}.role-header__stats{display:flex;align-items:center;gap:1rem}.role-header__count{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#f3f4f6;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500}.role-header__actions{display:flex;align-items:flex-start;gap:1rem}.role-header__create-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.role-header__create-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.role-header__create-btn:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f640}.role-header__create-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.role-header__create-icon{width:1rem;height:1rem;stroke-width:2}@media (max-width: 768px){.role-header{padding:1.5rem 0;margin-bottom:1.5rem}.role-header__content{flex-direction:column;align-items:stretch;gap:1.5rem;padding:0 1rem}.role-header__title{font-size:1.75rem}.role-header__description{font-size:.9rem}.role-header__actions{justify-content:stretch}.role-header__create-btn{justify-content:center;width:100%;padding:1rem}.role-header__stats{flex-wrap:wrap}}@media (max-width: 480px){.role-header__content{padding:0 .75rem}.role-header__title{font-size:1.5rem}.role-header__description{font-size:.875rem}.role-header__count{font-size:.8rem;padding:.2rem .6rem}}.role-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.role-filters__search{margin-bottom:1rem}.role-filters__search-input{position:relative;display:flex;align-items:center}.role-filters__search-icon{position:absolute;left:.75rem;width:1.25rem;height:1.25rem;color:#9ca3af;z-index:1}.role-filters__search-field{width:100%;padding:.75rem .75rem .75rem 2.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease}.role-filters__search-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.role-filters__search-field:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.role-filters__clear-search{position:absolute;right:.75rem;width:1.25rem;height:1.25rem;color:#9ca3af;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.role-filters__clear-search:hover{color:#6b7280;background:#f3f4f6}.role-filters__clear-search svg{width:1rem;height:1rem;stroke-width:2}.role-filters__controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.role-filters__dropdowns{display:flex;gap:.75rem;flex-wrap:wrap}.role-filters__dropdown{position:relative}.role-filters__dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease;white-space:nowrap}.role-filters__dropdown-trigger:hover{border-color:#9ca3af;background:#f9fafb}.role-filters__dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.role-filters__dropdown-trigger--active{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.role-filters__dropdown-arrow{width:1rem;height:1rem;transition:transform .2s ease;stroke-width:2}.role-filters__dropdown-arrow--open{transform:rotate(180deg)}.role-filters__dropdown-menu{position:absolute;top:100%;left:0;z-index:50;min-width:12rem;margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.role-filters__dropdown-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;font-size:.875rem;color:#374151;background:none;border:none;cursor:pointer;transition:all .2s ease}.role-filters__dropdown-item:hover{background:#f3f4f6;color:#111827}.role-filters__dropdown-item--selected{background:#eff6ff;color:#1d4ed8;font-weight:500}.role-filters__dropdown-item--selected:hover{background:#dbeafe}.role-filters__clear{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #dc2626;border-radius:6px;font-size:.875rem;color:#dc2626;cursor:pointer;transition:all .2s ease;white-space:nowrap}.role-filters__clear:hover{background:#fef2f2;border-color:#b91c1c;color:#b91c1c}.role-filters__clear:disabled{cursor:not-allowed;opacity:.6}.role-filters__clear svg{width:1rem;height:1rem;stroke-width:2}.role-filters__results{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.role-filters__result-text{display:block;font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.role-filters__active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.role-filters__active-filter{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:#f3f4f6;color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;border:1px solid #d1d5db}.role-filters__active-filter button{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:50%;transition:all .2s ease}.role-filters__active-filter button:hover{background:#e5e7eb;color:#374151}.role-filters__active-filter button svg{width:.75rem;height:.75rem;stroke-width:2}@media (max-width: 768px){.role-filters{padding:1rem}.role-filters__controls{flex-direction:column;align-items:stretch;gap:1rem}.role-filters__dropdowns{gap:.5rem}.role-filters__dropdown-trigger{flex:1;justify-content:space-between}.role-filters__clear{justify-content:center}.role-filters__dropdown-menu{left:0;right:0;min-width:unset}.role-filters__active-filters{gap:.375rem}.role-filters__active-filter{font-size:.7rem;padding:.2rem .4rem}}@media (max-width: 480px){.role-filters{padding:.75rem;margin-bottom:1.5rem}.role-filters__search{margin-bottom:.75rem}.role-filters__search-field{padding:.625rem .625rem .625rem 2.5rem;font-size:.8rem}.role-filters__search-icon{left:.625rem;width:1rem;height:1rem}.role-filters__clear-search{right:.625rem;width:1rem;height:1rem}.role-filters__dropdown-trigger,.role-filters__clear{padding:.4rem .6rem;font-size:.8rem}.role-filters__dropdowns{flex-direction:column;gap:.5rem}}.permission-badge{display:inline-flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--badge-color-light);border:1px solid var(--badge-color);border-radius:8px;transition:all .2s ease}.permission-badge:hover{background:var(--badge-color-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.permission-badge--small{padding:.5rem;gap:.25rem}.permission-badge--large{padding:1rem;gap:.75rem}.permission-badge__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.permission-badge__module{font-weight:600;color:var(--badge-color);font-size:.875rem}.permission-badge--small .permission-badge__module{font-size:.75rem}.permission-badge--large .permission-badge__module{font-size:1rem}.permission-badge__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;background:var(--badge-color);color:#fff;font-size:.75rem;font-weight:600;border-radius:50%}.permission-badge__actions{display:flex;flex-wrap:wrap;gap:.25rem}.permission-badge__action{display:inline-block;padding:.125rem .5rem;background:#fffc;color:var(--badge-color);font-size:.75rem;font-weight:500;border-radius:4px;border:1px solid var(--badge-color)}.permission-badge--small .permission-badge__action{padding:.1rem .375rem;font-size:.7rem}.permission-badge__more{display:inline-block;padding:.125rem .5rem;background:#6b72801a;color:#6b7280;font-size:.75rem;font-weight:500;border-radius:4px;font-style:italic}.module-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--badge-color-light);border:1px solid var(--badge-color);border-radius:6px;transition:all .2s ease}.module-badge--medium{padding:.375rem .75rem;gap:.5rem}.module-badge--clickable{cursor:pointer}.module-badge--clickable:hover{background:var(--badge-color-hover);transform:translateY(-1px)}.module-badge__name{color:var(--badge-color);font-size:.75rem;font-weight:600}.module-badge--medium .module-badge__name{font-size:.875rem}.module-badge__count{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;background:var(--badge-color);color:#fff;font-size:.625rem;font-weight:700;border-radius:50%}.module-badge--medium .module-badge__count{min-width:1.125rem;height:1.125rem;font-size:.7rem}.permission-summary{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.permission-summary--compact{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.permission-summary--empty{color:#9ca3af;font-size:.875rem;font-style:italic}.permission-summary__more{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#f3f4f6;color:#6b7280;font-size:.75rem;font-weight:500;border-radius:6px}@media (max-width: 768px){.permission-badge{min-width:0;flex:1}.permission-summary{gap:.375rem}.permission-summary--compact{gap:.25rem}.permission-badge__actions{gap:.125rem}}.role-table{width:100%;background:#fff;border-radius:0;overflow:hidden;box-sizing:border-box}.role-table__datatable{border:none!important;width:100%!important;box-sizing:border-box!important}.role-table .rdt_Table,.role-table .rdt_TableWrapper,.role-table .rdt_TableHead,.role-table .rdt_TableHeadRow,.role-table .rdt_TableBody,.role-table .rdt_TableRow{width:100%!important;box-sizing:border-box!important}.role-table .rdt_TableCol{box-sizing:border-box!important}.role-table__name-cell{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0;max-width:100%;overflow:hidden}.role-table__name{font-weight:600;color:#111827;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.role-table__description{font-size:.75rem;color:#6b7280;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-table__permissions{padding:.5rem 0;max-width:100%;overflow:hidden}.role-table__no-users{color:#9ca3af;font-style:italic;text-align:center}.role-table__users-compact{display:flex;flex-direction:column;gap:.25rem;max-width:100%;padding:.25rem 0}.role-table__user-email-compact{font-size:.75rem;color:#4b5563;padding:.125rem .375rem;background:#f1f5f9;border-radius:4px;border:1px solid #e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;line-height:1.2}.role-table__user-more{font-size:.7rem;color:#1d4ed8;font-weight:500;font-style:italic;text-align:center;padding:.125rem .375rem;background:#eff6ff;border-radius:4px;border:1px solid #bfdbfe}.role-table__user-count{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;background:#f3f4f6;color:#6b7280;border-radius:50%;font-weight:600;font-size:.875rem;margin:0 auto;transition:all .2s;border:2px solid transparent}.role-table__user-count--active{background:#d1fae5;color:#065f46;border-color:#10b981;box-shadow:0 2px 4px #10b98133}.role-table__user-count--zero{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb}.role-table__detail-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #3b82f633}.role-table__detail-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.role-table__detail-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #81aaeb4d}.role-table__detail-button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.role-table__actions-inline{display:flex;gap:.5rem;justify-content:center;align-items:center}.role-table__action-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:4px;cursor:pointer;background:transparent;color:#6b7280;transition:none}.role-table__action-button--edit{color:#3b82f6}.role-table__action-button--edit:hover:not(:disabled){color:#2563eb}.role-table__action-button--delete{color:#dc2626}.role-table__action-button--delete:hover:not(:disabled){color:#b91c1c}.role-table__action-button:disabled{color:#d1d5db;cursor:not-allowed}.role-table__action-button:before{display:none}.role-table__action-button svg,.role-table__detail-button svg{width:16px;height:16px;display:block}.role-table-container{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;width:100%;box-sizing:border-box}.role-table__no-data{padding:3rem 1rem;text-align:center;color:#9ca3af}.role-table__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;color:#6b7280}.role-table__spinner .spinner{width:2rem;height:2rem}.role-table__spinner .spinner__circle{width:100%;height:100%;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.role-table__user-email-compact{max-width:120px;font-size:.7rem;padding:.1rem .3rem}.role-table__description{max-width:180px}.role-table__user-count,.role-table__detail-button,.role-table__action-button{min-width:2.25rem;height:2.25rem}}@media (max-width: 1024px){.role-table__user-email-compact{max-width:100px;font-size:.65rem}.role-table__user-count,.role-table__detail-button,.role-table__action-button{min-width:2rem;height:2rem}.role-table__action-button svg,.role-table__detail-button svg{width:14px;height:14px}}@media (max-width: 768px){.role-table{min-width:900px}.role-table__users-compact{gap:.125rem}.role-table__user-email-compact{max-width:90px;font-size:.6rem;padding:.1rem .25rem}.role-table__user-count,.role-table__detail-button,.role-table__action-button{min-width:1.75rem;height:1.75rem}.role-table__actions-inline{gap:.25rem}.role-table__description{max-width:120px}.role-table .rdt_TableCol{padding-left:.5rem!important;padding-right:.5rem!important}.role-table__action-button svg,.role-table__detail-button svg{width:12px;height:12px}}@media (max-width: 640px){.role-table{font-size:.75rem;min-width:800px}.role-table__name{font-size:.875rem}.role-table__description{font-size:.7rem;max-width:100px}.role-table__user-email-compact{font-size:.55rem;max-width:80px}.role-table__user-count,.role-table__detail-button,.role-table__action-button{min-width:1.5rem;height:1.5rem}.role-table .rdt_TableCol{padding-left:.25rem!important;padding-right:.25rem!important}}.role-table__user-count{transition:all .2s ease}.role-table__users-compact{animation:fadeIn .3s ease}.role-table__detail-button:focus,.role-table__action-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.role-table__action-button--edit:focus{outline-color:#f59e0b}.role-table__action-button--delete:focus{outline-color:#dc2626}.role-table__action-button,.role-table__detail-button{display:inline-flex!important;align-items:center!important;justify-content:center!important}.role-table__action-button svg,.role-table__detail-button svg{flex-shrink:0;pointer-events:none}.role-table__action-button:disabled svg{opacity:.5}.role-table__detail-button:disabled svg{opacity:.5}.role-table__user-count,.role-table__action-button,.role-table__detail-button{transition:none}.role-table__action-button:hover:not(:disabled),.role-table__detail-button:hover:not(:disabled){box-shadow:0 4px 8px #00000026}.role-table__action-button:focus-visible,.role-table__detail-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;z-index:1}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem 1.5rem;text-align:center}.empty-state__content{max-width:400px;width:100%}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1.5rem;background:#f3f4f6;border-radius:50%;color:#9ca3af}.empty-state__icon svg{width:2rem;height:2rem;stroke-width:1.5}.empty-state__text{margin-bottom:2rem}.empty-state__title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.3}.empty-state__description{font-size:1rem;color:#6b7280;line-height:1.5;margin:0}.empty-state__action{display:flex;justify-content:center}.empty-state__button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.empty-state__button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.empty-state__button:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f640}.empty-state--no-roles .empty-state__icon{background:#eff6ff;color:#3b82f6}.empty-state--no-results .empty-state__icon{background:#fef3c7;color:#d97706}.empty-state--no-results .empty-state__button{background:#d97706}.empty-state--no-results .empty-state__button:hover{background:#b45309}.empty-state--error .empty-state__icon{background:#fef2f2;color:#dc2626}.empty-state--error .empty-state__button{background:#dc2626}.empty-state--error .empty-state__button:hover{background:#b91c1c}.empty-state--loading .empty-state__icon{background:none;width:auto;height:auto}.empty-state__spinner{display:flex;justify-content:center;margin-bottom:1.5rem}.spinner{display:inline-block;width:3rem;height:3rem}.spinner__circle{width:100%;height:100%;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.empty-state{min-height:300px;padding:2rem 1rem}.empty-state__content{max-width:300px}.empty-state__icon{width:3.5rem;height:3.5rem;margin-bottom:1.25rem}.empty-state__icon svg{width:1.75rem;height:1.75rem}.empty-state__title{font-size:1.25rem;margin-bottom:.5rem}.empty-state__description{font-size:.875rem}.empty-state__text{margin-bottom:1.5rem}.empty-state__button{padding:.625rem 1.25rem;font-size:.8rem}.spinner{width:2.5rem;height:2.5rem}}@media (max-width: 480px){.empty-state{min-height:250px;padding:1.5rem .75rem}.empty-state__content{max-width:280px}.empty-state__icon{width:3rem;height:3rem;margin-bottom:1rem}.empty-state__icon svg{width:1.5rem;height:1.5rem}.empty-state__title{font-size:1.125rem}.empty-state__description{font-size:.8rem}.empty-state__button{padding:.5rem 1rem;font-size:.75rem;width:100%;justify-content:center}.spinner{width:2rem;height:2rem}}.role-tabs{display:flex;flex-direction:column;gap:1rem;width:100%}.role-tabs__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e5e7eb}.role-tabs__header--simple{justify-content:flex-start;border-bottom:none;padding:.5rem 0}.role-tabs__info{display:flex;align-items:center;gap:1rem}.role-tabs__count{font-size:.875rem;font-weight:600;color:#374151}.role-tabs__debug{font-size:.75rem;color:#6b7280;font-style:italic;padding:.25rem .5rem;background:#f3f4f6;border-radius:4px;border:1px solid #e5e7eb}.role-tabs__content{flex:1;min-height:0}.role-tabs__nav{display:flex;border-bottom:1px solid #e5e7eb;gap:.5rem}.role-tabs__tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.role-tabs__tab:hover:not(:disabled){color:#374151;background:#f9fafb}.role-tabs__tab--active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f8fafc}.role-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.role-tabs__tab-icon{width:1rem;height:1rem;stroke-width:2}.role-tabs__view-toggle{display:flex;align-items:center;gap:.5rem}.role-tabs__view-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #d1d5db;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.role-tabs__view-button:first-child{border-radius:.375rem 0 0 .375rem}.role-tabs__view-button:last-child{border-radius:0 .375rem .375rem 0;border-left:none}.role-tabs__view-button:hover:not(.role-tabs__view-button--active){background:#f9fafb;color:#374151}.role-tabs__view-button--active{background:#3b82f6;border-color:#3b82f6;color:#fff}.role-tabs__view-icon{width:1rem;height:1rem;stroke-width:2}@media (max-width: 768px){.role-tabs__header{flex-direction:column;align-items:flex-start;gap:1rem}.role-tabs__nav{width:100%;overflow-x:auto}.role-tabs__tab{flex-shrink:0;padding:.625rem .875rem;font-size:.8rem}.role-tabs__view-toggle{align-self:flex-end}.role-tabs__info{flex-direction:column;align-items:flex-start;gap:.5rem}.role-tabs__count{font-size:.8rem}.role-tabs__debug{font-size:.7rem;padding:.2rem .4rem}}@media (max-width: 480px){.role-tabs{gap:.75rem}.role-tabs__header{padding:.75rem 0}.role-tabs__tab{padding:.5rem .75rem;font-size:.75rem}.role-tabs__tab-icon{width:.875rem;height:.875rem}.role-tabs__view-button{width:1.75rem;height:1.75rem}.role-tabs__view-icon{width:.875rem;height:.875rem}.role-tabs__count{font-size:.75rem}.role-tabs__debug{font-size:.65rem;padding:.15rem .3rem}}.geographic-grid-selector{width:100%}.geographic-grid-selector__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.geographic-grid-selector__section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease;min-height:300px;display:flex;flex-direction:column}.geographic-grid-selector__section--active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;background:#fafbff}.geographic-grid-selector__header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.geographic-grid-selector__header-icon{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.geographic-grid-selector__header-content{flex:1;display:flex;align-items:center;gap:8px}.geographic-grid-selector__header-content h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.geographic-grid-selector__badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;background:#f3f4f6;color:#6b7280}.geographic-grid-selector__badge--blue{background:#dbeafe;color:#1e40af}.geographic-grid-selector__badge--green{background:#dcfce7;color:#166534}.geographic-grid-selector__badge--orange{background:#fed7aa;color:#c2410c}.geographic-grid-selector__subtitle{font-size:13px;color:#64748b;margin:0 0 16px;line-height:1.4}.geographic-grid-selector__options{display:flex;flex-direction:column;gap:8px;flex:1;max-height:300px;overflow-y:auto}.geographic-grid-selector__option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.geographic-grid-selector__option:hover{border-color:#cbd5e1;background:#f8fafc}.geographic-grid-selector__option input[type=checkbox]{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;position:relative;flex-shrink:0}.geographic-grid-selector__option input[type=checkbox]:checked{background:#10b981;border-color:#10b981}.geographic-grid-selector__option input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.geographic-grid-selector__option-content{flex:1;display:flex;flex-direction:column;gap:2px}.geographic-grid-selector__option-name{font-size:14px;font-weight:500;color:#1e293b}.geographic-grid-selector__option-details{font-size:12px;color:#64748b}.geographic-grid-selector__loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;flex:1}.geographic-grid-selector__loading .spinner{width:24px;height:24px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.geographic-grid-selector__empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;font-size:14px;font-style:italic;text-align:center;flex:1;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;margin-top:8px}.geographic-grid-selector__options::-webkit-scrollbar{width:6px}.geographic-grid-selector__options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.geographic-grid-selector__options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.geographic-grid-selector__options::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.geographic-grid-selector__grid{grid-template-columns:1fr;gap:16px}.geographic-grid-selector__section{min-height:250px}}@media (max-width: 768px){.geographic-grid-selector__section{padding:16px;min-height:200px}.geographic-grid-selector__header{gap:8px}.geographic-grid-selector__header-icon{font-size:20px;width:28px;height:28px}.geographic-grid-selector__header-content h3{font-size:14px}.geographic-grid-selector__badge{font-size:10px;padding:3px 6px}.geographic-grid-selector__subtitle{font-size:12px}.geographic-grid-selector__option{padding:10px;gap:8px}.geographic-grid-selector__option-name{font-size:13px}.geographic-grid-selector__option-details{font-size:11px}.geographic-grid-selector__options{max-height:200px}}@media (max-width: 480px){.geographic-grid-selector__section{padding:12px;min-height:180px}.geographic-grid-selector__header-content h3{font-size:13px}.geographic-grid-selector__subtitle{font-size:11px;margin-bottom:12px}.geographic-grid-selector__option{padding:8px}.geographic-grid-selector__option-name{font-size:12px}.geographic-grid-selector__option-details{font-size:10px}.geographic-grid-selector__options{max-height:150px;gap:6px}}.permission-config{display:flex;flex-direction:column;gap:1.5rem}.permission-config__modules{display:flex;flex-direction:column;gap:1rem}.permission-config__module{border:1px solid #e5e7eb;border-radius:12px;background:#fff;transition:all .2s ease;overflow:hidden}.permission-config__module--active{border-color:var(--module-color);background:var(--module-color-light)}.permission-config__module-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.permission-config__module--active .permission-config__module-header{background:var(--module-color-light);border-bottom-color:var(--module-color)}.permission-config__module-header:hover{background:#f3f4f6}.permission-config__module--active .permission-config__module-header:hover{background:var(--module-color-hover)}.permission-config__module-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease;flex-shrink:0}.permission-config__module-toggle:hover:not(:disabled){background:#e5e7eb;color:#374151}.permission-config__module-toggle:disabled{opacity:.5;cursor:not-allowed}.permission-config__expand-icon{width:1rem;height:1rem;transition:transform .2s ease;stroke-width:2}.permission-config__expand-icon--expanded{transform:rotate(90deg)}.permission-config__module-info{flex:1;cursor:pointer}.permission-config__module-name{display:flex;flex-direction:column;gap:.125rem}.permission-config__module-title{font-size:1rem;font-weight:600;color:#111827}.permission-config__module--active .permission-config__module-title{color:var(--module-color)}.permission-config__module-count{font-size:.75rem;color:#6b7280}.permission-config__module-actions{flex-shrink:0}.permission-config__module-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.permission-config__checkbox-input{display:none}.permission-config__checkbox-custom{position:relative;width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all .2s ease}.permission-config__checkbox-input:checked+.permission-config__checkbox-custom{background:var(--module-color, #3b82f6);border-color:var(--module-color, #3b82f6)}.permission-config__checkbox-input:indeterminate+.permission-config__checkbox-custom{background:var(--module-color, #3b82f6);border-color:var(--module-color, #3b82f6)}.permission-config__checkbox-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:.625rem;height:.375rem;border:2px solid white;border-top:none;border-right:none;rotate:-45deg;transition:transform .1s ease}.permission-config__checkbox-input:checked+.permission-config__checkbox-custom:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}.permission-config__checkbox-input:indeterminate+.permission-config__checkbox-custom:after{width:.5rem;height:0;border-left:none;border-bottom:2px solid white;rotate:0deg;transform:translate(-50%,-50%) scale(1)}.permission-config__checkbox-label{font-size:.875rem;font-weight:500;color:#374151}.permission-config__module-content{padding:1rem;animation:slideDown .2s ease}.permission-config__actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.permission-config__action-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.permission-config__action-item:hover{border-color:#d1d5db;background:#f9fafb}.permission-config__action-item--checked{border-color:var(--module-color);background:var(--module-color-light)}.permission-config__action-item--auto{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#a7f3d0;position:relative}.permission-config__action-item--auto:hover{border-color:#6ee7b7;background:linear-gradient(135deg,#d1fae5,#ecfdf5)}.permission-config__action-item--auto.permission-config__action-item--checked{border-color:#059669;background:linear-gradient(135deg,#a7f3d0,#d1fae5)}.permission-config__auto-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border-radius:.375rem;margin-left:.5rem;box-shadow:0 1px 2px #0000001a;border:1px solid #047857}.permission-config__action-item--required{border-color:#fbbf24;background:#fef3c7;position:relative}.permission-config__action-item--required:hover{border-color:#f59e0b;background:#fde68a}.permission-config__action-item--required.permission-config__action-item--checked{border-color:#f59e0b;background:#fef3c7}.permission-config__action-item--required:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #f59e0b;border-radius:8px;pointer-events:none;opacity:.3}.permission-config__action-checkbox{margin-top:.125rem;accent-color:var(--module-color)}.permission-config__action-checkbox:disabled{opacity:.7;cursor:not-allowed}.permission-config__action-content{flex:1;display:flex;gap:.5rem}.permission-config__action-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#f3f4f6;border-radius:6px;color:#6b7280;flex-shrink:0;position:relative}.permission-config__action-item--checked .permission-config__action-icon{background:var(--module-color);color:#fff}.permission-config__action-item--auto .permission-config__action-icon{background:#10b981;color:#fff}.permission-config__action-item--auto.permission-config__action-item--checked .permission-config__action-icon{background:#059669;color:#fff}.permission-config__action-item--required .permission-config__action-icon{background:#fbbf24;color:#fff}.permission-config__action-item--required.permission-config__action-item--checked .permission-config__action-icon{background:#f59e0b;color:#fff}.permission-config__action-icon svg{width:1rem;height:1rem;stroke-width:2}.permission-config__required-indicator{position:absolute;top:-.25rem;right:-.25rem;width:1rem;height:1rem;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;line-height:1;border:2px solid white;box-shadow:0 1px 3px #0000001a}.permission-config__action-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.permission-config__action-name{font-size:.875rem;font-weight:500;color:#111827;display:flex;align-items:center;gap:.25rem}.permission-config__required-text{font-size:.75rem;font-weight:600;color:#f59e0b;background:#fef3c7;padding:.125rem .375rem;border-radius:.25rem;border:1px solid #fbbf24}.permission-config__action-description{font-size:.75rem;color:#6b7280;line-height:1.4;margin-top:.125rem}.permission-config__action-item--auto .permission-config__action-description{color:#065f46;font-weight:500}.permission-config__action-item--required .permission-config__action-description{color:#92400e;font-weight:500}.permission-config__summary{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.permission-config__summary--empty{border-color:#fecaca;background:#fef2f2}.permission-config__summary--active{border-color:#bfdbfe;background:#eff6ff}.permission-config__summary-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;flex-shrink:0}.permission-config__summary--empty .permission-config__summary-icon{background:#fecaca;color:#dc2626}.permission-config__summary--active .permission-config__summary-icon{background:#bfdbfe;color:#2563eb}.permission-config__summary-icon svg{width:1.25rem;height:1.25rem;stroke-width:2}.permission-config__summary-text{flex:1}.permission-config__summary-text p{font-size:.875rem;font-weight:600;margin:0 0 .125rem}.permission-config__summary--empty .permission-config__summary-text p{color:#dc2626}.permission-config__summary--active .permission-config__summary-text p{color:#1d4ed8}.permission-config__summary-text span{font-size:.75rem;color:#6b7280}.permission-config__module--opportunity{border:2px solid var(--module-color)}.permission-config__opportunity-description{background:var(--module-color-light);padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid var(--module-color)}.permission-config__opportunity-description p{margin:0;font-size:.875rem;color:#4b5563}.permission-config__geographic-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.permission-config__geographic-section h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.permission-config__geographic-section p{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.permission-config__geographic-summary{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.permission-config__geographic-summary strong{color:#111827;font-size:.875rem}.permission-config__geographic-summary ul{margin:.5rem 0 0;padding-left:1.5rem}.permission-config__geographic-summary li{font-size:.875rem;color:#6b7280;margin:.25rem 0}.permission-config__action-item--required{position:relative}.permission-config__action-item--required:hover:after{content:attr(title);position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;white-space:nowrap;z-index:10;box-shadow:0 4px 6px -1px #0000001a}.permission-config__action-item--required:hover:before{content:"";position:absolute;top:-.5rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.25rem solid #1f2937;z-index:10}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes pulseAuto{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 .25rem #10b9811a}}.permission-config__action-item--auto:hover{animation:pulseAuto 2s infinite}@keyframes pulseRequired{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 .25rem #f59e0b1a}}.permission-config__action-item--required:hover{animation:pulseRequired 1.5s infinite}.permission-config__module:focus-within{box-shadow:0 0 0 3px #3b82f61a}.permission-config__action-item:focus-within{box-shadow:0 0 0 2px #3b82f61a}.permission-config__action-item--auto:focus-within{box-shadow:0 0 0 2px #10b9814d}.permission-config__action-item--required:focus-within{box-shadow:0 0 0 2px #f59e0b4d}.permission-config__module-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}.permission-config__action-checkbox:focus{outline:2px solid #3b82f6;outline-offset:2px}.permission-config__action-item--auto .permission-config__action-checkbox:focus{outline:2px solid #10b981;outline-offset:2px}.permission-config__action-item--required .permission-config__action-checkbox:focus{outline:2px solid #f59e0b;outline-offset:2px}.permission-config__module,.permission-config__action-item,.permission-config__summary{transition:all .2s ease}.permission-config__action-icon,.permission-config__checkbox-custom{transition:all .15s ease}@media (max-width: 768px){.permission-config__module-header{padding:.75rem;gap:.5rem}.permission-config__module-toggle{width:1.75rem;height:1.75rem}.permission-config__expand-icon{width:.875rem;height:.875rem}.permission-config__module-title{font-size:.925rem}.permission-config__module-count{font-size:.7rem}.permission-config__checkbox-custom{width:1.125rem;height:1.125rem}.permission-config__checkbox-label{font-size:.8rem}.permission-config__module-content{padding:.75rem}.permission-config__actions-grid{grid-template-columns:1fr;gap:.5rem}.permission-config__action-item{padding:.625rem;gap:.5rem}.permission-config__action-icon{width:1.75rem;height:1.75rem}.permission-config__action-icon svg{width:.875rem;height:.875rem}.permission-config__action-name{font-size:.8rem}.permission-config__action-description{font-size:.7rem}.permission-config__auto-badge{font-size:.5rem;padding:.0625rem .25rem;margin-left:.375rem}.permission-config__required-text{font-size:.65rem;padding:.0625rem .25rem}.permission-config__required-indicator{width:.875rem;height:.875rem;font-size:.5rem;top:-.1875rem;right:-.1875rem}.permission-config__summary{padding:.75rem;gap:.75rem}.permission-config__summary-icon{width:2rem;height:2rem}.permission-config__summary-icon svg{width:1rem;height:1rem}.permission-config__summary-text p{font-size:.8rem}.permission-config__summary-text span{font-size:.7rem}}@media (max-width: 480px){.permission-config__module-header{padding:.625rem;gap:.375rem}.permission-config__module-toggle{width:1.5rem;height:1.5rem}.permission-config__expand-icon{width:.75rem;height:.75rem}.permission-config__module-title{font-size:.875rem}.permission-config__module-count{font-size:.65rem}.permission-config__checkbox-custom{width:1rem;height:1rem}.permission-config__checkbox-label{font-size:.75rem}.permission-config__module-content{padding:.625rem}.permission-config__actions-grid{gap:.375rem}.permission-config__action-item{padding:.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.permission-config__action-content{width:100%}.permission-config__action-icon{width:1.5rem;height:1.5rem}.permission-config__action-icon svg{width:.75rem;height:.75rem}.permission-config__action-name{font-size:.75rem}.permission-config__action-description{font-size:.65rem}.permission-config__auto-badge{font-size:.475rem;padding:.0625rem .1875rem;margin-left:.25rem}.permission-config__required-text{font-size:.6rem;padding:.0625rem .1875rem}.permission-config__required-indicator{width:.75rem;height:.75rem;font-size:.475rem;top:-.125rem;right:-.125rem}.permission-config__summary{padding:.625rem;gap:.5rem}.permission-config__summary-icon{width:1.75rem;height:1.75rem}.permission-config__summary-icon svg{width:.875rem;height:.875rem}.permission-config__summary-text p{font-size:.75rem}.permission-config__summary-text span{font-size:.65rem}}.opportunity-permissions{display:flex;flex-direction:column;gap:24px}.opportunity-permissions__description{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px}.opportunity-permissions__description h4{font-size:16px;font-weight:600;color:#0c4a6e;margin:0 0 8px}.opportunity-permissions__description p{font-size:14px;color:#0369a1;margin:0;line-height:1.5}.opportunity-permissions__section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.opportunity-permissions__section-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:16px}.opportunity-permissions__section-header h5{font-size:16px;font-weight:600;color:#1e293b;margin:0}.opportunity-permissions__count{font-size:12px;color:#64748b;font-weight:500;background:#f1f5f9;padding:4px 8px;border-radius:4px}.opportunity-permissions__selection-summary{font-size:12px;color:#059669;font-weight:500;background:#d1fae5;padding:4px 8px;border-radius:4px}.opportunity-permissions__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;padding:0}.opportunity-permissions__action{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.opportunity-permissions__action:last-child{border-bottom:none}.opportunity-permissions__action:hover{background:#f8fafc}.opportunity-permissions__action--selected{background:#ecfdf5;border-color:#bbf7d0}.opportunity-permissions__action--selected:hover{background:#d1fae5}.opportunity-permissions__action--auto{background:#fffbeb;border-left:4px solid #f59e0b}.opportunity-permissions__action--auto:hover{background:#fef3c7}.opportunity-permissions__checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;position:relative;flex-shrink:0}.opportunity-permissions__checkbox:checked{background:#10b981;border-color:#10b981}.opportunity-permissions__checkbox:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.opportunity-permissions__checkbox:focus{outline:none;box-shadow:0 0 0 3px #10b9811a}.opportunity-permissions__action-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.opportunity-permissions__action-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#1e293b;flex-wrap:wrap}.opportunity-permissions__action-description{font-size:12px;color:#64748b;line-height:1.3}.opportunity-permissions__action--selected .opportunity-permissions__action-name{color:#065f46}.opportunity-permissions__action--selected .opportunity-permissions__action-description{color:#10b981}.opportunity-permissions__action--auto .opportunity-permissions__action-name{color:#b45309}.opportunity-permissions__action--auto .opportunity-permissions__action-description{color:#d97706}.opportunity-permissions__auto-badge{display:inline-flex;align-items:center;padding:2px 6px;background:#f59e0b;color:#fff;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:help;white-space:nowrap}.opportunity-permissions__auto-badge--retrieve{background:#8b5cf6}.opportunity-permissions__geographic-grid,.opportunity-permissions__geographic-simple{padding:20px}.opportunity-permissions__info{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:20px}.opportunity-permissions__info p{margin:0 0 8px;font-size:14px;color:#92400e}.opportunity-permissions__info p:last-child{margin-bottom:0}.opportunity-permissions__mock-selection{display:flex;flex-direction:column;gap:12px}.opportunity-permissions__mock-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.opportunity-permissions__mock-option:hover{background:#f1f5f9;border-color:#cbd5e1}.opportunity-permissions__mock-option input[type=checkbox]{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;position:relative;flex-shrink:0}.opportunity-permissions__mock-option input[type=checkbox]:checked{background:#10b981;border-color:#10b981}.opportunity-permissions__mock-option input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.opportunity-permissions__mock-option span{font-size:14px;color:#374151;font-weight:500}.opportunity-permissions__clients{padding:20px}.opportunity-permissions__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;background:#f8fafc;border-radius:8px}.opportunity-permissions__spinner{width:20px;height:20px}.opportunity-permissions__spinner .spinner{width:100%;height:100%;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.opportunity-permissions__client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.opportunity-permissions__client{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.opportunity-permissions__client:hover{background:#f8fafc;border-color:#cbd5e1}.opportunity-permissions__client input[type=checkbox]{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;position:relative;flex-shrink:0}.opportunity-permissions__client input[type=checkbox]:checked{background:#10b981;border-color:#10b981}.opportunity-permissions__client input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.opportunity-permissions__client-info{display:flex;flex-direction:column;gap:2px;flex:1}.opportunity-permissions__client-name{font-size:14px;font-weight:500;color:#1e293b}.opportunity-permissions__client-id{font-size:12px;color:#64748b}.opportunity-permissions__empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px;font-style:italic;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px}.opportunity-permissions__client-note{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin-top:16px}.opportunity-permissions__client-note p{font-size:13px;color:#166534;margin:0;line-height:1.4}.opportunity-permissions__summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px}.opportunity-permissions__summary h6{font-size:14px;font-weight:600;color:#14532d;margin:0 0 12px}.opportunity-permissions__summary-content{display:flex;flex-direction:column;gap:8px}.opportunity-permissions__summary-content p{font-size:13px;color:#166534;margin:0;line-height:1.4}.opportunity-permissions__summary-content strong{color:#14532d}.opportunity-permissions__summary-note{font-style:italic;color:#059669!important}.opportunity-permissions__auto-info{margin-top:12px;padding-top:12px;border-top:1px solid #bbf7d0}.opportunity-permissions__auto-info p{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:13px}.opportunity-permissions__auto-info em{color:#059669;font-style:italic}@media (max-width: 768px){.opportunity-permissions{gap:20px}.opportunity-permissions__description{padding:12px}.opportunity-permissions__description h4{font-size:14px}.opportunity-permissions__description p{font-size:13px}.opportunity-permissions__section-header{padding:16px;flex-direction:column;align-items:flex-start;gap:8px}.opportunity-permissions__actions{grid-template-columns:1fr}.opportunity-permissions__action{padding:12px 16px}.opportunity-permissions__action-name{font-size:13px}.opportunity-permissions__action-description{font-size:11px}.opportunity-permissions__auto-badge{font-size:9px;padding:1px 5px}.opportunity-permissions__geographic-simple{padding:16px}.opportunity-permissions__info{padding:12px}.opportunity-permissions__info p{font-size:13px}.opportunity-permissions__mock-option{padding:10px 12px}.opportunity-permissions__mock-option span{font-size:13px}.opportunity-permissions__clients{padding:16px}.opportunity-permissions__client-grid{grid-template-columns:1fr}.opportunity-permissions__client{padding:10px 12px}.opportunity-permissions__client-name{font-size:13px}.opportunity-permissions__client-id{font-size:11px}.opportunity-permissions__client-note{padding:12px;margin-top:12px}.opportunity-permissions__client-note p{font-size:12px}.opportunity-permissions__summary{padding:12px}.opportunity-permissions__summary h6{font-size:13px}.opportunity-permissions__summary-content p,.opportunity-permissions__auto-info p{font-size:12px}}@media (max-width: 480px){.opportunity-permissions{gap:16px}.opportunity-permissions__description{padding:10px}.opportunity-permissions__description h4{font-size:13px}.opportunity-permissions__description p{font-size:12px}.opportunity-permissions__section-header{padding:12px}.opportunity-permissions__section-header h5{font-size:14px}.opportunity-permissions__action{padding:10px 12px;gap:8px}.opportunity-permissions__action-name{font-size:12px}.opportunity-permissions__action-description{font-size:10px}.opportunity-permissions__auto-badge{font-size:8px;padding:1px 4px}.opportunity-permissions__geographic-simple{padding:12px}.opportunity-permissions__info{padding:10px}.opportunity-permissions__info p{font-size:12px}.opportunity-permissions__mock-option{padding:8px 10px}.opportunity-permissions__mock-option span{font-size:12px}.opportunity-permissions__clients{padding:12px}.opportunity-permissions__client{padding:8px 10px}.opportunity-permissions__client-name{font-size:12px}.opportunity-permissions__client-id{font-size:10px}.opportunity-permissions__client-note{padding:10px;margin-top:10px}.opportunity-permissions__client-note p{font-size:11px}.opportunity-permissions__summary{padding:10px}.opportunity-permissions__summary h6{font-size:12px}.opportunity-permissions__summary-content p,.opportunity-permissions__auto-info p{font-size:11px}}.client-search-selector{position:relative;margin-top:1.5rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:.75rem;background-color:#fafbfc}.client-search-selector__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.client-search-selector__title{font-size:1rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.client-search-selector__badge{padding:.25rem .75rem;background-color:#e5e7eb;color:#6b7280;border-radius:9999px;font-size:.75rem;font-weight:500}.client-search-selector__description{margin:0 0 1rem;color:#6b7280;font-size:.875rem;line-height:1.4}.client-search-selector__selected{margin-bottom:1rem;padding:1rem;background-color:#f3f4f6;border-radius:.5rem;border:1px solid #d1d5db}.client-search-selector__selected-header{margin-bottom:.75rem;font-weight:500;color:#374151;font-size:.875rem}.client-search-selector__selected-list{display:flex;flex-direction:column;gap:.5rem}.client-search-selector__selected-item{display:flex;align-items:center;padding:.75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;gap:.75rem}.client-search-selector__selected-name{font-weight:500;color:#111827;flex:1}.client-search-selector__selected-company{color:#6b7280;font-size:.875rem}.client-search-selector__remove-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background-color:#fee2e2;color:#dc2626;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.client-search-selector__remove-btn:hover{background-color:#fecaca;color:#b91c1c}.client-search-selector__remove-btn:disabled{cursor:not-allowed;opacity:.5}.client-search-selector__remove-btn svg{width:.75rem;height:.75rem;stroke-width:2}.client-search-selector__search-container{position:relative}.client-search-selector__search-input-wrapper{position:relative;display:flex;align-items:center}.client-search-selector__search-icon{position:absolute;left:.75rem;z-index:1;display:flex;align-items:center;justify-content:center;color:#6b7280;pointer-events:none}.client-search-selector__search-icon svg{width:1rem;height:1rem;stroke-width:2}.client-search-selector__search-input{width:100%;padding:.75rem 2.75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background-color:#fff;transition:all .2s ease}.client-search-selector__search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.client-search-selector__search-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.client-search-selector__search-input::placeholder{color:#9ca3af}.client-search-selector__loading-icon{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center}.client-search-selector__dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.25rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:16rem;overflow-y:auto}.client-search-selector__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:40;background-color:transparent}.client-search-selector__error{padding:1rem;text-align:center;color:#dc2626;display:flex;flex-direction:column;gap:.5rem;align-items:center}.client-search-selector__retry-btn{padding:.375rem .75rem;background-color:#dc2626;color:#fff;border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.client-search-selector__retry-btn:hover{background-color:#b91c1c}.client-search-selector__loading{padding:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#6b7280}.client-search-selector__empty{padding:1rem;text-align:center;color:#6b7280;font-style:italic}.client-search-selector__results{padding:.25rem 0}.client-search-selector__result-item{width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem}.client-search-selector__result-item:hover{background-color:#f3f4f6}.client-search-selector__result-item--selected{background-color:#eff6ff;color:#1d4ed8}.client-search-selector__result-item--selected:hover{background-color:#dbeafe}.client-search-selector__result-item:disabled{cursor:not-allowed;opacity:.5}.client-search-selector__result-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.client-search-selector__result-name{font-weight:500;color:#111827}.client-search-selector__result-company,.client-search-selector__result-email{font-size:.75rem;color:#6b7280}.client-search-selector__result-checkbox{flex-shrink:0}.client-search-selector__result-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:#3b82f6}.spinner{width:1rem;height:1rem;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.client-search-selector{padding:1rem}.client-search-selector__selected-item{flex-wrap:wrap;gap:.5rem}.client-search-selector__selected-company{order:3;flex-basis:100%}}.tabbed-permission-config{display:flex;flex-direction:column;gap:0;width:100%}.general-permissions{display:flex;flex-direction:column;gap:20px}.general-permissions__description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.general-permissions__description p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.tabbed-permission-config__nav{display:flex;gap:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px 12px 0 0;padding:4px;margin-bottom:0}.tabbed-permission-config__tab{display:flex;align-items:center;gap:12px;padding:16px 20px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex:1;text-align:left;font-family:inherit;color:#64748b;position:relative}.tabbed-permission-config__tab:hover:not(:disabled){background:#fff;color:#334155;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.tabbed-permission-config__tab--active{background:#fff;color:#3b82f6;box-shadow:0 2px 12px #3b82f626;border:1px solid #e0e7ff}.tabbed-permission-config__tab:disabled{opacity:.6;cursor:not-allowed;transform:none}.tabbed-permission-config__tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.tabbed-permission-config__tab-icon svg{width:20px;height:20px;stroke-width:1.5}.tabbed-permission-config__tab-content{display:flex;flex-direction:column;gap:2px;flex:1}.tabbed-permission-config__tab-title{font-size:14px;font-weight:600;line-height:1.2}.tabbed-permission-config__tab-count{font-size:12px;color:#94a3b8;line-height:1.2}.tabbed-permission-config__tab--active .tabbed-permission-config__tab-count{color:#60a5fa}.tabbed-permission-config__content{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;min-height:400px}.tabbed-permission-config__panel{padding:24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tabbed-permission-config__nav{flex-direction:column;gap:4px}.tabbed-permission-config__tab{flex:none;padding:12px 16px}.tabbed-permission-config__tab-title{font-size:13px}.tabbed-permission-config__tab-count{font-size:11px}.tabbed-permission-config__panel{padding:16px}.general-permissions{gap:16px}.general-permissions__description{padding:12px}.general-permissions__description p{font-size:13px}}@media (max-width: 480px){.tabbed-permission-config__tab{padding:10px 12px;gap:8px}.tabbed-permission-config__tab-icon{width:20px;height:20px}.tabbed-permission-config__tab-icon svg{width:16px;height:16px}.tabbed-permission-config__tab-title{font-size:12px}.tabbed-permission-config__tab-count{font-size:10px}.tabbed-permission-config__panel{padding:12px}.general-permissions{gap:12px}.general-permissions__description{padding:10px}.general-permissions__description p{font-size:12px}}.create-role-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;animation:fadeIn .2s ease}.create-role-modal{width:100%;max-width:800px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:slideUp .3s ease}.create-role-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:1px solid #f3f4f6;margin-bottom:0}.create-role-modal__title-section{flex:1}.create-role-modal__title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem;line-height:1.3}.create-role-modal__subtitle{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.create-role-modal__close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-left:1rem}.create-role-modal__close:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#374151}.create-role-modal__close:disabled{opacity:.5;cursor:not-allowed}.create-role-modal__close svg{width:1.25rem;height:1.25rem;stroke-width:2}.create-role-modal__form{display:flex;flex-direction:column;flex:1;min-height:0}.create-role-modal__content{flex:1;padding:0 2rem;overflow-y:auto;min-height:0}.create-role-modal__section{margin-bottom:2rem}.create-role-modal__section:last-child{margin-bottom:0}.create-role-modal__section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.create-role-modal__required{color:#dc2626;font-weight:400}.create-role-modal__fields{display:flex;flex-direction:column;gap:1.5rem}.create-role-modal__field{display:flex;flex-direction:column;gap:.5rem}.create-role-modal__label{font-size:.875rem;font-weight:500;color:#374151;display:flex;align-items:center;gap:.25rem}.create-role-modal__input,.create-role-modal__textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;resize:none}.create-role-modal__input:focus,.create-role-modal__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.create-role-modal__input:disabled,.create-role-modal__textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.create-role-modal__input--error,.create-role-modal__textarea--error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.create-role-modal__textarea{min-height:80px;font-family:inherit;line-height:1.5}.create-role-modal__field-hint{font-size:.75rem;color:#9ca3af;text-align:right}.create-role-modal__error{font-size:.75rem;color:#dc2626;display:flex;align-items:center;gap:.25rem}.create-role-modal__error--block{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem}.create-role-modal__permissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.create-role-modal__permissions-summary{display:flex;align-items:center}.create-role-modal__permissions-count{padding:.25rem .75rem;background:#eff6ff;color:#1d4ed8;border-radius:6px;font-size:.75rem;font-weight:500}.create-role-modal__permissions-count--empty{background:#fef2f2;color:#dc2626}.create-role-modal__footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid #f3f4f6;background:#f9fafb;border-radius:0 0 16px 16px}.create-role-modal__footer-info{flex:1}.create-role-modal__changes-indicator{font-size:.75rem;color:#d97706;font-weight:500;display:flex;align-items:center;gap:.375rem}.create-role-modal__changes-indicator:before{content:"";width:.5rem;height:.5rem;background:#d97706;border-radius:50%}.create-role-modal__footer-actions{display:flex;gap:.75rem}.create-role-modal__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap;min-width:100px}.create-role-modal__button--secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.create-role-modal__button--secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.create-role-modal__button--primary{background:#3b82f6;color:#fff}.create-role-modal__button--primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.create-role-modal__button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #3b82f640}.create-role-modal__button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.create-role-modal__spinner{display:flex;align-items:center;justify-content:center}.create-role-modal__spinner .spinner{width:1rem;height:1rem}.create-role-modal__spinner .spinner__circle{width:100%;height:100%;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.create-role-modal__overlay{padding:.5rem}.create-role-modal{max-width:100%;max-height:95vh;border-radius:12px}.create-role-modal__header{padding:1.5rem 1.5rem 1rem}.create-role-modal__title{font-size:1.25rem}.create-role-modal__subtitle{font-size:.8rem}.create-role-modal__close{width:2rem;height:2rem;margin-left:.75rem}.create-role-modal__close svg{width:1rem;height:1rem}.create-role-modal__content{padding:0 1.5rem}.create-role-modal__section{margin-bottom:1.5rem}.create-role-modal__section-title{font-size:1rem;margin-bottom:.75rem}.create-role-modal__fields{gap:1.25rem}.create-role-modal__permissions-header{flex-direction:column;align-items:flex-start;gap:.5rem}.create-role-modal__footer{padding:1rem 1.5rem;flex-direction:column;gap:1rem;align-items:stretch}.create-role-modal__footer-actions{gap:.5rem}.create-role-modal__button{flex:1;justify-content:center}}@media (max-width: 480px){.create-role-modal__overlay{padding:.25rem}.create-role-modal{border-radius:8px}.create-role-modal__header{padding:1rem 1rem .75rem}.create-role-modal__title{font-size:1.125rem}.create-role-modal__content{padding:0 1rem}.create-role-modal__section{margin-bottom:1.25rem}.create-role-modal__section-title{font-size:.95rem}.create-role-modal__fields{gap:1rem}.create-role-modal__input,.create-role-modal__textarea{padding:.625rem;font-size:.8rem}.create-role-modal__footer{padding:.875rem 1rem}.create-role-modal__button{padding:.625rem 1rem;font-size:.8rem;min-width:80px}.create-role-modal__footer-actions{flex-direction:column}}.create-role-modal__content::-webkit-scrollbar{width:6px}.create-role-modal__content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.create-role-modal__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.create-role-modal__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-role-assignment{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1.75rem;height:fit-content;min-height:600px;display:flex;flex-direction:column;width:100%}.form-control{padding:.875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s,box-shadow .2s;background:#fff;width:100%}.user-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.75rem;margin-top:.5rem;transition:all .2s;width:100%}.user-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.user-card__avatar{width:3rem;height:3rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:600;flex-shrink:0}.user-card__info{flex:1}.user-card__name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.user-card__email{font-size:.875rem;color:#6b7280;margin:0}.user-card__roles{margin-bottom:1.5rem}.user-card__roles h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.role-badges{display:flex;flex-wrap:wrap;gap:.5rem}.role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;font-size:.75rem;color:#15803d;transition:all .2s}.role-badge:hover{background:#bbf7d0}.role-badge__name{font-weight:500}.role-badge__remove{background:none;border:none;color:#dc2626;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s}.role-badge__remove:hover:not(:disabled){background:#fef2f2;color:#991b1b}.role-badge__remove:disabled{opacity:.5;cursor:not-allowed}.no-roles{font-size:.875rem;color:#9ca3af;font-style:italic;margin:0}.user-card__assign h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.assign-role-section{display:flex;gap:1rem;align-items:end}.assign-role-section .form-control{flex:1;min-width:200px}.btn{padding:.875rem 1.75rem;border-radius:6px;font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;min-width:120px}.btn--assign{white-space:nowrap;min-width:auto;padding:.75rem 1rem}.btn--full{width:100%}.spinner-small{width:1rem;height:1rem;border:2px solid #ffffff40;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.spinner-icon{animation:spin 1s linear infinite}.spinner-large{font-size:2rem;color:#3b82f6;animation:spin 1s linear infinite}.role-badge__remove svg{transition:all .2s}.role-badge__remove:hover:not(:disabled) svg{transform:scale(1.1)}.btn svg{flex-shrink:0}@media (max-width: 768px){.user-role-assignment{padding:1rem;min-height:auto}.user-role-assignment__header h2{font-size:1.125rem}.user-card{padding:1rem}.user-card__header{flex-direction:column;text-align:center;gap:.75rem}.user-card__avatar{width:2.5rem;height:2.5rem;font-size:1rem}.assign-role-section{flex-direction:column;gap:.5rem;align-items:stretch}.btn--assign{width:100%;padding:.75rem 1.5rem}.user-role-assignment__actions{flex-direction:column}.role-badges{justify-content:center}}@media (max-width: 480px){.user-role-assignment{padding:.75rem}.user-role-assignment__header{margin-bottom:1rem;padding-bottom:.75rem}.user-role-assignment__form{gap:1rem}.form-control{padding:.625rem;font-size:.8rem}.user-card{padding:.75rem}.user-card__header{margin-bottom:1rem;padding-bottom:.75rem}.user-card__avatar{width:2rem;height:2rem;font-size:.875rem}.user-card__name{font-size:1rem}.user-card__email{font-size:.8rem}.role-badge{font-size:.7rem;padding:.25rem .5rem}.btn{padding:.625rem 1rem;font-size:.8rem}}.user-card{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.role-badge{animation:fadeIn .2s ease-out}.user-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.form-control:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.role-badge__remove:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.user-role-assignment{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1.5rem;height:fit-content;min-height:600px;display:flex;flex-direction:column}.user-role-assignment__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.user-role-assignment__header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.user-role-assignment__header p{font-size:.875rem;color:#6b7280;margin:0}.user-role-assignment__form{flex:1;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-control{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;background:#fff}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-control:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-help{font-size:.75rem;color:#6b7280;margin:.25rem 0 0;font-style:italic}.user-role-assignment__user-info,.user-role-assignment__role-info{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.user-role-assignment__user-info h4,.user-role-assignment__role-info h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.user-info-card,.role-info-card{background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb}.user-info-card p,.role-info-card p{font-size:.8rem;color:#4b5563;margin:.25rem 0}.user-info-card strong,.role-info-card strong{color:#111827;font-weight:500}.user-role-assignment__actions{margin-top:auto;padding-top:1.5rem;border-top:1px solid #f3f4f6;display:flex;gap:.75rem}.btn{padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:1}.btn--primary{background:#3b82f6;color:#fff}.btn--primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn--secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.user-role-assignment__loading,.user-role-assignment__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;flex:1}.spinner{width:2rem;height:2rem;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.user-role-assignment__loading p,.user-role-assignment__error p{color:#6b7280;font-size:.875rem;margin:0}.user-role-assignment__error p{color:#dc2626}.assignment-confirmation{text-align:left;font-size:.875rem}.assignment-confirmation p{margin:.5rem 0;color:#374151}.assignment-confirmation strong{color:#111827}@media (max-width: 768px){.user-role-assignment{padding:1rem;min-height:auto}.user-role-assignment__header h2{font-size:1.125rem}.user-role-assignment__actions{flex-direction:column}.btn{flex:none}.user-info-card,.role-info-card{padding:.5rem}.user-info-card p,.role-info-card p{font-size:.75rem}}@media (max-width: 480px){.user-role-assignment{padding:.75rem}.user-role-assignment__header{margin-bottom:1rem;padding-bottom:.75rem}.user-role-assignment__form{gap:1rem}.form-control{padding:.625rem;font-size:.8rem}.user-role-assignment__actions{padding-top:1rem;gap:.5rem}.btn{padding:.625rem 1rem;font-size:.8rem}}.roles-page{min-height:100vh;background:#f8fafc;padding:0;width:100%}.roles-page__container{max-width:100%;margin:0;padding:1.5rem;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.roles-page__content{display:grid;grid-template-columns:1fr 450px;gap:1.5rem;align-items:start;width:100%}.roles-page__main-content{width:100%;min-width:0;overflow-x:auto;max-width:calc(100vw - 450px - 3rem)}.roles-page__main-content .role-tabs{min-width:500px}.roles-page__sidebar{width:100%;position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto}.roles-page__container>*:not(.roles-page__content){width:100%;flex-shrink:0}.roles-example{display:flex;flex-direction:column;gap:2rem;padding:2rem;background:#f8fafc;min-height:100vh;width:100%}.roles-example__info{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;width:100%;box-sizing:border-box}.roles-example__info h2{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 1rem}.roles-example__info p{font-size:1rem;color:#6b7280;line-height:1.6;margin:0 0 1.5rem}.roles-example__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;width:100%}.roles-example__feature-group{padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6;width:100%;box-sizing:border-box}.roles-example__feature-group h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:#111827}.roles-example__feature-group ul{list-style:none;padding:0;margin:0}.roles-example__feature-group li{color:#374151;font-size:.875rem;position:relative;padding:.5rem 0 .5rem 1.5rem}.roles-example__feature-group li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700}.roles-example__tech{padding:1.5rem;background:#eff6ff;border-radius:8px;border:1px solid #dbeafe;width:100%;box-sizing:border-box}.roles-example__tech h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:#1d4ed8}.roles-example__tech ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.roles-example__tech li{padding:.25rem .75rem;background:#3b82f6;color:#fff;border-radius:6px;font-size:.75rem;font-weight:500}@media (max-width: 1400px){.roles-page__content{grid-template-columns:1fr 420px}}@media (max-width: 1200px){.roles-page__content{grid-template-columns:1fr 400px;gap:1rem}.roles-page__container{padding:1.5rem 1rem}}@media (max-width: 1024px){.roles-page__content{grid-template-columns:1fr 380px}.roles-page__sidebar{position:static;max-height:none}}@media (max-width: 768px){.roles-page__content{grid-template-columns:1fr;gap:1.5rem}.roles-page__sidebar{order:-1;position:static;max-height:none}.roles-page__container{padding:1rem;gap:1rem}.roles-example{padding:1rem;gap:1.5rem}.roles-example__info{padding:1.5rem}.roles-example__info h2{font-size:1.5rem}.roles-example__info p{font-size:.9rem}.roles-example__features{grid-template-columns:1fr;gap:1.5rem}.roles-example__feature-group{padding:1.25rem}.roles-example__feature-group h3{font-size:1rem}.roles-example__feature-group li{font-size:.8rem}.roles-example__tech{padding:1.25rem}.roles-example__tech h3{font-size:1rem}.roles-example__tech ul{gap:.375rem}.roles-example__tech li{font-size:.7rem;padding:.2rem .6rem}}@media (max-width: 480px){.roles-page__container{padding:.75rem;gap:.75rem}.roles-example{padding:.75rem}.roles-example__info{padding:1.25rem}.roles-example__info h2{font-size:1.375rem}.roles-example__info p{font-size:.85rem}.roles-example__features{gap:1.25rem}.roles-example__feature-group{padding:1rem}.roles-example__feature-group h3{font-size:.95rem;margin-bottom:.75rem}.roles-example__feature-group li{font-size:.75rem;padding:.375rem 0}.roles-example__tech{padding:1rem}.roles-example__tech h3{font-size:.95rem}.roles-example__tech ul{gap:.25rem}.roles-example__tech li{font-size:.65rem;padding:.15rem .5rem}}.roles-page *,.roles-page *:before,.roles-page *:after{box-sizing:border-box}.roles-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.roles-page--debug *{outline:1px solid rgba(255,0,0,.3)}.roles-page--debug *:hover{outline:2px solid rgba(255,0,0,.6)}.roles-page .role-header,.roles-page .role-filters,.roles-page .role-tabs{width:100%;max-width:none}.roles-page__sidebar::-webkit-scrollbar{width:6px}.roles-page__sidebar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.roles-page__sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.roles-page__sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.roles-page__content{transition:all .3s ease}@media (prefers-reduced-motion: reduce){.roles-page__content{transition:none}}.user-table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-sizing:border-box;border:1px solid #e5e7eb}.user-table__datatable{border:none!important;width:100%!important;box-sizing:border-box!important}.user-table .rdt_Table,.user-table .rdt_TableWrapper,.user-table .rdt_TableHead,.user-table .rdt_TableHeadRow,.user-table .rdt_TableBody,.user-table .rdt_TableRow{width:100%!important;box-sizing:border-box!important}.user-table .rdt_TableCol{box-sizing:border-box!important}.user-table__name-cell{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0;max-width:100%;overflow:hidden}.user-table__name{font-weight:600;color:#111827;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.user-table__id{font-size:.75rem;color:#9ca3af;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,monospace}.user-table__email,.user-table__phone{color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.user-table__no-phone{color:#9ca3af;font-style:italic;font-size:.75rem}.user-table__no-workspaces{color:#9ca3af;font-style:italic;text-align:center}.user-table__workspaces{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.user-table__workspace-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:.75rem;font-weight:500;line-height:1;min-width:1.5rem;justify-content:center}.user-table__workspace-more{font-size:.7rem;color:#6b7280;font-weight:500;font-style:italic;padding:.125rem .25rem}.user-table__no-profiles{color:#9ca3af;font-style:italic;font-size:.75rem}.user-table__profiles-count{display:flex;justify-content:center}.user-table__profiles-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#ecfdf5;color:#065f46;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid #d1fae5}.user-table__actions{display:flex;gap:.5rem;justify-content:center;align-items:center}.user-table__action-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:4px;cursor:pointer;background:transparent;color:#6b7280;transition:none}.user-table__action-button--edit{color:#3b82f6}.user-table__action-button--edit:hover:not(:disabled){color:#2563eb}.user-table__action-button--delete{color:#dc2626}.user-table__action-button--delete:hover:not(:disabled){color:#b91c1c}.user-table__action-button:disabled{color:#d1d5db;cursor:not-allowed}.user-table__action-button svg{width:16px;height:16px;display:block;flex-shrink:0;pointer-events:none}.user-table__no-data{padding:3rem 1rem;text-align:center;color:#9ca3af}.user-table__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;color:#6b7280}.user-table__spinner .spinner{width:2rem;height:2rem}.user-table__spinner .spinner__circle{width:100%;height:100%;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.user-table__workspace-badge{font-size:.7rem;padding:.1rem .3rem}.user-table__id{font-size:.7rem}}@media (max-width: 1024px){.user-table__workspace-badge{font-size:.65rem;padding:.1rem .25rem}.user-table__action-button{width:1.75rem;height:1.75rem}.user-table__action-button svg{width:14px;height:14px}}@media (max-width: 768px){.user-table{min-width:800px}.user-table__workspaces{gap:.125rem}.user-table__workspace-badge{font-size:.6rem;padding:.1rem .2rem}.user-table__action-button{width:1.5rem;height:1.5rem}.user-table__action-button svg{width:12px;height:12px}.user-table .rdt_TableCol{padding-left:.5rem!important;padding-right:.5rem!important}}@media (max-width: 640px){.user-table{font-size:.75rem;min-width:700px}.user-table__name{font-size:.875rem}.user-table__id{font-size:.65rem}.user-table__workspace-badge{font-size:.55rem}.user-table__profiles-badge{font-size:.7rem;padding:.2rem .4rem}.user-table .rdt_TableCol{padding-left:.25rem!important;padding-right:.25rem!important}}.user-table__workspaces{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.user-table__action-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.user-table__action-button--edit:focus{outline-color:#3b82f6}.user-table__action-button--delete:focus{outline-color:#dc2626}.edit-user-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;animation:fadeIn .2s ease}.edit-user-modal{width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:slideUp .3s ease}.edit-user-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:1px solid #f3f4f6;margin-bottom:0}.edit-user-modal__title-section{flex:1}.edit-user-modal__title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem;line-height:1.3}.edit-user-modal__subtitle{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.edit-user-modal__close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-left:1rem}.edit-user-modal__close:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#374151}.edit-user-modal__close:disabled{opacity:.5;cursor:not-allowed}.edit-user-modal__form{display:flex;flex-direction:column;flex:1;min-height:0}.edit-user-modal__content{flex:1;padding:0 2rem;overflow-y:auto;min-height:0}.edit-user-modal__section{margin-bottom:2rem}.edit-user-modal__section:last-child{margin-bottom:0}.edit-user-modal__section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.edit-user-modal__required{color:#dc2626;font-weight:400}.edit-user-modal__fields{display:flex;flex-direction:column;gap:1.5rem}.edit-user-modal__field{display:flex;flex-direction:column;gap:.5rem}.edit-user-modal__label{font-size:.875rem;font-weight:500;color:#374151;display:flex;align-items:center;gap:.25rem}.edit-user-modal__input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease}.edit-user-modal__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-user-modal__input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.edit-user-modal__input--readonly{background:#f9fafb;color:#6b7280;font-family:Courier New,monospace;font-size:.8rem}.edit-user-modal__input--error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.edit-user-modal__field-hint{font-size:.75rem;color:#9ca3af;font-style:italic}.edit-user-modal__error{font-size:.75rem;color:#dc2626;display:flex;align-items:center;gap:.25rem}.edit-user-modal__info-grid{display:flex;flex-direction:column;gap:1.5rem}.edit-user-modal__info-item{display:flex;flex-direction:column;gap:.5rem}.edit-user-modal__info-label{font-size:.875rem;font-weight:500;color:#374151}.edit-user-modal__info-value{padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.edit-user-modal__workspaces{display:flex;flex-wrap:wrap;gap:.5rem}.edit-user-modal__workspace-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:.75rem;font-weight:600}.edit-user-modal__profiles{display:flex;flex-wrap:wrap;gap:.5rem}.edit-user-modal__profile-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#ecfdf5;color:#065f46;border-radius:6px;font-size:.75rem;font-weight:600}.edit-user-modal__empty{color:#9ca3af;font-style:italic;font-size:.875rem}.edit-user-modal__note{margin-top:1rem;padding:.75rem;background:#eff6ff;color:#1e40af;border-radius:8px;font-size:.875rem;border-left:4px solid #3b82f6}.edit-user-modal__footer{display:flex;justify-content:flex-end;padding:1.5rem 2rem;border-top:1px solid #f3f4f6;background:#f9fafb;border-radius:0 0 16px 16px}.edit-user-modal__footer-actions{display:flex;gap:.75rem}.edit-user-modal__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap;min-width:100px}.edit-user-modal__button--secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.edit-user-modal__button--secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.edit-user-modal__button--primary{background:#3b82f6;color:#fff}.edit-user-modal__button--primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.edit-user-modal__button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #3b82f640}.edit-user-modal__button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.edit-user-modal__button-icon{width:1rem;height:1rem}.edit-user-modal__spinner{display:flex;align-items:center;justify-content:center}.edit-user-modal__spinner .spinner{width:1rem;height:1rem}.edit-user-modal__spinner .spinner__circle{width:100%;height:100%;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.edit-user-modal__overlay{padding:.5rem}.edit-user-modal{max-width:100%;max-height:95vh;border-radius:12px}.edit-user-modal__header{padding:1.5rem 1.5rem 1rem}.edit-user-modal__title{font-size:1.25rem}.edit-user-modal__subtitle{font-size:.8rem}.edit-user-modal__close{width:2rem;height:2rem;margin-left:.75rem}.edit-user-modal__content{padding:0 1.5rem}.edit-user-modal__section{margin-bottom:1.5rem}.edit-user-modal__section-title{font-size:1rem;margin-bottom:.75rem}.edit-user-modal__fields{gap:1.25rem}.edit-user-modal__footer{padding:1rem 1.5rem;flex-direction:column;gap:1rem;align-items:stretch}.edit-user-modal__footer-actions{gap:.5rem}.edit-user-modal__button{flex:1;justify-content:center}}@media (max-width: 480px){.edit-user-modal__overlay{padding:.25rem}.edit-user-modal{border-radius:8px}.edit-user-modal__header{padding:1rem 1rem .75rem}.edit-user-modal__title{font-size:1.125rem}.edit-user-modal__content{padding:0 1rem}.edit-user-modal__section{margin-bottom:1.25rem}.edit-user-modal__section-title{font-size:.95rem}.edit-user-modal__fields{gap:1rem}.edit-user-modal__input{padding:.625rem;font-size:.8rem}.edit-user-modal__footer{padding:.875rem 1rem}.edit-user-modal__button{padding:.625rem 1rem;font-size:.8rem;min-width:80px}.edit-user-modal__footer-actions{flex-direction:column}}.edit-user-modal__content::-webkit-scrollbar{width:6px}.edit-user-modal__content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.edit-user-modal__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.edit-user-modal__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invitation-form{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;height:fit-content;position:sticky;top:1rem}.invitation-form__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.invitation-form__title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.invitation-form__subtitle{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.invitation-form__form{display:flex;flex-direction:column;gap:1rem}.invitation-form__field{display:flex;flex-direction:column;gap:.5rem}.invitation-form__label{font-size:.875rem;font-weight:500;color:#374151}.invitation-form__input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.invitation-form__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.invitation-form__input--error{border-color:#ef4444}.invitation-form__input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.invitation-form__input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.invitation-form__error{font-size:.75rem;color:#ef4444;margin-top:.25rem}.invitation-form__help{font-size:.75rem;color:#6b7280;margin-top:.25rem;line-height:1.3}.invitation-form__actions{margin-top:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.invitation-form__submit-button{width:100%;padding:.75rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.invitation-form__submit-button:hover:not(:disabled){background-color:#2563eb}.invitation-form__submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.invitation-form__loading-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.invitation-form__info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.invitation-form__info-item{margin-bottom:1rem}.invitation-form__info-item:last-child{margin-bottom:0}.invitation-form__info-item strong{display:block;font-size:.875rem;color:#374151;margin-bottom:.25rem}.invitation-form__info-item p{font-size:.75rem;color:#6b7280;margin:0;line-height:1.4}@media (max-width: 768px){.invitation-form{position:static;margin-top:1rem}}.users-page{min-height:100vh;background-color:#f8fafc;padding:1rem}.users-page__container{max-width:1400px;margin:0 auto}.users-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.users-page__title-section{flex:1}.users-page__title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.users-page__subtitle{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.users-page__stats{display:flex;gap:1rem}.users-page__stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;min-width:100px}.users-page__stat-number{font-size:1.5rem;font-weight:700;color:#3b82f6;margin-bottom:.25rem}.users-page__stat-label{font-size:.75rem;color:#6b7280;text-align:center;font-weight:500}.users-page__two-column-layout{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;align-items:start}.users-page__table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.users-page__error{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #fecaca;padding:2rem;text-align:center;grid-column:1 / -1}.users-page__error-content{max-width:400px;margin:0 auto}.users-page__error-content h3{font-size:1.125rem;font-weight:600;color:#dc2626;margin-bottom:.5rem}.users-page__error-content p{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.users-page__retry-button{padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.users-page__retry-button:hover{background-color:#2563eb}@media (max-width: 1200px){.users-page__two-column-layout{grid-template-columns:1fr 350px}}@media (max-width: 1024px){.users-page__two-column-layout{grid-template-columns:1fr;gap:1rem}.users-page__right-column{order:-1}}@media (max-width: 768px){.users-page{padding:.5rem}.users-page__header{flex-direction:column;gap:1rem;padding:1rem}.users-page__stats{align-self:stretch;justify-content:center}.users-page__title{font-size:1.5rem}.users-page__subtitle{font-size:.875rem}}@media (max-width: 640px){.users-page__header{padding:.75rem}.users-page__stats{flex-direction:column;width:100%}.users-page__stat{min-width:auto;width:100%}}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.activity-stats__card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.activity-stats__card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.activity-stats__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.activity-stats__card--blue:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.activity-stats__card--green:before{background:linear-gradient(90deg,#10b981,#047857)}.activity-stats__card--purple:before{background:linear-gradient(90deg,#8b5cf6,#5b21b6)}.activity-stats__card--orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.activity-stats__card-header{display:flex;align-items:flex-start;gap:16px}.activity-stats__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.activity-stats__icon--blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.activity-stats__icon--green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.activity-stats__icon--purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.activity-stats__icon--orange{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.activity-stats__card-content{flex:1;min-width:0}.activity-stats__card-title{font-size:12px;font-weight:600;color:#6b7280;margin:0 0 8px;letter-spacing:.05em;text-transform:uppercase}.activity-stats__card-value{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.2}.activity-stats__card-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:500}.activity-stats__loading{height:34px;display:flex;align-items:center}.activity-stats__skeleton{width:80px;height:24px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s infinite}@media (max-width: 1024px){.activity-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.activity-stats__card{padding:20px}}@media (max-width: 640px){.activity-stats{grid-template-columns:1fr;gap:12px}.activity-stats__card{padding:16px}.activity-stats__card-header{gap:12px}.activity-stats__icon{width:40px;height:40px;font-size:18px}.activity-stats__card-value{font-size:24px}}.activity-filters{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb}.activity-filters__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.activity-filters__row--secondary{margin-top:20px;padding-top:20px;border-top:1px solid #f3f4f6;grid-template-columns:1fr auto}.activity-filters__field{display:flex;flex-direction:column;gap:6px}.activity-filters__field--full{grid-column:1 / -1}.activity-filters__label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em}.activity-filters__input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.activity-filters__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.activity-filters__input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.activity-filters__input--date{font-family:inherit}.activity-filters__select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background-color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;background-repeat:no-repeat;background-position:right}.activity-filters__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.activity-filters__select::-ms-expand{display:none}.activity-filters__select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.activity-filters__select--wide{grid-column:1 / -2}.activity-filters__actions{display:flex;gap:12px;align-items:center}.activity-filters__button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;display:flex;align-items:center;gap:6px;white-space:nowrap}.activity-filters__button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.activity-filters__button:not(:disabled):hover{transform:translateY(-1px)}.activity-filters__button:not(:disabled):active{transform:translateY(0)}.activity-filters__button--primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.activity-filters__button--primary:not(:disabled):hover{background-color:#2563eb;border-color:#2563eb}.activity-filters__button--secondary{background-color:#fff;color:#6b7280;border-color:#d1d5db}.activity-filters__button--secondary:not(:disabled):hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.activity-filters__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.activity-filters{padding:20px}.activity-filters__row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.activity-filters__row--secondary{grid-template-columns:1fr;gap:16px}.activity-filters__select--wide{grid-column:1 / -1}.activity-filters__actions{justify-content:stretch}.activity-filters__button{flex:1;justify-content:center}}@media (max-width: 640px){.activity-filters{padding:16px}.activity-filters__row{grid-template-columns:1fr;gap:12px}.activity-filters__actions{flex-direction:column}.activity-filters__button{width:100%;justify-content:center}}.activity-filters__info{margin-bottom:20px;padding:12px 16px;background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:6px}.activity-filters__info-text{margin:0;font-size:.9rem;color:#495057;font-weight:500;line-height:1.4}.activity-filters__select--wide{grid-column:1 / -2;max-width:400px}.activity-filters__error{margin-bottom:16px;padding:12px 16px;background-color:#fef2f2;border-left:4px solid #ef4444;border-radius:6px}.activity-filters__error-text{margin:0;font-size:.9rem;color:#dc2626;font-weight:500;line-height:1.4}.activity-filters__input--error{border-color:#ef4444!important;background-color:#fef2f2}.activity-filters__input--error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.activity-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb;overflow:hidden}.activity-table__container{overflow-x:auto;max-height:600px;overflow-y:auto}.activity-table__table{width:100%;border-collapse:collapse;font-size:14px}.activity-table__header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:sticky;top:0;z-index:10}.activity-table__header-cell{padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb;white-space:nowrap}.activity-table__body{background:#fff}.activity-table__row{transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.activity-table__row:hover:not(.activity-table__row--loading):not(.activity-table__row--empty){background-color:#f8fafc}.activity-table__row:last-child{border-bottom:none}.activity-table__row--loading{pointer-events:none}.activity-table__row--empty{height:200px}.activity-table__cell{padding:16px 12px;vertical-align:top;color:#374151;border-bottom:1px solid #f3f4f6}.activity-table__cell--empty{text-align:center;vertical-align:middle}.activity-table__datetime{display:flex;flex-direction:column;gap:2px}.activity-table__date{font-weight:500;color:#111827}.activity-table__time{font-size:12px;color:#6b7280}.activity-table__user{display:flex;flex-direction:column;gap:2px}.activity-table__user-name{font-weight:500;color:#111827}.activity-table__user-role{font-size:12px;color:#6b7280}.activity-table__action{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.activity-table__action--create{background-color:#dcfdf7;color:#047857;border:1px solid #a7f3d0}.activity-table__action--update{background-color:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.activity-table__action--delete{background-color:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.activity-table__action--note{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}.activity-table__action--status{background-color:#f3e8ff;color:#7c3aed;border:1px solid #c4b5fd}.activity-table__action--default{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.activity-table__entity{font-weight:500;color:#374151}.activity-table__entity-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:500;color:#4b5563;background-color:#f9fafb;padding:2px 6px;border-radius:4px;border:1px solid #e5e7eb}.activity-table__description{color:#6b7280;line-height:1.4;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-table__empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:#9ca3af}.activity-table__empty-icon{font-size:48px;opacity:.5}.activity-table__empty-state p{margin:0;font-size:16px}.activity-table__skeleton{height:16px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.activity-table__pagination{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.activity-table__pagination-info{color:#6b7280;font-size:14px}.activity-table__pagination-controls{display:flex;align-items:center;gap:4px}.activity-table__pagination-button{padding:8px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.activity-table__pagination-button:not(:disabled):hover{background-color:#f3f4f6;border-color:#9ca3af}.activity-table__pagination-button:disabled{opacity:.5;cursor:not-allowed}.activity-table__pagination-button--active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.activity-table__pagination-button--active:not(:disabled):hover{background-color:#2563eb;border-color:#2563eb}.activity-table__pagination-button--nav{font-weight:500}.activity-table__pagination-ellipsis{padding:8px 4px;color:#9ca3af}@media (max-width: 1024px){.activity-table__container{max-height:500px}.activity-table__pagination{padding:16px 20px}.activity-table__pagination-controls{gap:2px}.activity-table__pagination-button{padding:6px 8px;font-size:13px}.activity-table__pagination-button--nav{display:none}}@media (max-width: 640px){.activity-table__header-cell,.activity-table__cell{padding:12px 8px}.activity-table__description{max-width:200px}.activity-table__pagination{flex-direction:column;align-items:center;gap:12px}.activity-table__pagination-info{text-align:center}.activity-table__pagination-controls{justify-content:center;flex-wrap:wrap}.activity-table__empty-icon{font-size:36px}.activity-table__empty-state p{font-size:14px;text-align:center}}.activity-table__container::-webkit-scrollbar{width:6px;height:6px}.activity-table__container::-webkit-scrollbar-track{background:#f1f5f9}.activity-table__container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.activity-table__container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.activity-records{width:100%;max-width:1400px;margin:0 auto;padding:24px;background-color:#f8fafc;min-height:100vh}.activity-records__header{text-align:center;margin-bottom:32px}.activity-records__title{font-size:24px;font-weight:700;color:#1f2937;letter-spacing:.025em;margin:0;text-transform:uppercase}.activity-records__error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.activity-records__error p{color:#dc2626;margin:0;font-weight:500}.activity-records__retry-btn{background-color:#dc2626;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.activity-records__retry-btn:hover{background-color:#b91c1c}.activity-records__retry-btn:active{transform:translateY(1px)}@media (max-width: 768px){.activity-records{padding:16px}.activity-records__title{font-size:20px}.activity-records__error{flex-direction:column;gap:12px;align-items:stretch}.activity-records__retry-btn{width:100%}}:root{--primary-color: #3498db;--primary-color-hover: #2980b9}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,serif}