:root{--black:#000;--ink:#101010;--muted:#696969;--line:#dfdfda;--page:#f7f7f4;--surface:#fbfbf8;--white:#fff;--red:#d02c2e;--red-soft:#fdeaea;--yellow:#ffd246;--soft-shadow:0 18px 50px #00000012;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:bio-sans,Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{background:var(--page);min-width:320px;min-height:100vh;margin:0}body,button,input,select,textarea{letter-spacing:0}button,input,select,textarea{font-family:inherit}button{color:inherit}#root{min-height:100vh}a{color:inherit}.app-shell{background:linear-gradient(90deg, #d02c2e0f, transparent 36%), var(--page);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--ink);color:var(--white);flex-direction:column;align-self:start;gap:24px;min-height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-lockup p,.brand-lockup span,.sidebar-note p,.role-card p,.hero-copy p,.priority-card p,.section-header p,.metric-card p,.maintenance-row p,.request-detail p,.risk-box p,.history-item p,.report-card p,.mock-warning p,.audit-item p,.preview-hero p,.preview-grid p,.portal-card p{margin:0}.brand-mark{border:2px solid var(--red);background:var(--red);width:56px;height:56px;color:var(--white);letter-spacing:0;place-items:center;font-size:1.05rem;font-weight:900;display:grid}.brand-lockup p{font-size:1rem;font-weight:800}.brand-lockup span{color:#ffffffad;font-size:.84rem}.prototype-label{color:#ffffffc7;text-transform:uppercase;letter-spacing:.04em;border:1px solid #ffffff38;padding:9px 10px;font-size:.78rem;font-weight:700}.nav-stack{gap:8px;display:grid}.nav-item,.role-tab,.primary-action,.secondary-action,.table-row,.access-group,.portal-card button,.preview-hero button{appearance:none;font:inherit;border:0}.nav-item{color:#ffffffbd;cursor:pointer;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 12px;font-size:.96rem;font-weight:750;display:flex}.nav-item:hover,.nav-item.active{background:var(--red);color:var(--white)}.sidebar-note{color:#ffffffbd;border-top:1px solid #ffffff2e;gap:10px;margin-top:auto;padding-top:18px;font-size:.88rem;display:grid}.workspace{gap:22px;min-width:0;padding:28px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyeline{color:var(--red);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.topbar h1{letter-spacing:0;max-width:780px;margin:4px 0 0;font-size:clamp(2rem,4vw,4.6rem);line-height:.96}.role-card{border:1px solid var(--line);background:var(--white);width:min(460px,42vw);box-shadow:var(--soft-shadow);border-radius:6px;gap:10px;padding:14px;display:grid}.role-tabs{flex-wrap:wrap;gap:6px;display:flex}.role-tab{cursor:pointer;border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:.74rem;font-weight:800}.role-tab.selected{background:var(--ink);color:var(--white);border-color:var(--ink)}.role-card p{color:var(--muted);font-size:.84rem;line-height:1.35}.screen-grid,.release-layout,.analytics-layout,.access-layout{gap:18px;display:grid}.screen-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.hero-panel{background:var(--ink);min-height:310px;color:var(--white);border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 320px;gap:18px;display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";background:var(--red);height:260px;position:absolute;inset:auto -5% -48% 44%;transform:rotate(-6deg)}.hero-copy{z-index:1;align-content:center;gap:18px;padding:34px;display:grid;position:relative}.hero-copy h2{max-width:780px;color:var(--white);letter-spacing:0;margin:0;font-size:clamp(2rem,3.2vw,4rem);line-height:.98}.hero-copy p{color:#ffffffbd;max-width:740px;font-size:1rem}.button-row{flex-wrap:wrap;gap:10px;display:flex}.primary-action,.secondary-action,.portal-card button,.preview-hero button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:.9rem;font-weight:850;text-decoration:none;display:inline-flex}.primary-action{background:var(--red);color:var(--white);padding:0 15px}.secondary-action{background:var(--white);border:1px solid var(--line);color:var(--ink);padding:0 15px}.full-width{width:100%}.priority-card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:6px;align-content:center;align-self:stretch;gap:12px;margin:18px 18px 18px 0;padding:20px;display:grid;position:relative}.card-title{color:var(--yellow);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:.8rem;font-weight:900;display:flex}.priority-card strong{font-size:1.2rem}.priority-card p{color:#ffffffc7}.metric-row,.analytics-summary{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card,.panel,.portal-preview,.microsite-preview{background:var(--white);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:8px}.metric-card{gap:8px;padding:18px;display:grid}.metric-card span{color:var(--muted);font-size:.82rem;font-weight:800}.metric-card strong{color:var(--ink);font-size:2.1rem;line-height:1}.metric-card p{color:var(--muted);font-size:.86rem}.panel{padding:20px}.large-panel{min-width:0}.section-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.section-icon{background:var(--red-soft);width:38px;height:38px;color:var(--red);border-radius:6px;flex:none;place-items:center;display:grid}.section-header h2{letter-spacing:0;margin:0 0 4px;font-size:1.24rem;line-height:1.08}.section-header p{color:var(--muted);font-size:.9rem;line-height:1.35}.maintenance-list,.history-list,.qa-list,.release-list,.audit-list,.page-bars,.resource-list{gap:10px;display:grid}.maintenance-row,.release-row,.history-item,.audit-item,.resource-item{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:12px}.maintenance-row{grid-template-columns:minmax(0,1fr) minmax(230px,.46fr);align-items:center;gap:16px;display:grid}.maintenance-row strong,.request-detail h3,.report-card strong,.preview-grid strong,.resource-item span,.release-row strong{color:var(--ink)}.maintenance-row p{color:var(--muted);margin-top:4px;font-size:.9rem}.row-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:flex}.selected-request-panel{align-self:start}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:4px 9px;font-size:.74rem;font-weight:900;display:inline-flex}.status-pill.good{color:#116b3b;background:#e6f5ed}.status-pill.watch{color:#7b5400;background:#fff2cf}.status-pill.alert{color:#aa1d1f;background:#ffe3e0}.status-pill.neutral{color:#214d8d;background:#eaf0fb}.requests-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1.25fr);grid-template-areas:"intake queue""intake detail";align-items:start;gap:18px;display:grid}.intake-panel{grid-area:intake}.queue-panel{grid-area:queue}.detail-panel{grid-area:detail}.intake-form,.detail-facts,.workflow-rail{gap:12px;display:grid}.intake-form label{color:var(--ink);gap:7px;font-size:.82rem;font-weight:850;display:grid}.intake-form input,.intake-form select,.intake-form textarea{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:10px 11px;font-size:.9rem}.intake-form textarea{resize:vertical;min-height:116px}.form-grid{grid-template-columns:minmax(0,1fr) 130px;gap:10px;display:grid}.request-table{border:1px solid var(--line);border-radius:6px;display:grid;overflow:hidden}.table-row{border-bottom:1px solid var(--line);background:var(--white);text-align:left;color:var(--ink);grid-template-columns:minmax(220px,1.6fr) minmax(150px,.8fr) 90px 128px;align-items:center;gap:12px;padding:12px;display:grid}.table-row:not(.table-head){cursor:pointer}.table-row:not(.table-head):hover,.table-row.selected{background:var(--red-soft)}.table-row:last-child{border-bottom:0}.table-head{background:var(--ink);color:var(--white);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:900}.table-row strong{font-size:.92rem;line-height:1.25;display:block}.table-row small{color:var(--muted);font-size:.76rem;font-weight:800}.request-detail{gap:16px;display:grid}.request-detail.compact{gap:12px}.detail-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.request-detail h3{margin:4px 0 0;font-size:1.38rem;line-height:1.08}.request-detail>p{color:var(--muted);line-height:1.48}.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-facts span{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:6px;gap:3px;padding:10px;font-size:.86rem;display:grid}.detail-facts strong{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem}.workflow-rail{grid-template-columns:repeat(6,minmax(0,1fr))}.workflow-step{border:1px solid var(--line);background:var(--surface);min-height:82px;color:var(--ink);border-radius:6px;align-content:space-between;gap:8px;padding:10px;font-size:.8rem;font-weight:850;display:grid}.workflow-step span{background:var(--red);width:24px;height:24px;color:var(--white);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.risk-box,.mock-warning,.report-card,.audit-item,.resource-item{align-items:flex-start;gap:10px;display:flex}.risk-box,.mock-warning{color:#6f4b00;background:#fff5e0;border:1px solid #f3d28c;border-radius:6px;padding:12px}.history-item{gap:4px;display:grid}.history-item span{color:var(--red);font-size:.76rem;font-weight:900}.detail-action{justify-self:start}.release-layout{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)}.release-table-panel{grid-column:1/-1}.readiness-meter{border:1px solid var(--line);background:var(--surface);border-radius:6px;gap:12px;margin-bottom:14px;padding:18px;display:grid}.readiness-meter span{color:var(--ink);font-size:3rem;font-weight:900;line-height:1}.readiness-meter p{color:var(--muted);margin:4px 0 0;font-weight:800}.progress-track{background:#e4e4e0;border-radius:999px;height:11px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--red), var(--yellow));border-radius:inherit;height:100%}.qa-item{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:6px;align-items:flex-start;gap:12px;padding:13px;display:flex}.qa-item input{width:18px;height:18px;accent-color:var(--red);margin-top:2px}.qa-item span{gap:3px;display:grid}.qa-item strong{color:var(--ink)}.qa-item small{color:var(--muted);line-height:1.36}.microsite-preview{background:var(--ink);min-height:560px;color:var(--white);overflow:hidden}.preview-header{background:var(--black);justify-content:space-between;align-items:center;min-height:70px;padding:18px 22px;font-weight:850;display:flex}.preview-logo{border-left:8px solid var(--red);padding-left:10px}.preview-hero{background:linear-gradient(130deg,#00000059,#000000d9),repeating-linear-gradient(135deg,#d02c2ec7 0 18px,#ffd246b8 18px 28px);align-content:center;gap:18px;min-height:326px;padding:38px 28px;display:grid}.preview-hero h3{max-width:560px;margin:0;font-size:clamp(2.2rem,4vw,4.8rem);line-height:.94}.preview-hero p{color:#ffffffdb;max-width:560px}.preview-hero button,.portal-card button{background:var(--white);color:var(--ink);justify-self:start;padding:0 14px}.preview-grid{background:#ffffff29;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.preview-grid div{background:var(--white);min-height:144px;color:var(--ink);align-content:start;gap:8px;padding:22px;display:grid}.preview-grid p{color:var(--muted)}.release-row{grid-template-columns:minmax(0,1fr) 180px 90px 130px;align-items:center;gap:12px;display:grid}.analytics-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.analytics-summary{margin-bottom:14px}.page-bar{border:1px solid var(--line);background:var(--surface);border-radius:6px;gap:10px;padding:14px;display:grid}.page-bar-head,.page-bar-foot{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.page-bar-head strong,.page-bar-head span:last-child{color:var(--ink)}.page-bar-head div{gap:2px;display:grid}.page-bar-head div span,.page-bar-foot{color:var(--muted);font-size:.82rem;font-weight:800}.report-panel{align-self:start}.report-card{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin-bottom:12px;padding:14px}.report-card svg,.audit-item svg{color:var(--red);flex:none}.access-layout{grid-template-columns:minmax(0,1fr) minmax(370px,.8fr)}.access-command{grid-column:1/-1}.access-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.access-group{border:1px solid var(--line);background:var(--white);min-height:132px;color:var(--ink);text-align:left;cursor:pointer;border-radius:6px;align-content:start;gap:8px;padding:14px;display:grid}.access-group.active,.access-group:hover{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.access-group svg{color:var(--red)}.access-group span{color:var(--muted);font-size:.86rem}.portal-preview{overflow:hidden}.portal-topline{background:var(--ink);min-height:54px;color:var(--white);align-items:center;gap:8px;padding:16px 18px;font-weight:850;display:flex}.portal-card{background:linear-gradient(135deg, #d02c2e1a, transparent), var(--surface);border:1px solid var(--line);border-radius:8px;gap:12px;margin:18px;padding:24px;display:grid}.portal-card h3{margin:0;font-size:2rem}.portal-card p:not(.eyeline){color:var(--muted)}.resource-list{padding:0 18px 18px}.resource-item{align-items:center}.resource-item svg{color:var(--red)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #d02c2e47}@media (width<=1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:18px}.hero-panel,.screen-grid,.release-layout,.analytics-layout,.access-layout,.requests-layout{grid-template-columns:1fr}.requests-layout{grid-template-areas:"intake""queue""detail"}.priority-card{margin:0 18px 18px}.topbar{flex-direction:column}.role-card{width:100%}.workflow-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){body{overflow-x:hidden}.app-shell{display:block;overflow-x:hidden}.sidebar{gap:16px;width:100vw;max-width:100vw;min-height:auto;position:relative}.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{width:100vw;max-width:100vw;padding:18px;overflow-x:hidden}.workspace>*,.topbar,.hero-panel,.panel,.metric-card,.microsite-preview,.portal-preview,.role-card{min-width:0;max-width:100%}.hero-copy{padding:24px}.metric-row,.analytics-summary,.access-group-grid,.preview-grid,.detail-facts,.form-grid,.maintenance-row,.release-row{grid-template-columns:1fr}.row-meta{justify-content:flex-start}.table-row{grid-template-columns:1fr}.table-head{display:none}.workflow-rail{grid-template-columns:1fr 1fr}.topbar h1,.hero-copy h2,.hero-copy p,.sidebar-note p,.preview-hero h3,.preview-hero p{overflow-wrap:anywhere}}@media (width<=520px){.topbar h1{font-size:1.9rem;line-height:1.05}.hero-copy h2,.preview-hero h3{font-size:1.95rem;line-height:1.05}.button-row,.role-tabs,.nav-stack{grid-template-columns:1fr}.primary-action,.secondary-action,.portal-card button,.preview-hero button{width:100%}.workflow-rail{grid-template-columns:1fr}}
