.access-management-page{gap:18px;display:grid}.access-heading{margin-bottom:0}.access-heading .page-description strong{color:#d9e9f5}.access-new-button,.access-form .primary-button{color:#fff;background:#2477c9;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:650;display:inline-flex}.access-test-banner{color:#f5d590;background:#c88b241c;border:1px solid #e2b55855;border-radius:10px;align-items:flex-start;gap:11px;padding:13px 15px;display:flex}.access-test-banner div{gap:2px;display:grid}.access-test-banner span{color:#d9c7a6;font-size:11px}.access-feedback{border-radius:8px;align-items:center;gap:8px;padding:10px 13px;display:flex}.access-feedback.success{color:#a7e5cc;background:#3a9f7622}.access-feedback.error{color:#ffb9c0;background:#c94e5b1f}.access-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.access-summary article{gap:8px;padding:17px;display:grid;position:relative}.access-summary svg{color:#8bcaff}.access-summary span{color:var(--muted);font-size:10px}.access-summary strong{font-size:27px;font-weight:620}.access-table-panel{min-width:0;overflow:visible}.access-table-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 19px;display:flex}.access-table-heading h2{font-size:16px}.access-table-heading p{color:var(--muted);margin-top:4px;font-size:10px}.access-table-heading>span{color:#a7bed2;font-size:10px}.access-table-scroll{overflow:visible}.access-table{border-collapse:collapse;width:100%}.access-table th,.access-table td{text-align:left;border-bottom:1px solid #badaf112;padding:14px 15px;font-size:11px}.access-table th{text-transform:uppercase;letter-spacing:.6px;color:#8da8bf;font-size:9px}.access-table td{color:#c5d7e5}.access-table td>strong{color:#eff7fc;display:block}.access-table td>small{color:#8fa9bd;margin-top:3px;display:block}.access-status{white-space:nowrap;border:1px solid;border-radius:999px;padding:5px 8px;font-size:9px;display:inline-flex}.access-status.pending{color:#efcc86;background:#be84251a;border-color:#dba95755}.access-status.active{color:#9be0c4;background:#3598711a;border-color:#55b99155}.access-status.revoked{color:#f2a4af;background:#b746561a;border-color:#d9687855}.access-actions-cell{width:50px;text-align:right!important}.access-actions{position:relative}.access-actions summary{cursor:pointer;border-radius:8px;place-items:center;width:33px;height:33px;list-style:none;display:inline-grid}.access-actions summary::-webkit-details-marker{display:none}.access-actions summary:hover{background:#ffffff0c}.access-actions>div{z-index:40;background:#17344c;border:1px solid #55718a66;border-radius:10px;width:245px;padding:7px;position:absolute;top:37px;right:0;box-shadow:0 14px 35px #07162488}.access-actions button{text-align:left;color:#dceaf4;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px;font-size:10px;display:flex}.access-actions button:hover{background:#ffffff12}.access-empty{color:#8fa8bd;text-align:center;place-items:center;gap:7px;padding:45px 20px;display:grid}.access-empty strong{color:#d6e5f0}.access-form{gap:17px;display:grid}.access-form>p{color:#b8cede}.access-form label{gap:7px;font-weight:600;display:grid}.access-form input{color:#edf7ff;background:#102a40;border:1px solid #7390a866;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.access-auto-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.access-auto-fields span{background:#ffffff08;border:1px solid #6e8ba344;border-radius:8px;gap:3px;padding:11px;display:grid}.access-auto-fields small{color:#8fa9bd}.access-result{gap:16px;display:grid}.access-result-check{color:#9fe2c6;background:#409f7926;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.access-result dl{grid-template-columns:1fr 1fr;gap:11px;margin:0;display:grid}.access-result dl>div{background:#ffffff08;border:1px solid #7894aa33;border-radius:8px;min-width:0;padding:10px}.access-result dt{color:#8fa7bb;font-size:9px}.access-result dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:600}.access-result dd a{color:#94cefa;text-decoration:underline}.access-result .access-password{grid-column:1/-1}.access-result .access-password dd{letter-spacing:6px;color:#a9dcff;font-size:26px}.access-result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.access-result-actions button{background:#ffffff0a;border:1px solid #7292ab55;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px;display:flex}.access-result-actions button:hover{background:#ffffff15}@media (max-width:900px){.access-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.access-table-panel{overflow:hidden}.access-table-scroll{overflow-x:auto}.access-table{min-width:820px}.access-actions>div{position:fixed;top:auto;bottom:20px;right:20px}}@media (max-width:600px){.access-heading{align-items:stretch}.access-new-button{width:100%}.access-summary{grid-template-columns:1fr 1fr}.access-summary article{padding:14px}.access-table-scroll{overflow:visible}.access-table,.access-table tbody,.access-table tr,.access-table td{display:block}.access-table{min-width:0}.access-table thead{display:none}.access-table tbody{gap:10px;padding:12px;display:grid}.access-table tr{background:#ffffff06;border:1px solid #7894aa33;border-radius:10px;padding:12px;position:relative}.access-table td{border:0;grid-template-columns:105px 1fr;gap:8px;padding:7px 40px 7px 0;display:grid}.access-table td:before{content:attr(data-label);text-transform:uppercase;color:#819eb5;font-size:9px}.access-table td>strong,.access-table td>small{display:inline}.access-actions-cell{position:absolute;top:7px;right:7px;width:auto!important;padding:0!important}.access-actions-cell:before{display:none}.access-actions>div{width:auto;position:fixed;inset:auto 12px 18px}.access-auto-fields,.access-result dl,.access-result-actions{grid-template-columns:1fr}.access-result .access-password{grid-column:auto}}.access-management-page{grid-template-columns:minmax(0,1fr);min-width:0}.access-form select{color:#edf7ff;background:#102a40;border:1px solid #7390a866;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.access-permissions{border:1px solid #7390a866;border-radius:8px;min-width:0;padding:12px}.access-permissions legend{padding:0 5px;font-weight:600}.access-permissions>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.access-permissions label{align-items:center;gap:7px;font-size:11px;font-weight:400;display:flex}.access-permissions input{accent-color:#2477c9;width:15px;min-height:15px}.access-actions button:disabled{opacity:.5;cursor:wait}@media (max-width:600px){.access-permissions>div{grid-template-columns:1fr}}.access-password-field{margin-top:7px;display:block;position:relative}.access-password-toggle{color:#b8cede;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.access-password-field{display:block;position:relative}.access-password-field input{padding-right:48px}.access-password-toggle{color:#a9c3d7;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.access-password-toggle:hover{color:#edf7ff;background:#ffffff0d}.access-password-toggle:focus-visible{outline-offset:1px;outline:2px solid #8bcaff}.access-password-toggle:disabled{opacity:.5;cursor:wait}