:root{--red:#c62828;--red-dark:#a31919;--red-soft:#ffebee;--text:#202124;--muted:#5f6368;--line:#e5e7eb;--bg:#f8fafc;--card:#fff;--green:#188038}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:24px;width:270px;padding:22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;display:flex}.logo{background:var(--red);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand span{color:var(--muted);margin-top:3px;font-size:12px;display:block}nav{flex-direction:column;gap:6px;display:flex}nav button{color:#3c4043;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:999px;align-items:center;gap:12px;padding:11px 12px;display:flex}nav button:hover{background:#f1f3f4}nav button.active{background:var(--red-soft);color:var(--red-dark);font-weight:700}.side-card{border:1px solid var(--line);background:#fafafa;border-radius:18px;margin-top:auto;padding:18px}.side-card p{color:var(--muted);margin:0;font-size:13px}.side-card h2{color:var(--red);margin:8px 0;font-size:34px}.side-card small{color:var(--green)}main{width:calc(100% - 270px);margin-left:270px;padding:28px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:12px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:30px}.top-actions{align-items:center;gap:12px;display:flex}.search{border:1px solid var(--line);min-width:240px;height:42px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 15px;display:flex}.primary{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 16px;font-weight:700;display:inline-flex}.primary:hover{background:var(--red-dark)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 1px 2px #3c40430f}.wide{grid-column:span 3}.chart{grid-column:span 2}.metric p{color:var(--muted);margin:0;font-size:13px}.metric h2{letter-spacing:-.04em;margin:10px 0 4px;font-size:32px}.metric span{color:var(--green);font-size:13px}.card-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title h3{margin:0;font-size:16px}.path{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.step{border:1px solid var(--line);background:#fafafa;border-radius:16px;padding:14px}.step span{color:var(--muted);font-size:13px;display:block}.step b{margin:8px 0;font-size:24px;display:block}.step div,.bar{background:#f1f3f4;border-radius:999px;height:8px;overflow:hidden}.step i,.bar i{background:var(--red);border-radius:999px;height:100%;display:block}.insight{border-bottom:1px solid var(--line);color:#3c4043;gap:10px;padding:12px 0;display:flex}.insight:last-child{border-bottom:0}.insight svg{color:var(--red);flex:none}.row,.priority{border-bottom:1px solid var(--line);grid-template-columns:210px 1fr 54px;align-items:center;gap:14px;padding:13px 0;display:grid}.row:last-child,.priority:last-child{border-bottom:0}.row span,.priority p,.muted{color:var(--muted);margin:4px 0 0;font-size:14px;display:block}.priority{grid-template-columns:1fr 260px 54px}.priority h3{margin:0;font-size:15px}.question{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:14px}.question p{margin:0 0 12px}.question div{gap:8px;display:flex}.question button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:8px 10px}.question button:hover{border-color:var(--red);color:var(--red)}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.list-item:last-child{border-bottom:0}.list-item svg{color:var(--green)}.coach h2{margin:0 0 10px;font-size:28px}.coach p{color:#3c4043;max-width:860px;font-size:18px;line-height:1.6}@media (width<=980px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;position:static}.app{display:block}main{width:100%;margin-left:0;padding:20px}header{display:block}.top-actions{margin-top:16px}.grid{grid-template-columns:1fr}.wide,.chart{grid-column:span 1}.path{grid-template-columns:1fr 1fr}.row,.priority{grid-template-columns:1fr}.search{width:100%;min-width:0}}
