:root{color:#18211b;background:#f3f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.centered-page{display:grid;min-height:100vh;place-items:center;padding:1.5rem}.panel,.management-page{width:min(100%,34rem);border:1px solid #d8dfd7;border-radius:1rem;background:#fff;box-shadow:0 1.2rem 3rem #233a2a1a;padding:clamp(1.5rem,4vw,3rem)}.management-page{margin:4rem auto}.management-shell nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1.25rem}.management-list{display:grid;gap:.75rem;padding:0;list-style:none}.management-list li{display:flex;justify-content:space-between;border-bottom:1px solid #d8dfd7;padding:.75rem 0}.invitation-list li>div{width:100%}.invitation-details{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(0,2fr);gap:.35rem 1rem;margin:1rem 0 0}.invitation-details dt{font-weight:700}.invitation-details dd{overflow-wrap:anywhere;margin:0}.invitation-create-form{display:grid;gap:1rem;border-top:1px solid #d8dfd7;padding-top:1rem}.connection-details{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,2fr);gap:.5rem 1rem;margin:0}.connection-details dt{font-weight:700}.connection-details dd{overflow-wrap:anywhere;margin:0}.session-loading{padding:2rem;text-align:center}.management-form{display:grid;gap:1rem;width:min(100% - 2rem,34rem);margin:1rem auto 4rem;border:1px solid #d8dfd7;border-radius:1rem;background:#fff;padding:1.5rem}.management-form label{display:grid;gap:.4rem;font-weight:700}.management-form input{min-height:2.75rem;border:1px solid #b7c4b9;border-radius:.5rem;padding:.6rem}.management-form select{min-height:2.75rem;border:1px solid #b7c4b9;border-radius:.5rem;background:#fff;padding:.6rem}.management-form fieldset{display:grid;gap:.5rem;max-height:14rem;overflow:auto}.management-form .checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:500}.management-form .checkbox-label input{min-height:auto}.inline-field{display:flex;gap:.5rem}.inline-field input{flex:1}.eyebrow{color:#46634f;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:.4rem 0 .8rem;font-size:clamp(2rem,7vw,3.5rem);letter-spacing:-.04em}.button-stack,.dialog-actions{display:flex;gap:.75rem;margin-top:2rem}.button-stack{flex-direction:column}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;border:1px solid transparent;border-radius:.6rem;padding:.65rem 1rem;font-weight:700;cursor:pointer}.button-primary{color:#fff;background:#245b36}.button-secondary{color:#1f3b28;border-color:#b7c4b9;background:#f8faf8}.button:focus-visible{outline:3px solid #72a985;outline-offset:2px}.dialog-overlay{position:fixed;inset:0;background:#0d18119e}.dialog-content{position:fixed;top:50%;left:50%;width:min(calc(100% - 2rem),38rem);transform:translate(-50%,-50%);border-radius:1rem;background:#fff;padding:2rem;box-shadow:0 1.5rem 4rem #00000047}.dialog-content label{display:grid;gap:.4rem;margin-top:1rem;font-weight:700}.dialog-content input{min-height:2.75rem;border:1px solid #b7c4b9;border-radius:.5rem;padding:.6rem}.credential-value{display:block;overflow-wrap:anywhere;margin-top:1.5rem;border:1px solid #d8dfd7;border-radius:.5rem;background:#f3f6f2;padding:1rem}@media(max-width:36rem){.dialog-actions{flex-direction:column}}
