select{font:inherit;width:100%;min-height:3.25rem;padding:.75rem .9rem;border:1px solid #393d4d;border-radius:.7rem;outline:none;color:#fff;background:#0c0e17}
select:focus{border-color:#ffcf4a;box-shadow:0 0 0 .2rem rgba(255,207,74,.14)}
.workspace-nav{display:flex;gap:.4rem;padding:1rem 0;border-bottom:1px solid #292c39}
.workspace-nav button{padding:.65rem 1rem;border:0;border-radius:.65rem;color:#aeb2c1;background:transparent;font-weight:750}
.workspace-nav button.active{color:#11131b;background:#ffcf4a}
.access-view{padding:2rem 0}
.access-view>div:first-child{max-width:38rem}
.access-form{display:grid;grid-template-columns:10rem minmax(14rem,1fr) auto;gap:.75rem;align-items:end;margin:1.5rem 0}
.access-form label{grid-row:1}
.access-form select,.access-form input,.access-form button{grid-row:2}
.access-list{margin-top:2rem}
.access-list h3{font-size:1rem}
.access-rule{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid #292c39}
.access-rule span{display:grid;gap:.2rem}
.access-rule small{color:#8f94a6}
.access-rule button{padding:.5rem .75rem;border:1px solid #51313b;border-radius:.55rem;color:#ffb8c4;background:#27151c}
.access-empty{padding:1.25rem 0;color:#9398aa}
@media(max-width:800px){.access-form{grid-template-columns:1fr}.access-form label,.access-form select,.access-form input,.access-form button{grid-row:auto}}