:root{color:#172033;background:#f4f6f9;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:20rem;margin:0}main{width:min(90rem,100% - 2rem);margin:2rem auto}header,section,.create,.account{align-items:end;gap:1rem;display:flex}header{justify-content:space-between;align-items:start;margin-bottom:2rem}h1{margin:.2rem 0;font-size:clamp(2.2rem,5vw,4rem)}h2{margin-top:0}.eyebrow{color:#3157a4;letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:750}.button,button{color:#fff;cursor:pointer;font:inherit;background:#244a91;border:0;border-radius:.45rem;padding:.7rem 1rem;text-decoration:none}.secondary,.link{color:#244a91;background:0 0;padding:.7rem 0}.login{max-width:30rem;margin-top:12vh}.login .button,.login .secondary{margin-right:1rem;display:inline-block}label{gap:.35rem;font-size:.85rem;font-weight:700;display:grid}input,select{min-width:12rem;font:inherit;background:#fff;border:1px solid #c9d0dc;border-radius:.4rem;padding:.65rem}.notice{background:#e9effa;border-left:.25rem solid #3157a4;padding:.8rem 1rem}.columns{grid-template-columns:repeat(3,minmax(15rem,1fr));align-items:start;gap:1rem;margin-top:2rem;display:grid}.column{background:#fff;border:1px solid #dce1e9;border-radius:.7rem;padding:1rem;display:block}.create{margin-bottom:1rem}ul{margin:0;padding:0;list-style:none}li{border-top:1px solid #edf0f4;padding:.65rem 0}li.selected{border-left:.2rem solid #3157a4;padding-left:.5rem}.resource{width:100%;color:inherit;text-align:left;background:0 0;justify-content:space-between;padding:.5rem 0;display:flex}small{color:#687386}summary{cursor:pointer;color:#3157a4;font-size:.85rem}.edit{gap:.5rem;margin-top:.5rem;display:grid}.operations{grid-template-columns:2fr 1fr;align-items:start;gap:1rem;margin-top:1rem;display:grid}.panel{background:#fff;border:1px solid #dce1e9;border-radius:.7rem;padding:1rem;display:block}.delegation-form{grid-template-columns:repeat(3,minmax(10rem,1fr));align-items:end;gap:.75rem;margin-bottom:1rem;display:grid}.access-form,.membership-form,.copy-field{flex-wrap:wrap;align-items:end;gap:.5rem;margin:.75rem 0;display:flex}.copy-field input{min-width:min(30rem,70vw)}.panel h3{margin-bottom:.5rem}.revoke{gap:.5rem;margin-top:.5rem;display:flex}.revoke input{flex:1;min-width:0}@media (width<=55rem){.columns,.operations,.delegation-form{grid-template-columns:1fr}header,section{flex-direction:column;align-items:stretch}}