@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--bg: #f0f0f3;--neu-out: 6px 6px 14px #d1d1d6, -6px -6px 14px #ffffff;--neu-out-sm: 3px 3px 8px #d1d1d6, -3px -3px 8px #ffffff;--neu-out-lg: 10px 10px 22px #cacace, -10px -10px 22px #ffffff;--neu-in: inset 4px 4px 10px #d1d1d6, inset -4px -4px 10px #ffffff;--neu-in-sm: inset 2px 2px 6px #d1d1d6, inset -2px -2px 6px #ffffff;--grad: linear-gradient(135deg, #401C87 0%, #D1317F 100%);--grad-h: linear-gradient(135deg, #341570 0%, #b52a6c 100%);--grad-glow: rgba(209, 49, 127, .2);--primary: #8B2FBF;--primary-dark: #401C87;--primary-light: #D1317F;--border: rgba(209, 209, 214, .5);--text: #3a3a4a;--text-muted: #909099;--text-light: #b8b8c4;--success: #4ecb8a;--danger: #f07070;--radius: 20px;--radius-sm: 14px;--radius-xs: 10px;--radius-full: 100px;--font: "Nunito", "SF Pro Rounded", "Segoe UI", sans-serif}input:focus,select:focus,textarea:focus,.form-group input:focus,.profile-field input:focus,.profile-field select:focus,.profile-field textarea:focus,.diary-input-card textarea:focus{outline:none!important;border-color:transparent!important;box-shadow:var(--neu-in),0 0 0 2px #d1317f33!important}button,.btn,[type=submit]{--primary: #8B2FBF}.program-card,.video-card,.diary-entry-card,.profile-card{border:none!important;outline:none!important}.btn-primary,[class*=btn-primary],button[style*=background],.continue-btn,.primary-btn{background:var(--grad)!important;background-color:transparent!important;border:none!important;color:#fff!important}.progress-fill,[class*=progress]{background:var(--grad)!important}a,a:hover,a:focus{color:#d1317f}*:hover{border-color:transparent}*{--blue: #8B2FBF;--primary: #8B2FBF}.welcome-section{padding:24px;border-radius:var(--radius);box-shadow:var(--neu-out)}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.program-card{background:var(--bg);border-radius:var(--radius);box-shadow:var(--neu-out);overflow:hidden;cursor:pointer;transition:all .25s ease;border:none!important}.program-card:hover{box-shadow:var(--neu-out-lg);transform:translateY(-3px);border:none!important}.program-card:active{box-shadow:var(--neu-in-sm)}.program-image{width:100%;height:180px;background:linear-gradient(135deg,#401c8714,#d1317f14);overflow:hidden}.program-image img{width:100%;height:100%;object-fit:cover}.program-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.program-placeholder svg{color:#d1317f;opacity:.25}.program-content{padding:20px;display:flex;flex-direction:column;gap:14px}.program-content h3{font-size:18px;font-weight:800;color:var(--text)}.program-content>p{font-size:13px;color:var(--text-muted);line-height:1.5}.program-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.program-meta .duration{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);padding:5px 12px;border-radius:var(--radius-full);box-shadow:var(--neu-out-sm);background:var(--bg)}.progress-section{display:flex;flex-direction:column;gap:6px;width:100%}.progress-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--text-muted);width:100%;line-height:1}.progress-header span:first-child{color:var(--text-muted)}.progress-percent{color:#d1317f;font-weight:800;flex-shrink:0;margin-left:8px}.progress-bar{width:100%;height:8px;border-radius:var(--radius-full);box-shadow:var(--neu-in-sm);overflow:hidden;position:relative;display:block}.continue-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--radius-sm);border:none;background:var(--grad)!important;color:#fff!important;font-size:14px;font-weight:800;font-family:var(--font);cursor:pointer;box-shadow:0 4px 16px var(--grad-glow);transition:all .2s ease}.continue-btn:hover{box-shadow:0 6px 24px var(--grad-glow);transform:translateY(-1px)}.continue-btn svg{width:16px;height:16px}.program-header{background:var(--bg);border:none!important;border-radius:var(--radius);box-shadow:var(--neu-out-lg);overflow:hidden}.program-hero{width:100%;height:280px;background:var(--grad);display:flex;align-items:center;justify-content:center;overflow:hidden}.program-hero img{width:100%;height:100%;object-fit:cover}.program-hero-placeholder svg{color:#fff;opacity:.3;width:80px;height:80px}.program-info{padding:28px;background:var(--bg);margin:12px;border-radius:var(--radius-sm)}.program-info h1{font-size:28px;font-weight:900;color:var(--text);margin-bottom:10px}.program-info>p{font-size:15px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.program-stats{display:flex;gap:24px;padding:20px;background:var(--bg);border-radius:var(--radius-sm);box-shadow:var(--neu-in-sm)}.stat{display:flex;align-items:center;gap:12px}.stat-icon{width:44px;height:44px;border-radius:var(--radius-sm);box-shadow:var(--neu-out-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;color:#d1317f}.stat-label{font-size:12px;color:var(--text-muted);font-weight:700}.stat-value{font-size:17px;font-weight:900;color:var(--text)}.back-button,.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-full);border:none;background:var(--bg);color:var(--text-muted);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:var(--neu-out-sm);transition:all .2s ease;margin-bottom:16px;text-decoration:none}.back-button:hover,.back-btn:hover{color:#d1317f;box-shadow:var(--neu-out);transform:none}.back-btn svg{width:16px;height:16px}.videos-section{background:var(--bg);border:none!important;border-radius:var(--radius);box-shadow:var(--neu-out);padding:28px}.videos-header{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(209,209,214,.5)}.videos-header h2{font-size:20px;font-weight:900;color:var(--text)}.videos-header p{font-size:13px;color:var(--text-muted);margin-top:2px}.videos-list{display:flex;flex-direction:column;gap:12px}.video-item{display:flex;gap:16px;padding:16px;background:var(--bg);border:none!important;border-radius:var(--radius-sm);box-shadow:var(--neu-out-sm);cursor:pointer;transition:all .2s ease}.video-item:hover{box-shadow:var(--neu-out);transform:translate(3px);border:none!important}.video-thumbnail{width:140px;height:80px;flex-shrink:0;border-radius:var(--radius-xs);overflow:hidden;background:linear-gradient(135deg,#401c871a,#d1317f1a)}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-thumbnail-placeholder svg{color:#d1317f;opacity:.4;width:32px;height:32px}.play-overlay{position:absolute;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center}.play-icon{width:40px;height:40px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:#d1317f}.play-icon svg{width:18px;height:18px;margin-left:2px}.video-info{flex:1;display:flex;flex-direction:column;gap:4px}.video-info h3{font-size:15px;font-weight:800;color:var(--text)}.video-info p{font-size:13px;color:var(--text-muted);line-height:1.4}.video-duration{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);font-weight:700}.play-btn{padding:10px 20px;border-radius:var(--radius-sm);border:none;background:var(--grad)!important;color:#fff!important;font-size:14px;font-weight:800;font-family:var(--font);cursor:pointer;box-shadow:0 4px 14px var(--grad-glow);transition:all .2s;display:flex;align-items:center;gap:8px}.play-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--grad-glow)}.play-btn svg{width:18px;height:18px;fill:#fff}.mark-watched-btn{padding:10px;border-radius:var(--radius-sm);border:none;background:var(--bg);box-shadow:var(--neu-out-sm);color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.mark-watched-btn:hover{color:var(--success);box-shadow:var(--neu-out)}.mark-watched-btn svg{width:18px;height:18px}.fullscreen-btn{padding:10px 18px;border-radius:var(--radius-sm);border:none;background:var(--grad)!important;color:#fff!important;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:0 4px 14px var(--grad-glow);transition:all .2s;display:flex;align-items:center;gap:6px;flex-shrink:0}.close-btn,.modal-close{width:38px;height:38px;border-radius:var(--radius-xs);border:none;background:var(--bg);box-shadow:var(--neu-out-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:22px;cursor:pointer;transition:all .2s}.close-btn:hover,.modal-close:hover{color:var(--danger);box-shadow:var(--neu-out)}.activity-diary{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.diary-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.diary-header h2{font-size:26px;font-weight:900;color:var(--text)}.diary-header p{font-size:14px;color:var(--text-muted);margin-top:4px}.add-entry-btn{padding:11px 22px;border-radius:var(--radius-full);border:none;background:var(--grad)!important;color:#fff!important;font-size:14px;font-weight:800;font-family:var(--font);cursor:pointer;box-shadow:0 4px 16px var(--grad-glow);transition:all .2s;flex-shrink:0}.add-entry-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px var(--grad-glow)}.diary-form-card,.diary-entry{background:var(--bg);border:none!important;border-radius:var(--radius);box-shadow:var(--neu-out);padding:26px}.diary-entry:hover{box-shadow:var(--neu-out-lg)}.diary-form-card h3{font-size:17px;font-weight:800;color:var(--text);margin-bottom:20px}.diary-form{display:flex;flex-direction:column;gap:16px}.submit-btn{padding:13px 24px;border-radius:var(--radius-full);border:none;background:var(--grad)!important;color:#fff!important;font-size:14px;font-weight:800;font-family:var(--font);cursor:pointer;box-shadow:0 4px 16px var(--grad-glow);transition:all .2s}.submit-btn:hover{transform:translateY(-1px)}.diary-entries{display:flex;flex-direction:column;gap:14px}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.entry-date h4{font-size:16px;font-weight:800;color:var(--text)}.feeling-emoji{font-size:28px;line-height:1}.feeling-label{display:inline-block;padding:3px 12px;border-radius:var(--radius-full);box-shadow:var(--neu-in-sm);font-size:12px;font-weight:800;color:#d1317f}.entry-notes{font-size:14px;color:var(--text);line-height:1.6;white-space:pre-wrap}.delete-entry-btn{padding:7px;border-radius:var(--radius-xs);border:none;background:var(--bg);box-shadow:var(--neu-out-sm);color:var(--text-muted);cursor:pointer;transition:all .2s}.delete-entry-btn:hover{color:var(--danger);box-shadow:var(--neu-out)}.user-profile{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.profile-header{display:flex;justify-content:space-between;align-items:center}.profile-header h2{font-size:26px;font-weight:900;color:var(--text)}.edit-btn,.save-btn{padding:11px 22px;border-radius:var(--radius-full);border:none;background:var(--grad)!important;color:#fff!important;font-size:14px;font-weight:800;font-family:var(--font);cursor:pointer;box-shadow:0 4px 16px var(--grad-glow);transition:all .2s;display:flex;align-items:center;gap:8px}.edit-btn:hover,.save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px var(--grad-glow)}.cancel-btn{padding:11px 22px;border-radius:var(--radius-full);border:none;background:var(--bg);color:var(--text-muted);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:var(--neu-out-sm);transition:all .2s}.cancel-btn:hover{box-shadow:var(--neu-out);color:var(--text)}.profile-card{background:var(--bg);border:none!important;border-radius:var(--radius);box-shadow:var(--neu-out);padding:30px}.profile-avatar{width:100px;height:100px;border-radius:50%;box-shadow:var(--neu-out);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:900;color:#d1317f;margin:0 auto 28px}.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.profile-field p{font-size:15px;color:var(--text)}.profile-form{display:flex;flex-direction:column;gap:20px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.message{padding:14px 18px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px;font-weight:700;box-shadow:var(--neu-in-sm)}.message.success{color:var(--success)}.message.error{color:var(--danger)}.progress-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--text-muted);width:100%;line-height:1;background:none!important;background-image:none!important}.progress-header span:first-child{color:var(--text-muted);background:none!important}.progress-percent{color:#d1317f;font-weight:800;flex-shrink:0;margin-left:8px;background:none!important}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;height:64px;padding:0 16px;gap:12px}.client-nav{display:flex;align-items:center;gap:6px;position:absolute;left:50%;transform:translate(-50%)}.client-profile{display:flex;flex-direction:row;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.client-info{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;order:1}.client-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;order:1}.client-avatar{width:38px;height:38px;border-radius:50%;box-shadow:none;outline:1px solid #D8D8DC;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#d1317f;flex-shrink:0;order:2}.logout-btn{display:none!important}======================================== */ .client-nav button.active{background:var(--bg)!important;box-shadow:var(--neu-in-sm)!important;color:#d1317f!important;border-left:none!important}.client-nav button:hover{background:var(--bg)!important}@media(max-width:599px){.client-nav button.active{background:var(--bg)!important;border-left:3px solid #D1317F!important;color:#d1317f!important}}.feeling-label{background:transparent}.loading{padding:48px;text-align:center;color:var(--text-muted)}@media(max-width:768px){.program-stats{flex-direction:column;gap:14px}.profile-info-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.diary-header{flex-direction:column;align-items:flex-start}.video-item{flex-direction:column}.video-thumbnail{width:100%;height:160px}.videos-section,.program-info{padding:20px}}.welcome-section{padding:24px;border-radius:var(--radius);box-shadow:none!important;outline:1px solid #D8D8DC;background:var(--bg)}.welcome-section h2{font-size:26px;font-weight:900;color:var(--text);margin-bottom:6px}.welcome-section p{font-size:14px;color:var(--text-muted)}.program-meta .duration{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);padding:5px 12px;border-radius:var(--radius-full);box-shadow:none;outline:1px solid #D8D8DC;background:var(--bg)}.program-meta .duration svg{color:#d1317f}.progress-section{display:flex;flex-direction:column;gap:6px;width:100%;background:none!important}.progress-bar{width:100%;height:8px;border-radius:var(--radius-full);box-shadow:var(--neu-in-sm);overflow:hidden;position:relative;display:block;background:#d1d1d64d!important}.progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-full);background:linear-gradient(135deg,#401c87,#d1317f)!important;transition:width .4s ease;min-width:4px}.back-button,.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-full);border:none;background:var(--bg);color:var(--text-muted);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:var(--neu-out-sm);transition:all .2s ease;margin-bottom:16px;text-decoration:none;white-space:nowrap;width:auto;min-width:unset}.back-button:hover,.back-btn:hover{box-shadow:var(--neu-out);transform:none;background:var(--bg);color:#d1317f;border:none}.videos-section{background:var(--bg);border:none!important;outline:1px solid #D8D8DC!important;border-radius:var(--radius);box-shadow:none!important;padding:28px}.program-hero{position:relative;width:100%;height:280px;background:linear-gradient(135deg,#401c87,#d1317f);display:flex;align-items:center;justify-content:center;overflow:hidden}.program-hero img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.program-info{background:var(--bg);border-radius:var(--radius-sm);outline:1px solid #D8D8DC;box-shadow:none!important;padding:24px;margin:12px}.program-info h1{font-size:26px;font-weight:900;color:var(--text);margin-bottom:8px}.program-info>p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:18px}.program-stats{display:flex;gap:20px;padding:16px;background:var(--bg);border-radius:var(--radius-sm);outline:1px solid #D8D8DC;box-shadow:none!important}.back-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;border-radius:var(--radius-full)!important;border:none!important;background:var(--bg)!important;color:var(--text-muted)!important;font-size:14px!important;font-weight:700!important;font-family:var(--font)!important;cursor:pointer!important;box-shadow:var(--neu-out-sm)!important;transition:all .2s ease!important;white-space:nowrap!important;width:fit-content!important;min-width:160px!important}.back-btn:hover{color:#d1317f!important;box-shadow:var(--neu-out)!important}.program-hero{position:relative!important;width:100%!important;height:320px!important;border-radius:var(--radius)!important;overflow:hidden!important;box-shadow:none!important;outline:1px solid #D8D8DC!important;background:linear-gradient(135deg,#401c87,#d1317f)!important}.program-hero img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:1!important}.hero-placeholder{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.hero-placeholder svg{color:#fff;opacity:.3}.hero-content{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:2!important;background:linear-gradient(to top,#1e0a3ce6,#1e0a3c00)!important;padding:32px 28px 24px!important;border-radius:0!important;margin:0!important;width:100%!important}.hero-content h1{font-size:26px;font-weight:900;color:#fff;margin-bottom:4px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.hero-content>p{font-size:14px;color:#fffc;margin-bottom:16px;line-height:1.5}.hero-content .program-stats{display:flex;gap:20px;background:#ffffff1f!important;border-radius:var(--radius-sm)!important;padding:12px 16px!important;outline:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important;margin-bottom:14px}.hero-content .stat{display:flex;align-items:center;gap:8px}.hero-content .stat svg{color:#fffc;flex-shrink:0}.hero-content .stat span{color:#fff;font-size:13px;font-weight:700}.hero-content .progress-section,.hero-content .progress-header{background:none!important}.hero-content .progress-header span{color:#fffc!important;background:none!important}.hero-content .progress-percent{color:#f9a8d4!important}.hero-content .progress-bar{background:#fff3!important;box-shadow:none!important}.hero-content .progress-text{font-size:12px;color:#ffffffb3;margin-top:4px}.video-number{width:32px;height:32px;border-radius:50%;box-shadow:var(--neu-out-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:var(--text-muted);flex-shrink:0}.video-item{position:relative}.video-item h3{font-size:15px;font-weight:800;color:var(--text);margin-bottom:4px}.video-item p{font-size:13px;color:var(--text-muted);line-height:1.4;margin-bottom:6px}.progress-text{background:none!important}.client-profile{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;margin-left:auto!important;flex-shrink:0!important}.client-avatar,.video-number,.mark-watched-btn,.profile-avatar{box-shadow:none!important;outline:1px solid #D8D8DC!important}.login-header:before{box-shadow:none!important;outline:1px solid #4B1D86!important}.login-header:before{box-shadow:none!important;outline:1px solid #DADADE!important}.brand:before{box-shadow:none!important;outline:1px solid #DADADE!important}:root{--bg: #f0f0f3;--neu-out: 6px 6px 14px #d1d1d6, -6px -6px 14px #ffffff;--neu-out-sm: 3px 3px 8px #d1d1d6, -3px -3px 8px #ffffff;--neu-out-lg: 10px 10px 22px #cacace, -10px -10px 22px #ffffff;--neu-in: inset 4px 4px 10px #d1d1d6, inset -4px -4px 10px #ffffff;--neu-in-sm: inset 2px 2px 6px #d1d1d6, inset -2px -2px 6px #ffffff;--grad: linear-gradient(135deg, #401C87 0%, #D1317F 100%);--grad-h: linear-gradient(135deg, #341570 0%, #b52a6c 100%);--grad-glow: rgba(209, 49, 127, .2);--text: #3a3a4a;--text-muted: #909099;--text-light: #b8b8c4;--success: #4ecb8a;--danger: #f07070;--radius: 20px;--radius-sm: 14px;--radius-xs: 10px;--radius-full: 100px;--font: "Nunito", "SF Pro Rounded", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.spinner{width:48px;height:48px;border-radius:50%;box-shadow:var(--neu-out);border:3px solid transparent;border-top-color:#d1317f;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--text-muted);font-size:14px;font-weight:700}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg)}.login-container{width:100%;max-width:400px;padding:44px 36px;border-radius:var(--radius);box-shadow:var(--neu-out-lg);background:var(--bg)}.login-header{text-align:center;margin-bottom:40px}.login-header svg{display:none}.login-header:before{content:"R+";display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:22px;box-shadow:var(--neu-out);margin:0 auto 20px;font-family:var(--font);font-weight:900;font-size:32px;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:80px}.login-header h1{font-size:26px;font-weight:900;color:var(--text);letter-spacing:-.02em}.login-header h1{font-size:0}.login-header h1:after{content:"ReCover+";font-size:26px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.login-header p{font-size:14px;color:var(--text-muted);margin-top:6px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.form-group input{padding:14px 18px;border-radius:var(--radius-sm);border:none;background:var(--bg);box-shadow:var(--neu-in);font-size:15px;font-family:var(--font);color:var(--text);outline:none;transition:box-shadow .2s ease;width:100%}.form-group input:focus{box-shadow:var(--neu-in),0 0 0 2px #d1317f2e}.form-group input::placeholder{color:var(--text-light)}.error-message{padding:12px 16px;border-radius:var(--radius-xs);box-shadow:var(--neu-in-sm);color:var(--danger);font-size:13px;font-weight:700;text-align:center}.login-button{padding:16px;border-radius:var(--radius-sm);border:none;background:var(--grad);color:#fff;font-size:15px;font-weight:800;font-family:var(--font);letter-spacing:.03em;cursor:pointer;box-shadow:4px 4px 12px #d1d1d6,-2px -2px 6px #fff,0 6px 20px var(--grad-glow);transition:all .2s ease;margin-top:4px;width:100%}.login-button:hover{background:var(--grad-h);transform:translateY(-1px);box-shadow:6px 6px 16px #cacace,-2px -2px 6px #fff,0 8px 28px var(--grad-glow)}.login-button:active{transform:translateY(0);box-shadow:var(--neu-in-sm)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{margin-top:24px;text-align:center}.login-footer p{font-size:12px;color:var(--text-light)}.client-app{min-height:100vh;background:var(--bg)}.client-header{background:var(--bg);box-shadow:0 4px 10px #d1d1d6cc;position:sticky;top:0;z-index:100;padding:0 16px}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;height:64px;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;cursor:pointer}.brand>svg{display:none}.brand:before{content:"R+";display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;box-shadow:var(--neu-out-sm);font-family:var(--font);font-weight:900;font-size:16px;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:40px;flex-shrink:0}.brand h1{font-size:0;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.brand h1:after{content:"ReCover+";font-size:19px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.client-nav{display:flex;align-items:center;gap:6px}.client-nav button{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-full);border:none;background:var(--bg);color:var(--text-muted);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:var(--neu-out-sm);transition:all .2s ease;white-space:nowrap}.client-nav button:hover{color:var(--text);box-shadow:var(--neu-out)}.client-nav button.active{box-shadow:var(--neu-in-sm);color:#d1317f}.client-nav button svg{width:18px;height:18px;flex-shrink:0}.client-nav button span{display:none}.client-info{display:flex;align-items:center;gap:12px;flex-shrink:0}.client-avatar{width:40px;height:40px;border-radius:50%;box-shadow:var(--neu-out-sm);display:flex;align-items:center;justify-content:center;background:var(--bg);font-size:16px;font-weight:900;color:#d1317f;flex-shrink:0}.client-name{font-size:14px;font-weight:700;color:var(--text);display:none}.logout-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);border:none;background:var(--bg);color:var(--text-muted);font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:var(--neu-out-sm);transition:all .2s ease}.logout-btn:hover{color:var(--danger);box-shadow:var(--neu-out)}.mobile-menu-toggle{display:none;width:44px;height:44px;border-radius:var(--radius-sm);border:none;background:var(--bg);box-shadow:var(--neu-out-sm);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:box-shadow .2s ease;flex-shrink:0}.mobile-menu-toggle:active{box-shadow:var(--neu-in-sm)}.mobile-menu-toggle span{display:block;width:22px;height:2px;background:var(--text-muted);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.client-main{padding:24px 16px 48px;max-width:1200px;margin:0 auto}.client-dashboard{display:flex;flex-direction:column;gap:24px}.welcome-banner{padding:26px 24px;border-radius:var(--radius);box-shadow:var(--neu-out);position:relative;overflow:hidden}.welcome-banner:after{content:"R+";position:absolute;right:-8px;top:-20px;font-size:130px;font-family:var(--font);font-weight:900;letter-spacing:-.06em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.07;pointer-events:none;line-height:1}.welcome-banner h2{font-size:22px;font-weight:900;color:var(--text);margin-bottom:6px}.welcome-banner p{font-size:14px;color:var(--text-muted)}.section-title{font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.programs-grid{display:grid;grid-template-columns:1fr;gap:16px}.program-card{padding:22px 20px;border-radius:var(--radius);box-shadow:var(--neu-out);cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;gap:14px}.program-card:hover{box-shadow:var(--neu-out-lg);transform:translateY(-2px)}.program-card:active{box-shadow:var(--neu-in-sm);transform:translateY(0)}.program-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.program-icon{width:50px;height:50px;border-radius:var(--radius-sm);box-shadow:var(--neu-out-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;background:var(--bg)}.program-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--neu-in-sm)}.program-badge.active{color:var(--success)}.program-badge.inactive{color:var(--text-muted)}.program-title{font-size:17px;font-weight:800;color:var(--text)}.program-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.program-progress{display:flex;flex-direction:column;gap:8px}.progress-label{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-muted)}.progress-track{height:8px;border-radius:var(--radius-full);box-shadow:var(--neu-in-sm);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--grad);box-shadow:0 2px 10px var(--grad-glow);transition:width .6s cubic-bezier(.4,0,.2,1)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{padding:18px 12px;border-radius:var(--radius-sm);box-shadow:var(--neu-out-sm);background:var(--bg);text-align:center;display:flex;flex-direction:column;gap:6px}.stat-value{font-size:24px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.client-profile{display:flex;flex-direction:column;gap:20px}.profile-card{padding:28px 24px;border-radius:var(--radius);box-shadow:var(--neu-out);background:var(--bg)}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:28px}.profile-avatar{width:72px;height:72px;border-radius:50%;box-shadow:var(--neu-out);display:flex;align-items:center;justify-content:center;background:var(--bg);font-size:30px;font-weight:900;color:#d1317f;flex-shrink:0}.profile-name{font-size:20px;font-weight:900;color:var(--text)}.profile-email{font-size:13px;color:var(--text-muted);margin-top:2px}.profile-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.profile-field label{font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.profile-field input,.profile-field select,.profile-field textarea{padding:13px 16px;border-radius:var(--radius-sm);border:none;background:var(--bg);box-shadow:var(--neu-in);font-size:14px;font-family:var(--font);color:var(--text);outline:none;transition:box-shadow .2s ease;width:100%}.profile-field input:focus,.profile-field select:focus,.profile-field textarea:focus{box-shadow:var(--neu-in),0 0 0 2px #d1317f2e}.profile-field textarea{resize:vertical;min-height:80px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-full);border:none;background:var(--grad);color:#fff;font-size:14px;font-weight:800;font-family:var(--font);letter-spacing:.02em;cursor:pointer;box-shadow:4px 4px 10px #d1d1d6,-2px -2px 6px #fff,0 4px 18px var(--grad-glow);transition:all .2s ease}.btn-primary:hover{background:var(--grad-h);transform:translateY(-1px);box-shadow:6px 6px 14px #cacace,-2px -2px 6px #fff,0 8px 24px var(--grad-glow)}.btn-primary:active{transform:translateY(0);box-shadow:var(--neu-in-sm)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-full);border:none;background:var(--bg);color:var(--text-muted);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:var(--neu-out-sm);transition:all .2s ease}.btn-secondary:hover{color:var(--text);box-shadow:var(--neu-out)}.btn-secondary:active{box-shadow:var(--neu-in-sm)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-full);border:none;background:var(--bg);color:var(--danger);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:var(--neu-out-sm);transition:all .2s ease}.btn-danger:hover{box-shadow:var(--neu-out)}.program-detail{display:flex;flex-direction:column;gap:20px}.detail-header{display:flex;align-items:center;gap:14px}.back-btn{width:44px;height:44px;border-radius:var(--radius-sm);border:none;background:var(--bg);box-shadow:var(--neu-out-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);flex-shrink:0;transition:all .2s ease}.back-btn:hover{color:#d1317f;box-shadow:var(--neu-out)}.back-btn:active{box-shadow:var(--neu-in-sm)}.detail-title{font-size:20px;font-weight:900;color:var(--text)}.program-info{padding:24px;border-radius:var(--radius);box-shadow:var(--neu-out);background:var(--bg)}.program-info h3{font-size:16px;font-weight:800;color:var(--text);margin-bottom:8px}.program-info p{font-size:14px;color:var(--text-muted);line-height:1.6}.videos-section{display:flex;flex-direction:column;gap:12px}.video-card{padding:16px 20px;border-radius:var(--radius-sm);box-shadow:var(--neu-out-sm);background:var(--bg);display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease}.video-card:hover{box-shadow:var(--neu-out);transform:translate(4px)}.video-play-btn{width:48px;height:48px;border-radius:50%;box-shadow:var(--neu-out-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.video-card:hover .video-play-btn{box-shadow:var(--neu-in-sm)}.video-play-btn svg{color:#d1317f;margin-left:2px}.video-info{flex:1;min-width:0}.video-title{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.video-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.video-status.watched{background:var(--success);box-shadow:0 0 6px var(--success)}.video-status.unwatched{background:var(--text-light)}.video-modal-overlay{position:fixed;inset:0;background:#32323c80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal{width:100%;max-width:640px;border-radius:var(--radius);box-shadow:var(--neu-out-lg);background:var(--bg);overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(209,209,214,.5);background:var(--bg)}.video-modal-title{font-size:16px;font-weight:800;color:var(--text)}.modal-close-btn{width:36px;height:36px;border-radius:var(--radius-xs);border:none;background:var(--bg);box-shadow:var(--neu-out-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.modal-close-btn:active{box-shadow:var(--neu-in-sm)}.video-player-wrapper{aspect-ratio:16/9;background:#1a1a24}.video-player-wrapper video,.video-player-wrapper iframe{width:100%;height:100%;display:block}.activity-diary{display:flex;flex-direction:column;gap:20px}.diary-entry-card{padding:20px;border-radius:var(--radius);box-shadow:var(--neu-out);background:var(--bg)}.diary-date{font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.diary-text{font-size:14px;color:var(--text);line-height:1.6}.diary-input-card{padding:20px;border-radius:var(--radius);box-shadow:var(--neu-out);background:var(--bg);display:flex;flex-direction:column;gap:14px}.diary-input-card textarea{padding:14px 16px;border-radius:var(--radius-sm);border:none;background:var(--bg);box-shadow:var(--neu-in);font-size:14px;font-family:var(--font);color:var(--text);outline:none;resize:none;min-height:120px;transition:box-shadow .2s ease}.diary-input-card textarea:focus{box-shadow:var(--neu-in),0 0 0 2px #d1317f2e}.empty-state{padding:48px 24px;border-radius:var(--radius);box-shadow:var(--neu-in-sm);background:var(--bg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state-icon{width:64px;height:64px;border-radius:50%;box-shadow:var(--neu-out);display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--bg)}.empty-state h3{font-size:16px;font-weight:800;color:var(--text)}.empty-state p{font-size:13px;color:var(--text-muted);max-width:280px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:14px 24px;border-radius:var(--radius-full);box-shadow:var(--neu-out-lg);background:var(--bg);font-size:14px;font-weight:700;color:var(--text);z-index:300;animation:toastIn .3s ease;white-space:nowrap}.toast.success{color:var(--success)}.toast.error{color:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:3px}@media(min-width:600px){.programs-grid{grid-template-columns:repeat(2,1fr)}.client-nav button span{display:inline}.client-name{display:block}}@media(min-width:900px){.client-main{padding:32px 32px 60px}.programs-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:599px){.mobile-menu-toggle{display:flex}.client-header .header-content{flex-wrap:wrap;position:relative}.client-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--bg);flex-direction:column;padding:12px;gap:6px;box-shadow:0 8px 16px #d1d1d6e6;z-index:99}.client-nav.mobile-open{display:flex}.client-nav button{width:100%;justify-content:flex-start;border-radius:var(--radius-sm);padding:14px 18px}.client-nav button span{display:inline}.logout-btn-mobile{width:100%;justify-content:flex-start;border-radius:var(--radius-sm);padding:14px 18px;display:flex;align-items:center;gap:10px;background:var(--bg);box-shadow:var(--neu-out-sm);border:none;color:var(--text-muted);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer}.logout-btn{display:none}.stats-row{gap:10px}.stat-card{padding:14px 8px}.stat-value{font-size:20px}}