:root{color-scheme:light}body{margin:0;background:#eef5fa;color:#123a5c;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.progress-shell{display:grid;gap:20px;width:min(1420px,calc(100% - 32px));margin:0 auto;padding:18px 0 52px}
.progress-hero{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:34px;border-radius:28px;color:white;background:radial-gradient(circle at 84% 0%,rgba(31,219,178,.29),transparent 32%),linear-gradient(135deg,#073c74,#0a6eaa);box-shadow:0 24px 60px rgba(6,55,101,.2)}.progress-hero>div:first-child{max-width:770px}.progress-hero span,.progress-card>span,.progress-card header span,.progress-summary span{font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.progress-hero h1{margin:8px 0;font-size:clamp(30px,5vw,58px);line-height:1.02;letter-spacing:-.045em}.progress-hero p{margin:0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.55}.progress-confidence{display:grid;align-content:center;min-width:220px;padding:24px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.12)}.progress-confidence strong{font-size:46px;line-height:1}.progress-confidence strong:after{content:"/100";font-size:14px;opacity:.7}.progress-confidence small{margin-top:8px;color:rgba(255,255,255,.78)}
.progress-controls{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #d6e4ee;border-radius:18px;background:white}.progress-controls label{display:flex;align-items:center;gap:9px;color:#59768c;font-size:12px;font-weight:850}.progress-controls select{padding:10px 34px 10px 12px;border:1px solid #c9dce8;border-radius:10px;color:#173e5e;background:#fbfdff;font:inherit}.audience-switch{display:flex;gap:4px;padding:4px;border-radius:99px;background:#edf4f8}.audience-switch button,.progress-actions button,.progress-card button{min-height:38px;padding:0 13px;border:1px solid #c7dbe8;border-radius:10px;color:#1c597f;background:white;font-weight:850;cursor:pointer}.audience-switch button{min-height:33px;border:0;border-radius:99px;background:transparent}.audience-switch button.is-active{color:white;background:#0b68aa}.progress-actions{display:flex;gap:8px;margin-left:auto}.progress-actions .primary,.progress-card .primary{color:white;border-color:#0871b3;background:#0871b3}
.progress-summary{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #d4e4ef;border-radius:20px;background:white}.progress-summary article{display:grid;gap:5px;min-height:88px;padding:18px;border-right:1px solid #dfebf3}.progress-summary article:last-child{border-right:0}.progress-summary span,.progress-card>span,.progress-card header span{color:#67839a}.progress-summary strong{font-size:24px;color:#0b365c}.progress-summary small{color:#7a91a4}
.progress-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:20px;align-items:start}.progress-main,.progress-side{display:grid;gap:20px}.progress-card{padding:22px;border:1px solid #d6e4ee;border-radius:22px;background:white;box-shadow:0 12px 35px rgba(15,62,99,.07)}.progress-card header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.progress-card h2{margin:4px 0;color:#0b355a;font-size:22px}.progress-card header select{padding:9px 12px;border:1px solid #ccdfe9;border-radius:10px;color:#173e5e;background:white;font:inherit;font-weight:750}.chart-wrap{position:relative;min-height:260px;padding:8px;border-radius:16px;background:linear-gradient(180deg,#f7fbfe,#fff)}#trendChart{display:block;width:100%;height:260px}.trend-insight{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.trend-insight div{display:grid;gap:3px;padding:13px;border-radius:13px;background:#f1f7fa}.trend-insight span{color:#738b9d;font-size:10px;font-weight:900;text-transform:uppercase}.trend-insight strong{color:#123e60;font-size:18px}.trend-card>p{margin:14px 0 0;color:#607c91}
.progress-timeline{display:grid}.timeline-item{display:grid;grid-template-columns:96px 12px minmax(0,1fr);gap:12px}.timeline-date{padding-top:16px;color:#70899c;font-size:12px;font-weight:800;text-align:right}.timeline-track{position:relative;background:linear-gradient(90deg,transparent 5px,#cce0eb 5px,#cce0eb 7px,transparent 7px)}.timeline-track:before{content:"";position:absolute;top:20px;left:1px;width:12px;height:12px;border:3px solid white;border-radius:50%;background:#0780b3;box-shadow:0 0 0 1px #83bad2}.timeline-content{display:grid;gap:4px;margin:6px 0;padding:13px 15px;border:1px solid #e0eaf1;border-radius:14px;background:#fbfdff}.timeline-content span{color:#6c879a;font-size:10px;font-weight:900;text-transform:uppercase}.timeline-content strong{color:#123b5e}.timeline-content small{color:#70889a}.progress-empty{padding:24px;border:1px dashed #c8dce9;border-radius:14px;color:#70889a;text-align:center}
.goal-card{display:grid;gap:13px}.goal-card label{display:grid;gap:6px;color:#567188;font-size:12px;font-weight:800}.goal-card input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #cfdfe9;border-radius:11px;color:#183e5c;background:#fbfdff;font:inherit}.goal-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.insight-card{color:white;background:linear-gradient(145deg,#0a477b,#087f84)}.insight-card>span,.insight-card h2,.insight-card p{color:white}.insight-card p{color:rgba(255,255,255,.8);line-height:1.55}.next-action{display:grid;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.1)}.next-action span{font-size:10px;font-weight:900;text-transform:uppercase}.goal-list{display:grid;gap:9px}.goal-row{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px;border-radius:13px;background:#f3f8fb}.goal-row strong{color:#123b5d}.goal-row span{color:#0870a7;font-weight:900}.goal-row small{grid-column:1/-1;color:#728a9b}
@media(max-width:960px){.progress-layout{grid-template-columns:1fr}.progress-side{grid-template-columns:1fr 1fr}.progress-side .goal-card{grid-column:1/-1}.progress-summary{grid-template-columns:repeat(2,1fr)}.progress-summary article:nth-child(2){border-right:0}.progress-summary article:nth-child(-n+2){border-bottom:1px solid #dfebf3}}
@media(max-width:680px){.progress-shell{width:min(100% - 20px,1420px)}.progress-hero{padding:24px;flex-direction:column}.progress-confidence{min-width:0}.progress-controls{align-items:stretch;flex-direction:column}.progress-controls label{justify-content:space-between}.progress-actions{width:100%;margin-left:0}.progress-actions button{flex:1}.progress-summary{grid-template-columns:1fr}.progress-summary article{border-right:0;border-bottom:1px solid #dfebf3}.progress-summary article:last-child{border-bottom:0}.progress-side{grid-template-columns:1fr}.progress-side .goal-card{grid-column:auto}.trend-insight{grid-template-columns:1fr}.goal-pair{grid-template-columns:1fr}.timeline-item{grid-template-columns:72px 12px 1fr}}
@media print{body{background:white}.app-main-nav,.progress-controls,.goal-card{display:none!important}.progress-shell{width:100%;padding:0}.progress-hero{color:#123a5c;background:white;box-shadow:none;border:2px solid #0a6eaa}.progress-hero p,.progress-confidence small{color:#55758b}.progress-layout{grid-template-columns:1fr}.progress-side{grid-template-columns:1fr 1fr}.progress-card{box-shadow:none;break-inside:avoid}}