:root{--green:#173f35;--leaf:#6f9b76;--mint:#dce8d7;--cream:#f4f2e9;--ink:#17211d;--muted:#6d7772;--white:#fff;--danger:#a9483d;--shadow:0 12px 35px rgba(23,63,53,.12)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{max-width:480px;min-height:100vh;margin:auto;background:linear-gradient(180deg,#f8f7f1,#eef2e9);padding:24px 20px 96px}.brand{display:flex;align-items:center;gap:12px;color:var(--green);font-weight:900;letter-spacing:-.04em;font-size:25px}.mark{width:42px;height:42px;border-radius:14px;background:var(--green);display:grid;place-items:center;color:#fff;font-size:12px;letter-spacing:0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.15em;color:var(--leaf);font-weight:800}.hero{padding:38px 0 24px}.hero h1{font-size:38px;line-height:1.02;letter-spacing:-.05em;margin:8px 0 12px}.hero p,.muted{color:var(--muted);line-height:1.55}.card{background:#ffffffe0;border:1px solid rgba(23,63,53,.08);border-radius:24px;padding:20px;box-shadow:var(--shadow);margin:14px 0}.card h2,.card h3{margin:0 0 8px}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #d6ddd5;background:#fff;border-radius:14px;padding:13px 14px;font:inherit;outline:none}.field input:focus,.field textarea:focus{border-color:var(--leaf);box-shadow:0 0 0 3px #6f9b7626}button{border:0;font:inherit;font-weight:800;cursor:pointer}.btn{width:100%;padding:14px 18px;border-radius:16px;background:var(--green);color:#fff}.btn.secondary{background:var(--mint);color:var(--green)}.btn.ghost{background:transparent;color:var(--green);border:1px solid #cad7cc}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.top{display:flex;justify-content:space-between;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-weight:900;color:var(--green)}.progress{height:9px;background:#dfe5dd;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--leaf);border-radius:99px}.day{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #e4e8e2}.day:last-child{border:0}.day-number{min-width:46px;height:46px;border-radius:15px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-weight:900}.day.locked{opacity:.48}.exercise{padding:16px 0;border-bottom:1px solid #e5e9e3}.exercise:last-child{border:0}.exercise-head{display:flex;justify-content:space-between;gap:12px}.pill{display:inline-block;padding:6px 9px;border-radius:99px;background:var(--mint);color:var(--green);font-size:11px;font-weight:800}.video{aspect-ratio:16/9;width:100%;border:0;border-radius:16px;margin:12px 0;background:#dfe6df}.sets{display:grid;grid-template-columns:42px 1fr 1fr 34px;gap:8px;align-items:center;margin-top:10px}.sets input{min-width:0;width:100%;border:1px solid #dbe1db;border-radius:10px;padding:9px}.check{width:28px;height:28px;accent-color:var(--green)}.bottom{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100%);display:flex;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #dfe5df;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.nav{flex:1;background:none;color:var(--muted);font-size:12px;padding:8px}.nav.active{color:var(--green)}.stat{background:var(--green);color:#fff;border-radius:20px;padding:18px}.stat strong{display:block;font-size:30px}.notice{padding:12px 14px;border-radius:14px;background:#edf4ea;color:var(--green);font-size:13px;margin:12px 0}.error{background:#f8e5e1;color:var(--danger)}.list-button{width:100%;background:none;text-align:left;color:inherit}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-grid .card{margin:0;box-shadow:none}.code{font-family:ui-monospace,monospace;font-size:22px;letter-spacing:.12em;color:var(--green);font-weight:900}.spacer{height:16px}@media(min-width:700px){body{padding:30px}.shell{border-radius:32px;min-height:calc(100vh - 60px);box-shadow:var(--shadow)}.bottom{bottom:30px;border-radius:0 0 32px 32px}}:root{--leaf:#74a95f;--lime:#b8d86c;--sun:#f0c96a;--mint:#dcebd2;--cream:#f7f3e8;--muted:#65716a;--shadow:0 14px 38px rgba(23,63,53,.13)}.shell{position:relative;overflow:hidden;background:radial-gradient(circle at 105% 3%,rgba(184,216,108,.5),transparent 24%),radial-gradient(circle at -15% 30%,rgba(116,169,95,.18),transparent 25%),linear-gradient(180deg,#fbf9f1,#eef4e8)}.shell:before{content:"";position:absolute;z-index:0;top:92px;right:-36px;width:108px;height:108px;border:2px solid rgba(116,169,95,.18);border-radius:38% 62% 57% 43%;transform:rotate(25deg)}.shell>*{position:relative;z-index:1}.brand{font-weight:950;font-size:26px}.mark{width:44px;height:44px;border-radius:15px 20px;background:linear-gradient(145deg,var(--green),#2e6750);box-shadow:0 8px 18px #173f3538;transform:rotate(-3deg)}.brand{gap:9px}.brand-logo{width:68px;height:56px;object-fit:contain;mix-blend-mode:multiply}.brand-360{display:grid;place-items:center;min-width:44px;height:30px;padding:0 10px;border-radius:15px 11px;background:linear-gradient(135deg,var(--green),#4b8657);color:#fff;font-size:15px;letter-spacing:-.03em;box-shadow:0 7px 14px #173f352b}.nature-leaves{position:absolute!important;z-index:0!important;pointer-events:none;top:72px;right:-3px;width:116px;height:168px;opacity:.26}.nature-leaves i{position:absolute;display:block;width:35px;height:72px;border-radius:100% 0;background:linear-gradient(145deg,#6fa25f,#b8d86c);transform-origin:0 100%}.nature-leaves i:nth-child(1){right:12px;top:3px;transform:rotate(26deg)}.nature-leaves i:nth-child(2){right:50px;top:52px;transform:rotate(-18deg) scale(.85)}.nature-leaves i:nth-child(3){right:8px;top:91px;transform:rotate(45deg) scale(.7)}.card:has(.video){background:linear-gradient(160deg,#fffffff2,#eff6e0e6)}.friendly{position:relative;overflow:hidden}.friendly:after{content:"";position:absolute;right:-20px;bottom:-28px;width:72px;height:96px;border-radius:100% 0;background:linear-gradient(145deg,#74a95f1f,#b8d86c38);transform:rotate(28deg)}.hero h1{font-size:39px}.hero h1 em{font-style:normal;color:#5b914d}.card{border-radius:26px 18px}.btn{padding:15px 18px;border-radius:17px 13px;background:linear-gradient(135deg,var(--green),#2f6e51);box-shadow:0 9px 20px #173f352e}.btn.secondary{background:linear-gradient(135deg,var(--mint),#edf6d7);box-shadow:none}.day-number{min-width:48px;height:48px;border-radius:16px 12px;background:linear-gradient(145deg,var(--lime),var(--mint));font-weight:950;box-shadow:0 7px 16px #6f9b7629}.pill{background:linear-gradient(90deg,var(--mint),#eef6da);font-weight:900}.stat{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--green),#377356);border-radius:27px 19px;padding:20px;box-shadow:0 14px 30px #173f3533}.stat:after{content:"⚡";position:absolute;right:17px;top:11px;font-size:44px;opacity:.22;transform:rotate(8deg)}.stat strong{font-size:31px}.boost{display:inline-flex;align-items:center;gap:7px;background:#eff6db;color:var(--green);padding:8px 11px;border-radius:99px;font-size:12px;font-weight:900;margin-bottom:10px}.celebrate{font-size:58px;line-height:1;margin-bottom:12px;display:block;animation:pop .55s ease-out}.friendly{border-left:5px solid var(--lime)}@keyframes pop{0%{transform:scale(.6) rotate(-10deg);opacity:0}75%{transform:scale(1.08) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.hero{min-height:305px;margin:20px -20px 12px;padding:38px 22px 28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#0a1c1514 12%,#0a1f1738 42%,#0a1f17e0),url(/assets/jpons-nature-hero.webp) center 57%/cover no-repeat;color:#fff;box-shadow:0 18px 34px #173f352b;border-radius:0 0 42px 18px}.hero .eyebrow{color:#c8e77b;text-shadow:0 1px 8px rgba(0,0,0,.25)}.hero h1{max-width:390px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.22)}.hero h1 em{color:#c5e86f}.hero p,.hero .muted{color:#ffffffe0;margin-bottom:0;max-width:390px}.hero .boost{align-self:flex-start;background:#eff6dbeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero .celebrate{filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exercise h3:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:70% 0;background:var(--leaf);transform:rotate(35deg)}@media(max-width:380px){.hero{min-height:285px}.hero h1{font-size:34px}.brand-logo{width:60px}}.trainer-link{display:block;margin:22px auto 8px;padding:10px 16px;background:transparent;color:var(--green);font-size:13px;text-decoration:underline;text-underline-offset:4px}.admin-hero{background-position:center 43%}.compact-hero{min-height:245px}.compact-hero h1{margin-bottom:5px}.admin-stats{margin-top:14px}.admin-stats .card{padding:16px;min-height:132px}.admin-stats h2{font-size:32px;color:var(--green);margin:5px 0}.admin-stats small{color:var(--muted)}.attention{border:1px solid rgba(169,72,61,.25);box-shadow:0 12px 28px #a9483d14}.attention .pill{background:#f7dfd7;color:#8f3d34}.admin-nav{padding-left:5px;padding-right:5px}.admin-nav .nav{font-size:10px;padding:8px 3px}.search{margin:14px 0}.search input{box-shadow:0 8px 22px #173f3514}.client-name{display:flex;align-items:center;gap:11px}.client-name .avatar{flex:0 0 42px}.client-meta{display:flex;justify-content:space-between;gap:8px;margin:18px 0 14px;padding-top:13px;border-top:1px solid #e3e9e1;color:var(--muted);font-size:12px}.client-meta strong{color:var(--green)}.fab{position:fixed;z-index:5;right:max(24px,calc((100vw - 480px)/2 + 24px));bottom:84px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--green),#4f8c58);color:#fff;font-size:28px;box-shadow:0 12px 26px #173f3547}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 4px 8px}.section-title h2{margin:0}.section-title span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--green);font-weight:900}.routine-card .row{margin-top:14px}.routine-card .row .btn{padding:11px}.feedback-card p{line-height:1.5;color:var(--muted);padding:12px 0}.code{word-break:break-word}.admin-grid .attention{background:#fff8f4}.admin-shell{background:#edf0eb;color:#17201c}.admin-shell .app-header{margin:-24px -20px 0;padding:15px 20px;background:#101814;border-bottom:3px solid #7fbf45}.admin-shell .brand-logo{width:62px;height:48px;padding:4px;background:#fff;border-radius:8px;mix-blend-mode:normal}.admin-shell .brand-360{background:#82c84a;color:#102016;border-radius:7px;box-shadow:none;font-size:12px}.admin-shell .avatar{background:#26392f;color:#bce778;border:1px solid #476250}.admin-shell .hero{min-height:210px;margin:18px 0 16px;padding:24px;background:radial-gradient(circle at 94% 5%,rgba(130,200,74,.24),transparent 30%),linear-gradient(135deg,#101914,#263d31);border-radius:16px;color:#fff;box-shadow:0 13px 28px #10191429}.admin-shell .compact-hero{min-height:168px}.admin-shell .hero:after{content:"";position:absolute;right:25px;top:20px;width:92px;height:92px;border:1px solid rgba(184,216,108,.18);border-radius:50%}.admin-shell .hero h1{font-size:34px;max-width:330px}.admin-shell .hero h1 em{color:#a9dc62}.admin-shell .hero .boost{background:#82c84a;color:#102016;border-radius:6px}.admin-shell .card{border-radius:13px;border:1px solid #d8dfd8;box-shadow:0 5px 14px #1019140e;-webkit-backdrop-filter:none;backdrop-filter:none}.admin-shell .friendly{border-left:4px solid #82c84a}.admin-shell .friendly:after{display:none}.admin-shell .day-number{border-radius:8px;background:#e2efd7;box-shadow:none}.admin-shell .pill{border-radius:5px;background:#e4efd9;font-size:10px}.admin-shell .btn{border-radius:8px;background:#173f35;box-shadow:none}.admin-shell .btn.secondary{background:#e1eed6;color:#173f35}.admin-shell .btn.ghost{background:#fff}.admin-shell .admin-stats .card{border-top:3px solid #7eb949}.admin-shell .nav-title{display:none}.admin-shell .admin-nav .nav b{display:block;font-size:15px;margin-bottom:3px}.admin-shell .admin-nav .nav span{display:block}.admin-shell .attention{border-color:#e7c3bc}.admin-shell .fab{border-radius:10px;background:#7fbf45;color:#102016}.admin-shell .section-title span{border-radius:7px}.admin-shell .search input{border-radius:8px}@media(min-width:800px){body{padding:20px}.admin-shell{max-width:1180px;min-height:calc(100vh - 40px);margin:0 auto;padding:0;display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:76px auto;border-radius:22px;box-shadow:0 18px 55px #10191429}.admin-shell .app-header{grid-column:1/-1;grid-row:1;margin:0;padding:13px 24px}.admin-shell .page-content{grid-column:2;grid-row:2;padding:4px 34px 64px;min-width:0}.admin-shell .admin-nav{grid-column:1;grid-row:2;position:static;transform:none;width:auto;min-height:calc(100vh - 116px);display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:24px 14px;background:#17241e;border:0;border-radius:0}.admin-shell .admin-nav .nav{flex:0;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:8px;color:#b8c5be;font-size:13px;text-align:left}.admin-shell .admin-nav .nav b{width:20px;margin:0;text-align:center}.admin-shell .admin-nav .nav span{display:inline}.admin-shell .admin-nav .nav.active{background:#82c84a;color:#102016}.admin-shell .nav-title{display:block;padding:0 9px 18px;color:#fff;font-size:15px;border-bottom:1px solid #31443a;margin-bottom:10px}.admin-shell .nav-title strong{color:#a9dc62}.admin-shell .hero{min-height:230px;margin-top:18px}.admin-shell .compact-hero{min-height:170px}.admin-shell .admin-stats{grid-template-columns:repeat(4,1fr)}.admin-shell #client-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-shell #client-list .card{margin:0}.admin-shell .fab{right:max(35px,calc((100vw - 1180px)/2 + 35px));bottom:38px}}.header-actions{display:flex;align-items:center;gap:10px}.notify-bell{position:relative;width:39px;height:39px;border-radius:8px;background:#26392f;color:#c5e875;font-size:22px}.notify-bell span{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e86b55;color:#fff;font-size:10px;border:2px solid #101814}.client-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 16px;border-bottom:1px solid #d7ded7}.client-head h1{margin:4px 0;font-size:32px}.back-link{background:none;color:#50705e;padding:8px 0}.client-identity{display:flex;align-items:center;gap:14px;flex:1}.avatar.xl{width:58px;height:58px;flex:0 0 58px;font-size:22px}.client-actions{display:flex;gap:9px}.client-actions .btn{width:auto;white-space:nowrap;padding:11px 14px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.metric{background:#fff;border:1px solid #d7dfd7;border-radius:12px;padding:16px;border-top:3px solid #83bf4e}.metric span,.metric small{display:block;color:#6d7972;font-size:12px}.metric strong{display:block;margin:5px 0;font-size:28px;color:#173f35}.metric small{color:#5d8b43}.chart-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.chart-card{margin:0!important}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chart-heading h3{margin:4px 0}.trend-up{color:#4e8a3b;font-weight:900;background:#e6f1dd;padding:6px 9px;border-radius:6px}.line-chart{width:100%;height:210px;margin-top:10px;overflow:visible}.grid-lines line{stroke:#dfe5df;stroke-width:1}.area-line{fill:none;stroke:#68a642;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-dots circle{fill:#fff;stroke:#68a642;stroke-width:3}.x-labels text{font-size:9px;fill:#738078;text-anchor:middle}.bar-chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:13px;padding:26px 8px 0;border-bottom:1px solid #dfe4df}.bar-chart div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;flex:1}.bar-chart i{display:block;width:100%;max-width:42px;background:linear-gradient(180deg,#8dcc51,#386f4e);border-radius:6px 6px 2px 2px}.bar-chart span{margin-top:7px;color:#6f7b74;font-size:10px}.bar-chart b{position:absolute;top:-18px;color:#173f35;font-size:11px}.chart-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;color:#6c7871;font-size:12px}.chart-summary strong{color:#173f35}.session-detail{margin-top:14px!important}.rpe-score{padding:8px 10px;border-radius:7px;background:#e4efd9;color:#173f35;font-size:12px}.session-table{margin-top:16px}.session-table>div{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:10px;padding:11px 5px;border-bottom:1px solid #e2e7e2;font-size:12px}.session-table>div:first-child{color:#77817b;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.positive{color:#528e3f;font-weight:800}.feedback-quote{margin-top:15px;padding:14px;border-left:3px solid #86c451;background:#f1f6ed;color:#536159;font-style:italic}.notification-head{align-items:flex-end}.notification-head>div{flex:1}.mark-read{width:auto!important}.notification-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;padding:17px 19px;background:#17261f;color:#fff;border-radius:12px;border-left:4px solid #83c84a}.notification-settings span{display:block;margin-top:4px;color:#b7c4bd;font-size:12px}.notification-settings .btn{width:auto;white-space:nowrap;background:#83c84a;color:#122018}.notification-list{background:#fff;border:1px solid #d8dfd8;border-radius:12px;overflow:hidden}.notification-item{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px;border-bottom:1px solid #e1e6e1}.notification-item:last-child{border:0}.notification-item.unread{background:#f6faf3}.notification-item.unread>div:last-child:before{content:"";float:right;width:7px;height:7px;border-radius:50%;background:#76b846}.notification-item.priority-note{background:#fff7f3}.notification-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;font-weight:900}.notification-icon.success{background:#e1efd9;color:#4c8739}.notification-icon.warning{background:#f6ded6;color:#a14839}.notification-icon.invite{background:#e3ebe6;color:#315d47}.notification-item .top{align-items:flex-start}.notification-item time{font-size:10px;color:#87918b;white-space:nowrap}.notification-item p{margin:5px 0;color:#69756e;font-size:12px}.notification-item button{padding:0;background:none;color:#3f7643;font-size:12px}.notification-item button:hover{text-decoration:underline}@media(max-width:799px){.client-head{display:block}.client-head .back-link{margin-bottom:10px}.client-actions{margin-top:14px}.client-actions .btn{flex:1}.metric-row{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.notification-settings{display:block}.notification-settings .btn{width:100%;margin-top:14px}.notification-head .mark-read{width:100%!important;margin-top:14px}.session-table>div{grid-template-columns:1.35fr 1fr .7fr}.line-chart{height:185px}}@media(max-width:390px){.metric{padding:13px}.metric strong{font-size:24px}.session-table>div{font-size:10px}.notification-item{grid-template-columns:36px 1fr;padding:14px}.notification-icon{width:36px;height:36px}}