:root{--bg: #f6f8f7;--surface: #ffffff;--surface-soft: #fafbf9;--ink: #17211d;--muted: #65716d;--faint: #93a09b;--line: #e0e7e3;--sidebar: #102720;--sidebar-2: #17382f;--teal: #0f8f7e;--teal-dark: #0a6f62;--teal-soft: #e2f6f2;--blue: #2674b8;--amber: #bd7b16;--rose: #c2415b;--violet: #7155b8;--green: #2f8f46;--green-soft: #e5f5e9;--amber-soft: #fff4dc;--rose-soft: #fde8ee;--shadow-sm: 0 1px 2px rgba(23, 33, 29, .05);--shadow-md: 0 16px 32px rgba(23, 33, 29, .08);--primary-color: var(--teal);--primary-dark: var(--teal-dark);--primary-light: var(--teal-soft);--secondary-color: var(--blue);--secondary-light: #dbeafe;--surface-color: var(--surface);--border-color: var(--line);--bg-color: var(--bg);--text-primary: var(--ink);--text-secondary: var(--muted);--danger: var(--rose);--shadow-lg: 0 20px 40px rgba(23, 33, 29, .12);--transition: all .2s ease}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}.app-container{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));color:#d9e7e2}.sidebar-header{display:flex;align-items:center;gap:12px;min-height:76px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#dff5f1;color:var(--teal-dark);font-weight:800}.eyebrow,.mock-label{margin:0 0 3px;color:var(--faint);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar-header h1{margin:0;color:#fff;font-size:1.02rem;letter-spacing:0}.sidebar-nav{flex:1;padding:14px 12px;overflow-y:auto}.nav-section{margin:18px 10px 8px;color:#d9e7e299;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-section:first-child{margin-top:3px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#d9e7e2;text-align:left;font-weight:700}.nav-item i{width:21px;color:#d9e7e2cc;font-size:1.12rem}.nav-item:hover,.nav-item.active{background:#ffffff17;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #75d9c9}.nav-item small{margin-left:auto;color:#d9e7e2ad;font-size:.72rem;font-weight:800}.sidebar-footer{padding:18px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer p:last-child{margin:0;color:#d9e7e2b8;font-size:.8rem}.main-content{min-width:0;display:flex;flex-direction:column}.top-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:14px 28px;background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-bar{width:min(520px,100%);display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--muted)}.search-bar input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.header-actions{display:flex;align-items:center;gap:10px}.role-switcher{display:flex;align-items:center;gap:8px;padding:6px 9px 6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.role-switcher span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.role-switcher select{max-width:190px;border:0;outline:0;background:transparent;color:var(--ink);font-weight:800}.icon-button,.btn-secondary,.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;text-decoration:none;font-weight:800}.icon-button{position:relative;width:40px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:1.12rem}.badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:var(--rose);color:#fff;font-size:.66rem}.btn-secondary{padding:0 14px;border:1px solid var(--line);background:#fff;color:var(--ink)}.btn-primary{padding:0 14px;border:1px solid var(--teal-dark);background:var(--teal);color:#fff}.btn-ghost{padding:0 10px;border:1px solid transparent;background:transparent;color:var(--teal-dark)}.workspace{width:min(1180px,100%);padding:34px 36px 52px}.page-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.pill,.status-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.74rem;font-weight:800;white-space:nowrap}.pill.high,.status-chip.danger{background:var(--rose-soft);color:var(--rose)}.pill.medium,.status-chip.warning{background:var(--amber-soft);color:var(--amber)}.pill.good,.status-chip.success{background:var(--green-soft);color:var(--green)}.hero-panel,.module-hero,.panel,.quiet-metric,.job-brief,.job-side,.process-step{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:end;padding:28px;margin-bottom:18px}.hero-panel h2{max-width:820px;margin:0 0 10px;font-size:clamp(1.72rem,2.4vw,2.25rem);line-height:1.12;letter-spacing:0}.hero-panel p,.module-hero p,.panel-header p,.job-brief p,.job-side li,.process-step span,.primary-cell span{color:var(--muted)}.hero-panel p{max-width:780px;margin:0;font-size:.98rem}.role-brief{padding:16px;border:1px solid rgba(15,143,126,.18);border-radius:8px;background:var(--teal-soft)}.role-brief span{display:block;margin-bottom:4px;color:var(--teal-dark);font-size:.72rem;font-weight:800;text-transform:uppercase}.role-brief strong{display:block;margin-bottom:7px;font-size:1rem}.role-brief p{font-size:.84rem}.quiet-kpi-row,.module-overview,.job-facts{display:grid;gap:12px}.quiet-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.quiet-metric{padding:14px 16px}.quiet-metric strong{display:block;margin-bottom:3px;font-size:1.32rem;line-height:1.1}.quiet-metric span,.quiet-metric small{display:block;color:var(--muted)}.quiet-metric span{font-size:.84rem}.quiet-metric small{margin-top:2px;font-size:.72rem}.panel{overflow:hidden}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.panel-header h3{margin:0 0 4px;font-size:1rem}.panel-header p{margin:0;font-size:.84rem}.function-list{display:grid}.function-row{display:grid;grid-template-columns:42px minmax(170px,.8fr) minmax(260px,1.4fr) 82px 82px 88px;gap:16px;align-items:center;width:100%;padding:16px 20px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left}.function-row:last-child{border-bottom:0}.function-row:hover{background:#fbfcfb}.module-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:#fff;font-size:1.16rem}.tone-teal{background:var(--teal)}.tone-blue{background:var(--blue)}.tone-amber{background:var(--amber)}.tone-rose{background:var(--rose)}.tone-violet{background:var(--violet)}.tone-green{background:var(--green)}.function-main strong,.function-main small,.function-metrics b,.function-metrics small{display:block}.function-main strong{margin-bottom:3px;font-size:.96rem}.function-main small,.function-summary,.function-metrics small{color:var(--muted);font-size:.8rem}.function-summary{line-height:1.42}.function-metrics b{font-size:1rem}.module-hero{position:relative;display:grid;gap:22px;padding:24px;margin-bottom:22px}.module-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:8px 0 0 8px;background:var(--teal)}.tone-line-blue:before{background:var(--blue)}.tone-line-amber:before{background:var(--amber)}.tone-line-rose:before{background:var(--rose)}.tone-line-violet:before{background:var(--violet)}.tone-line-green:before{background:var(--green)}.back-button{justify-self:start;min-height:30px}.module-title-block{display:flex;gap:14px;align-items:flex-start}.module-title-block h2{margin:0 0 6px;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.16}.module-title-block p{max-width:820px;margin:0;font-size:.94rem}.module-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.jtbd-tabs{display:flex;gap:10px;padding:16px 20px;overflow-x:auto;border-bottom:1px solid var(--line)}.jtbd-tab{flex:0 0 220px;display:grid;gap:4px;min-height:74px;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left}.jtbd-tab:hover,.jtbd-tab.active{border-color:#0f8f7e6b;background:var(--teal-soft)}.jtbd-tab span{font-weight:800;font-size:.9rem}.jtbd-tab small{color:var(--muted);font-size:.76rem}.job-focus{padding:20px}.focus-grid,.content-split{display:grid;gap:18px}.focus-grid{grid-template-columns:minmax(0,1fr) 300px;margin-bottom:18px}.job-brief,.job-side{padding:20px}.job-brief h4,.job-side h4{margin:0 0 8px;font-size:1.08rem}.job-brief p{max-width:820px;margin:0 0 16px}.job-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.job-facts span{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:.8rem}.job-facts strong{display:block;color:var(--ink);font-size:.95rem}.job-side ul{display:grid;gap:9px;margin:0;padding-left:18px}.content-split{grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);align-items:start}.nested-panel{box-shadow:none}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--muted);background:var(--surface-soft);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.data-table td{font-size:.86rem}.data-table tr:last-child td{border-bottom:0}.primary-cell{display:grid;gap:2px}.primary-cell strong{color:var(--ink)}.primary-cell span{font-size:.78rem}.process-list{display:grid;gap:10px;padding:16px}.process-step{padding:13px;box-shadow:none}.process-step strong{display:block;margin-bottom:4px;font-size:.88rem}.process-step span{font-size:.8rem}.empty-state{padding:32px 18px;text-align:center;color:var(--muted)}@media(max-width:1120px){.workspace{padding:26px 24px 44px}.hero-panel,.focus-grid,.content-split{grid-template-columns:1fr}.function-row{grid-template-columns:42px minmax(160px,1fr) 82px 82px 88px}.function-summary{display:none}}@media(max-width:860px){.app-container{display:block}.sidebar{position:static;height:auto}.sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none}.nav-section{grid-column:1 / -1}.top-header{align-items:stretch;flex-direction:column;padding:14px 18px}.header-actions{flex-wrap:wrap}.role-switcher{flex:1 1 240px;justify-content:space-between}.role-switcher select{max-width:none}.workspace{padding:20px 18px 40px}.hero-panel,.module-hero{padding:20px}.quiet-kpi-row,.module-overview,.job-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.function-row{grid-template-columns:38px 1fr 72px;gap:12px}.function-row .metric-sla,.function-row .status-chip{display:none}}@media(max-width:560px){.sidebar-nav,.quiet-kpi-row,.module-overview,.job-facts{grid-template-columns:1fr}.hero-panel h2{font-size:1.48rem}.module-title-block{display:grid}.jtbd-tab{flex-basis:82%}}