:root{color:#152238;background:#f7f7f4;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;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:#f7f7f4}.topbar{position:fixed;inset:0 0 auto;z-index:20;height:3.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.5rem 0 17rem;background:#fffffdf0;border-bottom:1px solid #e5e7e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breadcrumbs,.utility-actions{display:flex;align-items:center;gap:.55rem;min-width:0}.breadcrumbs{color:#667085;font-size:.86rem}.breadcrumbs strong{color:#152238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utility-actions{color:#526078;font-size:.78rem}.release-badge{border-radius:999px;padding:.25rem .55rem;font-weight:750}.release-badge.live_testing{color:#7a4a00;background:#fff1cf}.release-badge.verified{color:#0d644f;background:#ddf5ed}.release-badge.blocked{color:#9a241d;background:#fde5e1}.build-indicator{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.text-button,.icon-button{border:0;background:transparent;color:#40516b}.text-button{padding:.4rem}.icon-button{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.4rem;font-size:1.25rem}.icon-button:hover,.text-button:hover{background:#edf2f2}.mobile-menu,.close-mobile{display:none}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:15rem;overflow-y:auto;padding:.85rem .65rem 1.5rem;background:#10253d;color:#dfe9f0;transition:width .16s ease,transform .16s ease}.brand-row{height:2.9rem;display:flex;align-items:center;gap:.6rem;padding:0 .28rem .9rem;margin-bottom:.45rem;border-bottom:1px solid rgb(225 236 245 / 16%)}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:1.95rem;height:1.95rem;border-radius:.45rem;color:#0d2b42;background:#92ddcf;font-size:.68rem;font-weight:850;letter-spacing:.04em}.brand-name{overflow:hidden;white-space:nowrap;font-size:.84rem;font-weight:740}.collapse-button{margin-left:auto;color:#dfe9f0}.nav-group{margin:1.15rem 0}.nav-group h2{margin:0 0 .32rem;padding:0 .55rem;color:#8ea5b8;font-size:.63rem;font-weight:760;letter-spacing:.1em}.nav-item{width:100%;display:flex;align-items:center;gap:.65rem;border:0;border-radius:.38rem;padding:.56rem .55rem;color:#d9e4ed;background:transparent;text-align:left;font-size:.82rem}.nav-item:hover{background:#cfeaec1a}.nav-item.active{background:#1d5067;color:#fff}.nav-dot{flex:0 0 auto;width:.45rem;height:.45rem;border:1px solid #8ab9be;border-radius:50%}.nav-item.active .nav-dot{background:#9adbd0;border-color:#9adbd0}.sidebar.collapsed{width:4.35rem}.sidebar.collapsed .brand-name,.sidebar.collapsed h2,.sidebar.collapsed .nav-item span:last-child{display:none}.sidebar.collapsed .collapse-button{transform:rotate(180deg)}.sidebar.collapsed .nav-item{justify-content:center}.content{min-height:100vh;padding:7.75rem 2rem 3rem 17rem;transition:padding .16s ease}.content.sidebar-collapsed{padding-left:6.35rem}.page-context{max-width:47rem;margin-bottom:2.15rem}.eyebrow{margin:0 0 .55rem;color:#18716f;font-size:.69rem;font-weight:820;letter-spacing:.1em}h1,h2,p{margin-top:0}h1{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.045em;line-height:1}h2{margin-bottom:.55rem;font-size:1.25rem;letter-spacing:-.015em}.page-context>p:last-child,.workbench p,.role-card p,.blocked-card p{color:#5b687b;line-height:1.6}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:70rem}.status-panel,.workbench{border:1px solid #e1e5e4;border-radius:.65rem;background:#fffefd}.status-panel{min-height:8.3rem;padding:1.15rem}.panel-label,.role-label{margin-bottom:.45rem;color:#778396;font-size:.73rem;font-weight:700}.status-panel strong{display:block;margin-bottom:.42rem;color:#19324d;font-size:1.08rem}.status-panel span{color:#68758a;font-size:.8rem;line-height:1.35}.workbench{max-width:70rem;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(16rem,.8fr);gap:2rem;align-items:center;margin-top:1rem;padding:1.5rem}.role-card,.blocked-card{padding:1.1rem;border-radius:.5rem;background:#edf4f3}.blocked-card{background:#fff5dc}.role-card strong,.blocked-card strong{display:block;color:#16394c;font-size:1.05rem}.role-card p,.blocked-card p{margin:.55rem 0 0;font-size:.86rem}.login-form{display:grid;gap:.75rem}.login-form label{display:grid;gap:.3rem;color:#40516b;font-size:.8rem;font-weight:700}.login-form input{width:100%;border:1px solid #ccd5d7;border-radius:.38rem;padding:.6rem .65rem;background:#fff;color:#152238}.login-form input:focus{outline:3px solid rgb(45 143 148 / 25%);border-color:#2d8f94}.primary-button{justify-self:start;border:0;border-radius:.38rem;padding:.62rem .9rem;color:#fff;background:#177a80;font-weight:760}.primary-button:disabled{cursor:wait;opacity:.7}.form-message{margin:0;color:#8c311e;font-size:.8rem}.scrim{display:none}@media(max-width:780px){.topbar{padding:0 .85rem}.mobile-menu{display:inline-grid}.collapse-button{display:none}.close-mobile{display:inline-grid;margin-left:auto;color:#dfe9f0}.sidebar{width:min(18rem,calc(100vw - 3rem));transform:translate(-105%);box-shadow:0 0 2rem #00000038}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:min(18rem,calc(100vw - 3rem))}.sidebar.collapsed .brand-name,.sidebar.collapsed h2,.sidebar.collapsed .nav-item span:last-child{display:initial}.sidebar.collapsed .nav-item{justify-content:flex-start}.content,.content.sidebar-collapsed{padding:6.15rem 1rem 2rem}.build-indicator{display:none}.status-grid,.workbench{grid-template-columns:1fr}.scrim{display:block;position:fixed;z-index:25;inset:0;border:0;background:#0816276b}}@media(max-width:460px){.breadcrumbs>span:first-child{display:none}.utility-actions{gap:.25rem}.release-badge{font-size:.7rem}.status-panel,.workbench{padding:1rem}}@media(prefers-reduced-motion:reduce){*{transition-duration:0ms!important;scroll-behavior:auto!important}}