.users-page{min-height:calc(100vh - 100px);padding:28px 26px 44px;background:#f6f8fc;color:#102143}.users-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.users-heading h1{margin:2px 0 5px;font-size:29px}.users-heading p,.users-heading span{margin:0;color:#72809a;font-weight:600}.users-heading>i{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#f0ebff,#eaf5ff);color:#6130e6}.users-back{border:0;background:transparent;color:#5928dd;font:inherit;font-weight:800;display:flex;align-items:center;gap:5px;cursor:pointer;padding:0;margin-bottom:17px}.users-card,.user-form,.user-details,.user-more{background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:25px;box-shadow:0 6px 20px rgba(21,37,68,.035)}.users-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.users-primary,.users-secondary,.users-filter-icon{border:0;border-radius:9px;padding:11px 15px;display:inline-flex;align-items:center;gap:7px;font:inherit;font-weight:800;cursor:pointer}.users-primary{background:linear-gradient(110deg,#5320da,#7d3cf3);color:#fff;box-shadow:0 8px 18px rgba(95,38,226,.2)}.users-secondary,.users-filter-icon{background:#fff;color:#5730da;border:1px solid #dfe5ee}.users-filters{display:flex;gap:8px;align-items:center}.users-search{width:280px;display:flex;align-items:center;gap:8px;border:1px solid #dce3ed;border-radius:9px;padding:0 11px;color:#71809a}.users-search input{border:0;outline:0;width:100%;padding:12px 0;background:transparent;font:inherit}.users-filters select{border:1px solid #dce3ed;border-radius:9px;padding:11px 10px;background:#fff;color:#516078;font:inherit}.users-table-wrap{overflow:auto;border:1px solid #e8ecf2;border-radius:12px}.users-table{width:100%;border-collapse:collapse;min-width:900px}.users-table th,.users-table td{padding:14px 13px;border-bottom:1px solid #eef1f5;text-align:right;vertical-align:middle}.users-table th{background:#fafbfe;color:#64728a;font-size:13px;font-weight:800}.user-person{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:right;cursor:pointer;font:inherit;color:inherit}.user-person i,.user-details>header>i{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#eaf0ff,#eee9ff);color:#5f31e4;display:grid;place-items:center;font-style:normal;font-weight:850}.user-person b{display:block}.user-person small{display:block;color:#75839a;margin-top:3px}.role-badge{display:inline-block;padding:6px 11px;border-radius:8px;background:#f1edff;color:#5e2ad9;font-weight:800;font-size:13px}.role-badge.finance-manager{background:#eef6ff;color:#116bd0}.role-badge.hr-manager{background:#edf9ef;color:#148542}.user-status{border:0;background:#fff0f0;color:#d13a47;border-radius:999px;padding:6px 10px;font:inherit;font-weight:800;cursor:pointer}.user-status.active{background:#eaf8ee;color:#108b47}.user-row-actions{display:flex;gap:7px}.user-row-actions button{width:35px;height:35px;display:grid;place-items:center;border:1px solid #e0e6ef;border-radius:8px;background:#fff;color:#5d2be0;cursor:pointer}.users-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;color:#697890;font-weight:650}.users-footer select{border:1px solid #e0e6ef;border-radius:8px;padding:8px;background:#fff;font:inherit}.users-pagination{display:flex;gap:6px;direction:ltr}.users-pagination button{border:1px solid #e0e6ef;border-radius:7px;background:#fff;width:34px;height:34px;color:#44516a}.users-pagination button.active{background:#5d27e3;color:#fff;border-color:#5d27e3}.users-empty{text-align:center!important;padding:35px!important;color:#8090a9}.user-form{display:grid;gap:20px}.user-form section{border:1px solid #e7ebf2;border-radius:12px;padding:20px}.user-form h2,.user-details h2,.user-more h2{margin:0 0 7px;font-size:20px}.user-form p,.user-more p{margin:0 0 17px;color:#708098;font-weight:600}.user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.user-form label{display:grid;gap:7px;font-weight:800;color:#42516a}.user-form label small{font-weight:500;color:#8794aa}.user-form input,.user-form select{border:1px solid #dce3ed;border-radius:8px;padding:11px;background:#fff;color:#172944;font:inherit}.user-switch{display:flex!important;align-items:center;gap:8px;margin-top:15px}.user-permissions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.user-permissions label{display:flex;border:1px solid #e4e8ef;border-radius:8px;padding:10px;gap:8px;align-items:center;font-size:13px}.user-permissions input{accent-color:#642be7}.user-form footer,.user-details footer{display:flex;justify-content:flex-end;gap:9px}.user-details>header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e8ecf1}.user-details>header>div{flex:1}.user-details>header h2{margin-bottom:2px}.user-details>header span{color:#708098}.user-details>header b{display:block;color:#5c2cdc;margin-top:6px}.user-details dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.user-details dl div{border:1px solid #e6ebf2;border-radius:9px;padding:12px}.user-details dt{color:#718099;font-weight:650}.user-details dd{margin:5px 0 0;font-weight:800}.grants-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.grants-list span{display:flex;gap:5px;align-items:center;background:#f2efff;color:#5c2ed8;padding:7px 10px;border-radius:8px;font-size:13px;font-weight:750}.user-more{max-width:580px}.user-more button{width:100%;margin-top:10px;border:1px solid #e0e5ed;border-radius:9px;background:#fff;padding:13px;text-align:right;color:#483d62;font:inherit;font-weight:800;display:flex;gap:8px;align-items:center;cursor:pointer}.users-toast{position:fixed;left:28px;bottom:26px;background:#102344;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 28px rgba(9,24,51,.2);font-weight:750;z-index:30}@media(max-width:1050px){.users-actions{align-items:flex-start;flex-direction:column}.users-filters{width:100%;flex-wrap:wrap}.users-search{flex:1}.user-permissions{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.users-page{padding:22px 15px}.users-filters{display:grid;grid-template-columns:1fr 1fr}.users-search{grid-column:span 2;width:100%}.users-footer{flex-wrap:wrap;gap:12px}.user-form-grid,.user-permissions,.user-details dl{grid-template-columns:1fr}}
.user-row-actions button.user-disable{color:#dd3141;border-color:#ffd8dc;background:#fffafb}
.user-edit-form{gap:16px}.user-edit-form>section{padding:20px 22px;background:linear-gradient(145deg,#fff,#fbfcff)}.user-edit-form>section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.user-edit-form h2{font-size:19px;margin:0 0 4px}.user-edit-form header p{margin:0;color:#71809a;font-size:13px;font-weight:500}.user-account-section{position:relative;overflow:hidden}.user-account-section:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#5624b4,#882cff,#39d5ff)}.user-photo-editor{display:grid;justify-items:center;gap:6px;min-width:104px}.user-edit-avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eee9ff,#e8faff);color:#5b2cdf;font-weight:800;font-size:20px}.user-edit-avatar img{width:100%;height:100%;object-fit:cover}.user-photo-change{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #ded6ff;border-radius:8px;padding:6px 10px!important;background:#fff;color:#5b2cdf!important;font-size:12px!important;cursor:pointer}.user-photo-change input{position:absolute;inset:0;opacity:0;cursor:pointer}.user-photo-editor small{font-size:11px;color:#8290a5}.permissions-section{padding-bottom:18px!important}.permissions-actions{display:flex;gap:8px}.permissions-actions .users-secondary{padding:8px 11px;font-size:12px}.permissions-legend{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 15px;color:#748198;font-size:12px}.permissions-legend span{padding:4px 8px;border-radius:999px;background:#f3f5f8}.permissions-legend .inherited{background:#edf4ff;color:#3368b8}.permissions-legend .override{background:#f3edff;color:#6930da}.user-permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-group{border:1px solid #e8ecf3;border-radius:11px;padding:12px;background:#fff}.permission-group h3{margin:0 0 9px;color:#263756;font-size:13px;font-weight:700}.permission-group>div{display:grid;gap:3px}.permission-check{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto;align-items:center!important;gap:8px!important;padding:7px 5px!important;border:0!important;border-radius:7px;color:#40506c;font-size:12px!important;font-weight:500!important;cursor:pointer}.permission-check:hover{background:#f8f6ff}.permission-check>input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}.permission-box{width:16px;height:16px;border:1.5px solid #cbd4e2;border-radius:5px;display:grid;place-items:center;background:#fff}.permission-check>input:checked+.permission-box{background:#5d2be0;border-color:#5d2be0}.permission-check>input:checked+.permission-box:after{content:"✓";font-size:11px;color:#fff;font-weight:800}.permission-check b{min-width:0;font-weight:600}.permission-check small{font-size:10px;white-space:nowrap;color:#7d8aa0}.permission-check.is-override{background:#f7f3ff}.permission-check.is-override small{color:#6a31d8}.user-form-actions{position:sticky;bottom:10px;z-index:3;margin:0!important;padding:12px!important;background:rgb(255 255 255 / .95);backdrop-filter:blur(12px);border:1px solid #e2e7ef!important;border-radius:12px;box-shadow:0 8px 24px rgba(15,10,61,.08);justify-content:flex-end!important}@media(max-width:900px){.user-permission-groups{grid-template-columns:1fr}.user-edit-form>section>header{flex-direction:column}.permissions-actions{width:100%}}@media(max-width:560px){.permissions-actions{flex-wrap:wrap}.user-photo-editor{justify-items:start}.permission-check{grid-template-columns:18px minmax(0,1fr)!important}.permission-check small{grid-column:2}.user-form-actions{bottom:0}}
.user-details>header>.user-detail-avatar{overflow:hidden;padding:0;background:linear-gradient(145deg,#eaf0ff,#eee9ff)}.user-detail-avatar img{width:100%;height:100%;display:block;object-fit:cover}

/* Keep the same stored user photo visible in the list and simplify permission overrides. */
.user-person i{overflow:hidden!important;padding:0!important;flex:0 0 42px}.user-person i img{width:100%;height:100%;display:block;object-fit:cover}.user-details .grants-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 22px;padding:14px;border:1px solid #e7e2fa;border-radius:13px;background:#fcfbff}.user-details .grants-list span{min-width:0;min-height:38px;align-items:center;padding:8px 10px;border:1px solid #e6defe;border-radius:9px;background:#f7f3ff;color:#5630c7;font-size:12px;font-weight:650}.user-details .grants-list span svg{flex:0 0 auto}.user-details .grants-list span:only-child{grid-column:1/-1;justify-content:center;background:#f7f9fc;border-color:#e8edf3;color:#72809a}@media(max-width:1050px){.user-details .grants-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.user-details .grants-list{grid-template-columns:1fr}}