.access-management-page .biva-admin-layout__content{max-width:1500px}.access-management{overflow:visible;border:1px solid #dce7ee;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(9,39,66,.08)}.access-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border-bottom:1px solid #e5edf2;background:linear-gradient(110deg,#fff 0%,#f7fbfc 100%);border-radius:22px 22px 0 0}.access-toolbar>div>span{color:#078778;font-size:.68rem;font-weight:900;letter-spacing:.14em}.access-toolbar h1{margin:5px 0 3px;color:#0a2947;font-size:clamp(1.6rem,2.5vw,2.15rem);letter-spacing:-.03em}.access-toolbar p{margin:0;color:#6b8191;font-size:.85rem}.access-search{display:flex;align-items:center;gap:10px;width:min(390px,100%);min-height:46px;padding:0 14px;border:1px solid #cfdee7;border-radius:13px;background:#fff;box-shadow:0 5px 14px rgba(16,50,77,.05);transition:.18s}.access-search:focus-within{border-color:#078778;box-shadow:0 0 0 3px rgba(7,135,120,.1)}.access-search span{color:#6d8291;font-size:1.15rem}.access-search input{width:100%;border:0;outline:0;background:transparent;color:#173752;font:inherit}.access-table-head,.access-row{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(120px,.55fr) minmax(220px,.95fr) minmax(180px,.7fr);align-items:center;gap:20px}.access-table-head{padding:12px 30px;background:#f6f9fb;color:#778b99;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.access-user-list{min-height:260px}.access-row{position:relative;padding:18px 30px;border-top:1px solid #e8eef2;transition:background .15s}.access-row:hover{z-index:3;background:#fbfdfd}.access-person{display:flex;align-items:center;gap:13px;min-width:0}.access-avatar{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#ffbd24,#ffa719);color:#082b49;font-size:.78rem;font-weight:950;box-shadow:0 6px 14px rgba(255,174,27,.18)}.access-person div{min-width:0}.access-person strong,.access-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-person strong{color:#0b2d4b;font-size:.88rem}.access-person small{margin-top:4px;color:#718594;font-size:.73rem}.access-status{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 10px;border-radius:999px;background:#edf2f5;color:#687c8a;font-size:.7rem;font-weight:800}.access-status i{width:7px;height:7px;border-radius:50%;background:#9aaaae}.access-status.is-active{background:#def7ee;color:#08765f}.access-status.is-active i{background:#13b486;box-shadow:0 0 0 3px rgba(19,180,134,.12)}.access-mobile-label{display:none}.access-dropdown{position:relative}.access-dropdown summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 13px;border:1px solid #cedde6;border-radius:11px;background:#fff;color:#294a64;font-size:.78rem;font-weight:800;cursor:pointer}.access-dropdown summary::-webkit-details-marker{display:none}.access-dropdown summary i{width:7px;height:7px;border-right:2px solid #6f8492;border-bottom:2px solid #6f8492;transform:rotate(45deg);transition:.15s}.access-dropdown[open] summary{border-color:#078778;box-shadow:0 0 0 3px rgba(7,135,120,.09)}.access-dropdown[open] summary i{transform:rotate(225deg)}.access-dropdown__menu{position:absolute;z-index:20;top:48px;left:0;width:280px;padding:8px;border:1px solid #d4e1e8;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(7,37,62,.18)}.access-dropdown__menu label{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;cursor:pointer}.access-dropdown__menu label:hover{background:#f1f8f7}.access-dropdown__menu input{position:absolute;opacity:0}.access-checkbox{display:grid;place-items:center;width:21px;height:21px;border:1px solid #c8d7df;border-radius:6px;color:transparent;font-size:.7rem}.access-dropdown__menu input:checked+.access-checkbox{border-color:#078778;background:#078778;color:#fff}.access-dropdown__menu strong{color:#24445e;font-size:.76rem}.access-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.access-save-message{color:#078778;font-size:.69rem;font-weight:800}.access-save-btn,.access-disable-btn,.access-pagination button{min-height:38px;padding:0 14px;border-radius:10px;font-size:.73rem;font-weight:850;cursor:pointer;transition:.15s}.access-save-btn{border:0;background:#086c75;color:#fff;box-shadow:0 6px 13px rgba(8,108,117,.16)}.access-save-btn:hover{background:#075963;transform:translateY(-1px)}.access-disable-btn{border:1px solid #d7e2e8;background:#fff;color:#6b7f8d}.access-disable-btn:hover:not(:disabled){border-color:#d98a8a;color:#b63535}.access-disable-btn:disabled{opacity:.4;cursor:not-allowed}.access-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:17px 30px;border-top:1px solid #e5edf2;background:#f8fafb;border-radius:0 0 22px 22px}.access-pagination strong{min-width:60px;text-align:center;color:#536c7e;font-size:.75rem}.access-pagination button{border:1px solid #d1dee6;background:#fff;color:#31516a}.access-pagination button:disabled{opacity:.4;cursor:not-allowed}.access-loading,.access-empty{display:grid;justify-items:center;align-content:center;gap:8px;min-height:260px;color:#708592}.access-loading i{width:28px;height:28px;border:3px solid #dce8ed;border-top-color:#078778;border-radius:50%;animation:access-spin .8s linear infinite}.access-empty__icon{font-size:2rem;color:#95a8b4}.access-empty p{margin:0;font-size:.78rem}@keyframes access-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.access-table-head{display:none}.access-row{grid-template-columns:1fr 1fr;gap:16px}.access-actions{justify-content:flex-start}.access-mobile-label{display:block;margin-bottom:6px;color:#7a8e9b;font-size:.65rem;font-weight:850;text-transform:uppercase}}@media(max-width:680px){.access-toolbar{align-items:flex-start;flex-direction:column;padding:22px}.access-search{width:100%}.access-row{grid-template-columns:1fr;padding:18px 20px}.access-dropdown__menu{position:static;width:auto;margin-top:7px;box-shadow:none}.access-actions{justify-content:stretch}.access-actions button{flex:1}.access-pagination{justify-content:center;padding:15px}.access-save-message{position:absolute;right:20px;top:22px}}
