:root{color:#17212b;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{background:#17677d;border:1px solid #17677d;border-radius:.55rem;color:#fff;cursor:pointer;font-weight:650;padding:.65rem .9rem}button:hover{background:#10586c}button.secondary{background:#fff;color:#155e72}button.quiet,button.text-button{background:transparent;border-color:transparent;color:#47616d}button.danger{border-color:#b6434f;color:#9c2734}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #79c7dc;outline-offset:2px}h1,h2,h3,p{margin-top:0}p{color:#62717e;line-height:1.5}.shell{min-height:100vh;padding:0 3.5rem 4rem}.loading{padding-top:20vh;text-align:center}.topbar{align-items:center;display:flex;justify-content:space-between;min-height:5rem}.brand,.account,.identity{align-items:center;display:flex;gap:.7rem}.brand>span:last-child,.account>span:nth-child(2),.identity>span:last-child{display:grid}.brand small,.account small{color:#75838e;font-size:.72rem;text-transform:uppercase}.brand-mark{align-items:center;background:#123f50;border-radius:.7rem;color:#fff;display:flex;font-size:.75rem;font-weight:800;height:2.3rem;justify-content:center;letter-spacing:.08em;width:2.3rem}.avatar{align-items:center;background:#dbe9ed;border-radius:50%;color:#155e72;display:inline-flex;flex:0 0 auto;font-size:.72rem;font-weight:800;height:2.25rem;justify-content:center;width:2.25rem}.avatar.large{font-size:1rem;height:3.25rem;width:3.25rem}.primary-nav{border-bottom:1px solid #dbe0e5;display:flex;gap:1.5rem;margin:0 -3.5rem;padding:0 3.5rem}.primary-nav button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;color:#60717d;padding:.9rem .1rem .75rem}.primary-nav button[aria-current=true]{border-bottom-color:#17677d;color:#155e72}.page-heading{align-items:flex-end;display:flex;justify-content:space-between;margin:2.8rem 0 1.5rem}.page-heading h1{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.04em;margin-bottom:.35rem}.page-heading p{margin:0}.eyebrow{color:#18708a;display:block;font-size:.7rem;font-weight:800;letter-spacing:.11em;margin-bottom:.4rem;text-transform:uppercase}.apps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.app-card{align-items:flex-start;background:#fff;border:1px solid #dbe1e6;border-radius:1rem;box-shadow:0 1px 2px #1223300a;color:inherit;display:flex;gap:1rem;min-height:10rem;padding:1.25rem;text-decoration:none;transition:box-shadow .16s,transform .16s,border-color .16s}.app-card:hover{border-color:#8cb8c4;box-shadow:0 9px 24px #1237441a;transform:translateY(-2px)}.app-icon{background:#edf2f4;border-radius:.85rem;height:3.5rem;object-fit:contain;padding:.35rem;width:3.5rem}.app-copy{display:flex;flex:1;flex-direction:column;gap:.55rem;min-width:0}.app-copy>span:nth-child(2){color:#62717e;font-size:.9rem;line-height:1.45}.app-copy>small{color:#17677d;font-weight:700;margin-top:auto}.app-name{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.badges{display:inline-flex;flex-wrap:wrap;gap:.3rem}.badges small,.state{background:#e5f1f4;border-radius:99px;color:#16637a;font-size:.64rem;font-weight:800;letter-spacing:.04em;padding:.22rem .45rem;text-transform:uppercase}.badges .warning,.state.warning{background:#fff0df;color:#8a4b07}.state.good{background:#e6f4eb;color:#21633a}.state.muted{background:#edf0f2;color:#62717e}.empty-state{align-items:center;background:#fff;border:1px dashed #b8c3ca;border-radius:.8rem;color:#6d7c86;display:flex;flex-direction:column;gap:.25rem;justify-content:center;min-height:8rem;padding:2rem;text-align:center}.signin{margin:20vh auto 0;max-width:37rem}.signin h1{font-size:clamp(2.3rem,6vw,4.5rem);letter-spacing:-.06em;line-height:.98}.signin p{font-size:1.1rem;margin-bottom:1.5rem}.notice{background:#e9f5ed;border-left:4px solid #318251;border-radius:.25rem;color:#24583a;padding:.75rem 1rem}.save-control{align-items:center;display:flex;gap:.75rem}.save-status{color:#4f6c77;font-size:.8rem;min-width:7rem;text-align:right}.save-status.saved,.role-save-state.saved{color:#287043}.save-status.error,.role-save-state.error{color:#a02d39}.layout-tabs{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.layout-tabs [role=tablist]{display:flex;gap:.35rem;overflow-x:auto}.layout-tabs [role=tab]{background:#e9edef;border-color:transparent;color:#526772}.layout-tabs [role=tab][aria-selected=true]{background:#193f4d;color:#fff}.inline-create,.add-section,.invite{display:flex;gap:.45rem}input,select{background:#fff;border:1px solid #b6c1c8;border-radius:.45rem;color:#17212b;padding:.62rem .7rem}.layout-canvas{background:#e9edef;border:1px solid #d6dde1;border-radius:1rem;display:grid;gap:1rem;min-height:18rem;padding:1rem}.drop-section{background:#f8fafb;border:2px solid transparent;border-radius:.8rem;min-height:9rem;padding:1rem;transition:background .15s,border-color .15s}.drop-section.is-receiving:hover,.app-tray.is-receiving:hover{background:#edf8fb;border-color:#55a8bd}.drop-section>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.7rem}.drop-section h2,.app-tray h2{font-size:1rem;margin:0}.drop-section header small{color:#77858e}.layout-grid,.tray-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.layout-card{align-items:center;background:#fff;border:1px solid #d4dde2;border-radius:.65rem;box-shadow:0 1px 2px #1223300d;cursor:grab;display:grid;gap:.6rem;grid-template-columns:auto auto 1fr;min-height:5rem;padding:.65rem}.layout-card:active{cursor:grabbing}.layout-card.dragging{opacity:.42}.layout-card .app-icon{border-radius:.55rem;height:2.8rem;width:2.8rem}.layout-card>span:nth-child(3){display:grid;min-width:0}.layout-card>span:nth-child(3) small{color:#74818a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-card select{font-size:.73rem;grid-column:3;max-width:100%;padding:.35rem}.drag-handle{color:#87949b;font-size:1.2rem}.drop-hint{align-items:center;border:1px dashed #aebbc2;border-radius:.55rem;color:#74838c;display:flex;justify-content:center;min-height:5rem}.add-section{align-items:center;border:1px dashed #aebbc2;border-radius:.7rem;padding:.7rem}.add-section span{color:#17677d;font-size:1.4rem}.app-tray{border:2px solid transparent;border-radius:.8rem;display:grid;gap:1rem;grid-template-columns:13rem 1fr;margin-top:1.3rem;padding:1rem}.app-tray p{font-size:.85rem}.tray-empty{align-self:center;color:#72808a}.admin-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:12rem minmax(0,1fr)}.admin-nav{display:grid;gap:.3rem;position:sticky;top:1rem}.admin-nav button{background:transparent;border-color:transparent;color:#536771;display:flex;gap:.65rem;text-align:left}.admin-nav button[aria-current=true]{background:#dfecef;color:#125b70}.admin-workspace{min-width:0}.workspace-heading{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:1.25rem}.workspace-heading h2{font-size:1.65rem;letter-spacing:-.025em;margin-bottom:.25rem}.workspace-heading p{margin:0}.metric-grid{display:grid;gap:.8rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.metric{background:#fff;border:1px solid #dce2e6;border-radius:.75rem;display:grid;padding:1rem}.metric strong{font-size:1.8rem;letter-spacing:-.04em}.metric span{color:#667781;font-size:.78rem}.admin-columns{display:grid;gap:1rem;grid-template-columns:1.3fr 1fr}.panel,.application-admin-card,.user-access,.registration-flow>*{background:#fff;border:1px solid #dce2e6;border-radius:.8rem}.panel{padding:1rem}.panel>header{align-items:flex-start;display:flex;justify-content:space-between}.panel h3{margin-bottom:.2rem}.panel p{font-size:.82rem}.activity-list,.people-preview,.application-admin-grid,.access-list{display:grid;gap:.65rem}.activity-row,.people-preview>div{align-items:center;border-top:1px solid #edf0f2;display:grid;gap:.7rem;grid-template-columns:auto 1fr auto;padding-top:.7rem}.activity-row .app-icon{border-radius:.5rem;height:2.5rem;width:2.5rem}.activity-row>span:nth-child(2),.people-preview>div>span:nth-child(2){display:grid}.activity-row small,.people-preview small{color:#77858e}.application-admin-grid{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr))}.application-admin-card{display:grid;gap:1rem;padding:1rem}.application-admin-card>header{align-items:center;display:grid;gap:.7rem;grid-template-columns:auto 1fr auto}.application-admin-card>header>span:nth-child(2){display:grid}.application-admin-card>header small,.application-admin-card footer{color:#74818a}.mini-metrics{background:#f6f8f9;border-radius:.55rem;display:grid;grid-template-columns:repeat(4,1fr);padding:.7rem}.mini-metrics span{color:#71808a;display:grid;font-size:.68rem;text-align:center}.mini-metrics strong{color:#273843;font-size:1rem}.card-controls{align-items:center;display:flex;gap:1rem}.card-controls label:not(.check){display:grid;font-size:.72rem;gap:.25rem}.check{align-items:flex-start;display:flex;gap:.45rem}.check input{margin-top:.2rem}.people-manager{background:#fff;border:1px solid #dce2e6;border-radius:.8rem;display:grid;grid-template-columns:minmax(14rem,.65fr) 2fr;min-height:31rem;overflow:hidden}.people-manager>aside{border-right:1px solid #dce2e6;padding:.8rem}.search{align-items:center;background:#f4f6f7;border-radius:.5rem;display:flex;margin-bottom:.7rem;padding-left:.6rem}.search input{background:transparent;border:0;min-width:0;width:100%}.person-list{display:grid;gap:.25rem}.person-list button{background:transparent;border-color:transparent;color:inherit;display:grid;gap:.6rem;grid-template-columns:auto 1fr;text-align:left}.person-list button[aria-current=true]{background:#e5f0f3}.person-list button>span:last-child{display:grid;min-width:0}.person-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-list small{color:#74818a}.user-access{border:0;border-radius:0;padding:1.2rem}.user-access>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.identity h3{font-size:1.05rem;margin:0}.identity p{font-size:.8rem;margin:0}.access-list article{align-items:center;border-top:1px solid #e8ecef;display:grid;gap:1rem;grid-template-columns:minmax(11rem,.75fr) 2fr auto;padding:.85rem 0}.access-app{align-items:center;display:flex;gap:.6rem}.access-app .app-icon{height:2.5rem;width:2.5rem}.access-app>span{display:grid}.access-app small{color:#74818a}.access-list fieldset{border:0;display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}.access-list fieldset .check>span{display:grid}.access-list fieldset small{color:#78858e;font-size:.68rem}.role-save-state{color:#5c707a;font-size:.76rem;font-weight:700;min-width:5.5rem;text-align:right}.invite input{min-width:15rem}.registration-flow{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.registration-flow>*{align-content:start;display:grid;gap:.8rem;padding:1.25rem}.registration-flow label{display:grid;font-size:.78rem;font-weight:700;gap:.3rem}.step{align-items:center;background:#dcecef;border-radius:50%;color:#155e72;display:flex;font-weight:800;height:2rem;justify-content:center;width:2rem}.descriptor-placeholder{background:#f7f9fa;border-style:dashed}.descriptor-preview dl{display:grid;gap:.5rem;margin:0 0 1rem}.descriptor-preview dl div{display:grid;grid-template-columns:8rem 1fr}.descriptor-preview dt{color:#72808a}.descriptor-preview dd{margin:0}.descriptor-preview pre{background:#16212a;color:#e8eef1;max-height:18rem;overflow:auto;padding:.8rem;white-space:pre-wrap}.error{background:#fff0f1;color:#9c2734;padding:.6rem}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:900px){.shell{padding:0 1.25rem 3rem}.primary-nav{margin:0 -1.25rem;padding:0 1.25rem}.account>span:nth-child(2){display:none}.admin-layout{grid-template-columns:1fr}.admin-nav{display:flex;overflow-x:auto;position:static}.metric-grid{grid-template-columns:1fr 1fr}.admin-columns,.registration-flow,.people-manager{grid-template-columns:1fr}.people-manager>aside{border-bottom:1px solid #dce2e6;border-right:0}.app-tray{grid-template-columns:1fr}}@media(max-width:600px){.page-heading,.workspace-heading,.user-access>header{align-items:stretch;flex-direction:column;gap:1rem}.layout-tabs{align-items:stretch;flex-direction:column}.metric-grid,.mini-metrics{grid-template-columns:1fr 1fr}.access-list article{align-items:stretch;grid-template-columns:1fr}.card-controls{align-items:stretch;flex-direction:column}}
