:root{--navy:#07163f;--purple:#5f18f4;--purple2:#7d3cff;--lime:#e4ff65;--ink:#121125;--line:#e4e1e8;--soft:#f7f5fb}
body{background:#fff}.sidebar{width:220px;background:linear-gradient(145deg,#061335,#071a4b);padding:34px 20px}.brand{margin:0 8px 68px;display:block;font:700 28px "DM Sans";letter-spacing:-1.8px}.brand-word{display:block}.brand small{font:600 9px "DM Sans";letter-spacing:1.8px;color:#aeb8d8}.sidebar nav{gap:8px}.nav-item{min-height:52px;border-radius:10px;padding:13px 14px;font-size:14px;color:#e0e5f4}.nav-item span{font-size:24px}.nav-item.active{background:linear-gradient(110deg,#321291,#26116f)}.trainer-card{border-top-color:rgba(255,255,255,.14)}main{margin-left:220px;padding:0 46px 64px;max-width:none}.topbar{height:104px}.topbar h1{font-size:23px}body[data-current-page="overview"] .topbar{display:none}body[data-current-page="overview"] #overview{padding-top:45px}
.cody-welcome h2{font:400 43px/1.08 "DM Serif Display",serif;letter-spacing:-.5px;margin:0}.cody-welcome p{margin:10px 0 0;color:#68657a;font-size:15px}.cody-plan-grid{display:grid;grid-template-columns:minmax(620px,1.9fr) minmax(280px,.82fr);gap:42px;margin-top:42px}.cody-plan-wrap>h3{font:700 18px "DM Sans";margin:0 0 14px}.cody-plan-card{border:1px solid #dedbe5;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(18,17,37,.035)}.cody-timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:31px 40px 24px;background:linear-gradient(120deg,#faf9fd,#f4f0fc)}.cody-timeline:before{content:"";position:absolute;height:2px;background:#d9c9f6;left:16.5%;right:16.5%;top:50px}.cody-timeline:after{content:"";position:absolute;height:2px;background:var(--purple);left:33.5%;right:50%;top:50px}.cody-timeline>div{position:relative;z-index:1;display:grid;place-items:center;text-align:center}.cody-timeline>div>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e9ddff;color:#5c22d9;font-weight:700}.cody-timeline .active>span{background:var(--purple);color:#fff;box-shadow:0 0 0 9px rgba(95,24,244,.1)}.cody-timeline strong{margin-top:13px;font-size:13px}.cody-timeline .active strong{color:var(--purple)}.cody-timeline small{margin-top:4px;color:#696578;font-size:10px}.cody-active-action{display:grid;grid-template-columns:88px 1fr auto;gap:22px;align-items:center;padding:24px 28px;border-top:1px solid #ece9ef}.cody-active-action>span{width:72px;height:72px;border-radius:14px;background:#f1eaff;color:var(--purple);display:grid;place-items:center;font-size:36px}.cody-active-action h3{font:700 17px "DM Sans";margin:0 0 7px}.cody-active-action p{font-size:11px;color:#6e6a7d;margin:0 0 9px}.cody-active-action small{display:flex;align-items:center;gap:5px;color:#696578;font-size:10px}.cody-active-action small span{font-size:16px}.cody-active-action .primary{white-space:nowrap;box-shadow:none;background:var(--purple)}
.cody-modern-metrics{margin-top:28px;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 24px rgba(18,17,37,.06);overflow:hidden}.cody-modern-metrics article{border:0;border-radius:0;box-shadow:none;padding:22px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;position:relative}.cody-modern-metrics article:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#e7e4ea}.cody-modern-metrics article>span{width:46px;height:46px;border-radius:14px;background:#f0e9ff;color:var(--purple);display:grid;place-items:center}.cody-modern-metrics article>span.green{background:#eff6e8;color:#7aa123}.cody-modern-metrics strong{font:700 26px "DM Sans";display:block}.cody-modern-metrics small{font-size:10px;color:#4d495c}.cody-training-photo{position:relative;margin:0;min-height:560px;border-radius:14px;overflow:hidden}.cody-training-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 45%}.cody-training-photo figcaption{position:absolute;left:18px;right:18px;bottom:18px;border-radius:12px;background:var(--lime);padding:16px 18px;display:flex;align-items:center;justify-content:center;gap:8px;color:#14151c;font-size:11px}.cody-training-photo figcaption span{font-size:18px}
.panel-grid{margin-top:38px}.panel,.form-panel,.table-panel{border:1px solid var(--line);border-radius:13px;box-shadow:none}.panel-heading h3,.form-section-title h3{font-family:"DM Sans"}.persona-mini,.recent-row{border-radius:10px}.page-heading h2{font-family:"DM Serif Display";font-weight:400;font-size:34px}.page-heading{margin-top:20px}.assignment-card{border-radius:12px}.assignment-head{background:#faf9fd}.persona-choice label{border-radius:10px}.invite-result{background:var(--navy);border-radius:14px}.primary{background:var(--purple);box-shadow:none}.table-wrap table{border-collapse:collapse}.table-wrap tbody tr{border-top:1px solid var(--line)}
@media(max-width:1100px){.cody-plan-grid{grid-template-columns:1fr}.cody-training-photo{min-height:360px}}@media(max-width:760px){.sidebar{width:auto}.cody-welcome h2{font-size:34px}.cody-plan-grid{margin-top:28px}.cody-active-action{grid-template-columns:64px 1fr}.cody-active-action>span{width:60px;height:60px}.cody-active-action .primary{grid-column:1/-1}.cody-modern-metrics{grid-template-columns:1fr}.cody-modern-metrics article:not(:last-child):after{top:auto;bottom:0;left:18px;right:18px;width:auto;height:1px}.cody-training-photo{min-height:320px}}