.showcase{color:#24372d;background:#f7f8f4;min-height:100vh;font-size:14px}.showcase button,.showcase a{transition:background .16s,color .16s,border-color .16s}:is(.showcase button:focus-visible,.showcase a:focus-visible,.showcase textarea:focus-visible){outline-offset:3px;outline:3px solid #cc7548}.showcase-skip{z-index:100;background:#fff;padding:12px;position:absolute;top:-80px;left:15px}.showcase-skip:focus{top:10px}.showcase-top{background:#fff;border-bottom:1px solid #e4e9de;align-items:center;gap:22px;min-height:78px;padding:13px max(28px,50vw - 725px);display:flex}.showcase-brand{color:#24372d;align-items:center;gap:10px;display:flex}.showcase-brand strong{letter-spacing:.3px;font-size:16px}.showcase-brand strong span{color:#c86538;font-size:11px}.showcase-top-label{color:#778675;border-left:1px solid #dbe3d7;padding-left:20px;font-size:11px}.showcase-top-actions{align-items:center;gap:22px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.showcase-top-actions>a:first-child:hover,.showcase-card-head button:hover,.showcase-note button:hover,.showcase-lesson-aside button:hover{color:#c86538}.showcase-join{color:#fff;background:#253c2d;border-radius:7px;align-items:center;gap:7px;padding:11px 14px;display:flex}.showcase-join:hover,.showcase-button:not(.outline):hover{color:#fff;background:#385b3e}.showcase-notice{color:#4d6748;background:#eaf1e2;border-bottom:1px solid #dbe8d1;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:11px;line-height:1.5;display:flex}.showcase-notice svg{flex:none}.showcase-shell{grid-template-columns:225px minmax(0,1fr);max-width:1450px;min-height:calc(100vh - 119px);margin:auto;display:grid}.showcase-side{color:#eaf0e8;background:#26392d;flex-direction:column;padding:33px 17px;display:flex}.showcase-side-label,.showcase-eyebrow{letter-spacing:1.5px;color:#63805e;font-size:10px;font-weight:700}.showcase-side-label{color:#a5b8a1;margin:0 14px 26px}.showcase-coach{border:1px solid #45604b;border-radius:9px;align-items:center;gap:10px;margin-bottom:30px;padding:12px;display:flex}.showcase-coach>span{color:#4e6b4b;background:#dce8d5;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:grid}.showcase-coach strong,.showcase-coach small{display:block}.showcase-coach strong{font-size:12px}.showcase-coach small{color:#b4c4ae;margin-top:4px;font-size:10px}.showcase-side nav{gap:5px;display:grid}.showcase-side nav button{color:#bfcdbb;text-align:left;border-radius:8px;align-items:center;gap:13px;min-height:45px;padding:13px;font-size:13px;display:flex}.showcase-side nav button:hover,.showcase-side nav button.active{color:#fff;background:#3f5945}.showcase-side nav button.active{box-shadow:inset 3px 0 #d89060}.showcase-side>p{color:#acbea8;margin:auto 10px 0;font-size:11px;line-height:1.7}.showcase-main{width:100%;min-width:0;max-width:none;margin:0;padding:35px clamp(24px,4.5vw,65px) 65px}.showcase-breadcrumb{letter-spacing:1px;color:#82927c;align-items:center;gap:7px;margin-bottom:31px;font-size:9px;font-weight:700;display:flex}.showcase-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.showcase-heading h1{letter-spacing:-1.4px;margin:9px 0 8px;font-size:clamp(30px,3.5vw,44px);line-height:1.14}.showcase-heading p{color:#73816f;max-width:640px;font-size:13px;line-height:1.65}.showcase-button{color:#fff;text-align:center;background:#c86538;border:1px solid #c86538;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 15px;font-size:12px;font-weight:700;display:inline-flex}.showcase-button.outline{color:#33553a;background:#fff;border-color:#cbd8c5}.showcase-button.outline:hover{background:#eaf1e7}.showcase-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px;display:grid}.showcase-stats article{background:#fff;border:1px solid #e3e9dd;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:19px 21px;display:grid}.showcase-stats svg{color:#65865e}.showcase-stats strong{grid-area:2/1;font-size:27px;font-weight:650}.showcase-stats span{color:#75836f;grid-area:3/1;font-size:11px}.showcase-columns{grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:18px;display:grid}.showcase-card{background:#fff;border:1px solid #e3e9dd;border-radius:11px;padding:24px}.showcase-card-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.showcase-card-head h2,.showcase-alert h2,.showcase-lesson-aside h2{letter-spacing:-.4px;margin:6px 0;font-size:19px}.showcase-card-head button,.showcase-note button:not(.showcase-button),.showcase-lesson-aside button{color:#567655;align-items:center;gap:6px;min-height:38px;font-size:11px;font-weight:700;display:inline-flex}.showcase-appointment{text-align:left;border-top:1px solid #ecf0e8;align-items:center;gap:13px;width:100%;min-height:70px;padding:17px 2px;display:flex}.showcase-appointment:hover,.showcase-client-list button:hover{background:#f7faf3}.showcase-appointment time{color:#697967;font-variant-numeric:tabular-nums;min-width:43px;font-size:12px}.showcase-appointment>span:nth-last-child(2){flex:1}.showcase-appointment strong,.showcase-appointment small,.showcase-client-list strong,.showcase-client-list small{display:block}.showcase-appointment strong,.showcase-client-list strong{font-size:13px}.showcase-appointment small,.showcase-client-list small{color:#7a8875;margin-top:4px;font-size:11px}.showcase-appointment>svg:last-child,.showcase-client-list button>svg:last-child{color:#91a08b}.showcase-avatar{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:11px;font-weight:700;display:grid}.showcase-avatar.sage{color:#4a754c;background:#e2eddc}.showcase-avatar.peach{color:#a06439;background:#f8e8da}.showcase-avatar.lilac{color:#786596;background:#eee7f3}.showcase-alert{background:#fbf6eb}.showcase-alert-icon{color:#b3713e;background:#f5e4ca;border-radius:11px;place-items:center;width:46px;height:46px;margin:25px 0 16px;display:grid}.showcase-alert p,.showcase-lesson-aside p{color:#71806c;margin:12px 0 23px;font-size:12px;line-height:1.8}.showcase-calendar{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px;display:grid}.showcase-calendar button{background:#fff;border:1px solid #e0e8d9;border-radius:9px;justify-items:center;gap:5px;min-height:100px;padding:14px 7px;display:grid}.showcase-calendar button:hover,.showcase-calendar button.selected{background:#e7f0e0;border-color:#9dbd92}.showcase-calendar button span{color:#71846d;font-size:11px}.showcase-calendar button strong{font-size:21px}.showcase-calendar button small{color:#71846d;font-size:10px}.showcase-day{max-width:750px}.showcase-day .showcase-card-head>span{color:#788875;font-size:11px}.showcase-client-layout{grid-template-columns:minmax(200px,.8fr) minmax(0,1.5fr);gap:18px;display:grid}.showcase-client-list{padding:10px}.showcase-client-list button{text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:70px;padding:13px;display:flex}.showcase-client-list button.selected{background:#eaf2e4}.showcase-client-list button>span:nth-child(2){flex:1}.showcase-client-detail{padding:27px}.showcase-profile{border-bottom:1px solid #e7ece3;align-items:center;gap:15px;padding-bottom:25px;display:flex}.showcase-profile>.showcase-avatar{width:55px;height:55px;font-size:15px}.showcase-profile h2{margin:6px 0;font-size:24px}.showcase-profile p{color:#75836f;font-size:12px;line-height:1.5}.showcase-credit{border-bottom:1px solid #e7ece3;justify-content:space-between;align-items:center;gap:15px;padding:21px 0;display:flex}.showcase-credit span,.showcase-credit strong{display:block}.showcase-credit span{color:#71816d;font-size:11px}.showcase-credit strong{margin-top:4px;font-size:30px;line-height:1.1}.showcase-note{border-bottom:1px solid #e7ece3;padding:24px 0}.showcase-subhead{color:#5c7c58;align-items:center;gap:9px;display:flex}.showcase-subhead h3{color:#2c412e;font-size:13px}.showcase-note p{color:#63745e;margin:10px 0 7px;font-size:12px;line-height:1.75}.showcase-note textarea{width:100%;font:inherit;resize:vertical;border:1px solid #cbd8c5;border-radius:7px;margin:13px 0;padding:11px;display:block}.showcase-note-actions{justify-content:flex-end;gap:15px;display:flex}.showcase-client-detail>.showcase-subhead{margin-top:24px}.showcase-plan{gap:10px;margin:13px 0 20px;padding:0;list-style:none;display:grid}.showcase-plan li{color:#63745e;align-items:center;gap:10px;font-size:11px;display:flex}.showcase-plan li svg{color:#73966b}.showcase-back{color:#5d795a;align-items:center;gap:7px;min-height:35px;margin:-13px 0 20px;font-size:11px;display:inline-flex}.showcase-status{color:#4f7947;background:#edf3e5;border-radius:50px;padding:8px 12px;font-size:10px;font-weight:700}.showcase-status.done{background:#e4f1df}.showcase-status.missed{color:#9a6039;background:#f9e9df}.showcase-lesson-layout{grid-template-columns:minmax(0,1.4fr) minmax(230px,.75fr);gap:18px;display:grid}.showcase-lesson-plan{margin:10px 0 23px;padding:0;list-style:none}.showcase-lesson-plan li{border-top:1px solid #e9eee4;align-items:center;gap:20px;padding:17px 4px;display:flex}.showcase-lesson-plan li span{color:#8aa17d;font-size:12px}.showcase-lesson-plan li strong{font-size:13px;font-weight:550}.showcase-lesson-actions{border-top:1px solid #e9eee4;flex-wrap:wrap;gap:10px;padding-top:20px;display:flex}.showcase-lesson-aside>div{color:#637b5d;border-block:1px solid #e9eee4;align-items:center;gap:11px;padding:14px 0;font-size:12px;display:flex}.showcase-lesson-aside>button{margin-top:15px}.showcase-feedback{color:#42663c;background:#e8f2df;border:1px solid #cbdcbc;border-radius:8px;align-items:center;gap:9px;margin:-11px 0 22px;padding:11px 13px;font-size:12px;display:flex}.showcase-feedback button{margin-left:auto;font-size:20px;line-height:1}.showcase-mobile-nav{display:none}@media (max-width:950px){.showcase-shell{grid-template-columns:185px minmax(0,1fr)}.showcase-main{padding:28px 24px 60px}.showcase-side{padding-inline:10px}.showcase-columns,.showcase-lesson-layout,.showcase-client-layout{grid-template-columns:1fr}.showcase-client-list{display:flex;overflow-x:auto}.showcase-client-list button{min-width:185px}.showcase-alert{max-width:none}}@media (max-width:700px){.showcase-top{min-height:70px;padding:13px 18px}.showcase-brand strong{font-size:13px}.showcase-brand strong span{font-size:9px}.showcase-top-label,.showcase-top-actions>a:first-child{display:none}.showcase-join{padding:9px;font-size:10px}.showcase-notice{text-align:left;font-size:10px}.showcase-shell{display:block}.showcase-side{display:none}.showcase-main{padding:23px 17px 105px}.showcase-breadcrumb{margin-bottom:22px}.showcase-heading{flex-direction:column;align-items:flex-start}.showcase-heading h1{font-size:31px}.showcase-heading p{font-size:12px}.showcase-stats{gap:8px}.showcase-stats article{padding:14px 10px}.showcase-stats strong{font-size:22px}.showcase-stats span{font-size:9px;line-height:1.4}.showcase-card{padding:18px}.showcase-appointment{gap:9px}.showcase-appointment time{min-width:37px;font-size:10px}.showcase-appointment strong{font-size:11px}.showcase-appointment small{font-size:10px}.showcase-calendar{gap:5px}.showcase-calendar button{min-height:75px;padding:9px 2px}.showcase-calendar button small{font-size:8px}.showcase-calendar button strong{font-size:17px}.showcase-client-list{padding:7px}.showcase-client-list button{min-width:165px;padding:8px}.showcase-client-detail{padding:20px}.showcase-credit{flex-direction:column;align-items:flex-start}.showcase-mobile-nav{z-index:30;padding:8px 4px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce5d8;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.showcase-mobile-nav button{color:#7d9078;flex-direction:column;align-items:center;gap:5px;min-width:58px;min-height:45px;font-size:9px;display:flex}.showcase-mobile-nav button.active{color:#bd663e}.showcase-profile h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.showcase *{transition:none!important}}