*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;min-height:100vh;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px;color:#fff}.header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:fadeInDown 1s ease-out}.header p{font-size:1.2rem;opacity:.9;animation:fadeInUp 1s ease-out .3s both}.nav-tabs{display:flex;justify-content:center;margin-bottom:30px;background:#ffffff1a;border-radius:15px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-btn{background:transparent;border:none;color:#fff;padding:12px 24px;margin:0 5px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:500}.tab-btn:hover{background:#fff3;transform:translateY(-2px)}.tab-btn.active{background:#ffffff4d;box-shadow:0 4px 15px #0003}.tab-content{display:none;animation:fadeIn .5s ease-in}.tab-content.active{display:block}.category-filters{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:30px;gap:10px}.filter-btn{background:#ffffffe6;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#333}.filter-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.filter-btn.active{background:#4caf50;color:#fff}.filter-btn[data-category=weightloss].active{background:linear-gradient(45deg,#ff6b6b,#ff8e53)}.filter-btn[data-category=bodybuilding].active{background:linear-gradient(45deg,#667eea,#764ba2)}.workouts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.workout-card{background:#fffffff2;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden}.workout-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.workout-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.workout-card:hover:before{left:100%}.workout-card[data-category=weightloss]{border-left:4px solid #FF6B6B}.workout-card[data-category=bodybuilding]{border-left:4px solid #667eea}.workout-icon{font-size:3rem;margin-bottom:15px;display:block;animation:bounce 2s infinite}.workout-card h3{color:#333;margin-bottom:10px;font-size:1.3rem}.workout-card p{color:#666;font-size:.9rem;margin-bottom:15px}.workout-category{display:inline-block;background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:500}.workout-card[data-category=weightloss] .workout-category{background:#ffebee;color:#c62828}.workout-card[data-category=bodybuilding] .workout-category{background:#f3e5f5;color:#7b1fa2}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#fff}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;margin-bottom:30px}.day-card{background:#fffffff2;border-radius:15px;padding:20px;text-align:center;min-height:200px;transition:all .3s ease}.day-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.day-name{font-weight:700;color:#333;margin-bottom:10px;font-size:1.1rem}.day-date{color:#666;font-size:.9rem;margin-bottom:15px}.scheduled-workout{background:#e8f5e8;border:2px solid #4CAF50;border-radius:8px;padding:8px;margin:5px 0;font-size:.8rem;color:#2e7d32;cursor:pointer;transition:all .2s ease;position:relative}.scheduled-workout:hover{background:#4caf50;color:#fff}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fffffff2;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.stat-card h3{color:#333;margin-bottom:15px;font-size:1.1rem}.stat-number{font-size:2.5rem;font-weight:700;color:#4caf50;animation:countUp 1s ease-out}.progress-chart{background:#fffffff2;border-radius:15px;padding:25px}.chart-bars{display:flex;align-items:end;justify-content:space-around;height:200px;margin-top:20px}.chart-bar{background:linear-gradient(to top,#4caf50,#81c784);width:30px;border-radius:15px 15px 0 0;transition:all .3s ease;position:relative;cursor:pointer}.chart-bar:hover{transform:scaleY(1.1);box-shadow:0 4px 15px #4caf5066}.chart-bar:after{content:attr(data-value);position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.8rem;color:#333;font-weight:700}.btn-primary{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-secondary{background:#ffffffe6;color:#333;border:2px solid #ddd;padding:8px 16px;border-radius:20px;cursor:pointer;margin:0 5px;transition:all .3s ease}.btn-secondary:hover{background:#fff;border-color:#4caf50;color:#4caf50}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.modal-content{background:#fff;margin:5% auto;padding:30px;border-radius:20px;width:90%;max-width:600px;position:relative;animation:slideInDown .3s ease;max-height:90vh;overflow-y:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;transition:color .3s ease}.close:hover{color:#333}.workout-animation{width:100px;height:100px;margin:20px auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(45deg,#4caf50,#81c784);color:#fff;animation:workoutPulse 2s infinite}.workout-info{text-align:center}.workout-sets{display:flex;justify-content:space-around;margin:20px 0;flex-wrap:wrap;gap:15px}.workout-sets label{display:flex;flex-direction:column;align-items:center;font-weight:500}.workout-sets input{margin-top:5px;padding:8px;border:2px solid #ddd;border-radius:10px;text-align:center;width:80px;transition:border-color .3s ease}.workout-sets input:focus{outline:none;border-color:#4caf50}.timer-section{margin:25px 0}.timer-display{font-size:3rem;font-weight:700;color:#4caf50;margin-bottom:15px;font-family:Courier New,monospace;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.timer-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.schedule-form{display:flex;flex-direction:column;gap:15px}.schedule-form label{font-weight:500;color:#333}.schedule-form select,.schedule-form input[type=time]{padding:12px;border:2px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.schedule-form select:focus,.schedule-form input[type=time]:focus{outline:none;border-color:#4caf50}.alarm-checkbox{display:flex;align-items:center;cursor:pointer;padding:15px;background:#ff6b6b1a;border-radius:10px;border:2px solid rgba(255,107,107,.2);transition:all .3s ease}.alarm-checkbox:hover{background:#ff6b6b26;border-color:#ff6b6b4d}.alarm-checkbox input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;background:#fff;border:2px solid #ddd;border-radius:4px;margin-right:10px;position:relative;transition:all .3s ease}.alarm-checkbox input[type=checkbox]:checked+.checkmark{background:#ff6b6b;border-color:#ff6b6b}.alarm-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-weight:700;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes workoutPulse{0%{transform:scale(1);box-shadow:0 0 #4caf50b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #4caf5000}to{transform:scale(1);box-shadow:0 0 #4caf5000}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pushup-animation{animation:pushupMove 2s infinite}@keyframes pushupMove{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.squat-animation{animation:squatMove 2s infinite}@keyframes squatMove{0%,to{transform:scaleY(1)}50%{transform:scaleY(.8)}}.jumping-animation{animation:jumpingMove 1s infinite}@keyframes jumpingMove{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.plank-animation{animation:plankMove 3s infinite}@keyframes plankMove{0%,to{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}.highknees-animation{animation:highKneesMove .8s infinite}@keyframes highKneesMove{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}75%{transform:translateY(-8px) rotate(-2deg)}}.jumprope-animation{animation:jumpRopeMove .6s infinite}@keyframes jumpRopeMove{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-12px) scaleY(1.1)}}.sprint-animation{animation:sprintMove .5s infinite}@keyframes sprintMove{0%,to{transform:translate(0) skew(0)}50%{transform:translate(5px) skew(5deg)}}.benchpress-animation{animation:benchPressMove 2.5s infinite}@keyframes benchPressMove{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-8px) scaleY(.9)}}.barbellrow-animation{animation:barbellRowMove 2s infinite}@keyframes barbellRowMove{0%,to{transform:rotateX(0)}50%{transform:rotateX(15deg)}}.overheadpress-animation{animation:overheadPressMove 2.2s infinite}@keyframes overheadPressMove{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}@media (max-width: 768px){.container{padding:15px}.header h1{font-size:2rem}.nav-tabs{flex-direction:column;gap:5px}.workouts-grid,.calendar-week,.progress-stats{grid-template-columns:1fr}.workout-sets{flex-direction:column;align-items:center}.timer-display{font-size:2rem}.modal-content{width:95%;margin:10% auto;padding:20px}.category-filters{grid-template-columns:repeat(2,1fr)}.filter-btn{font-size:.9rem;padding:8px 16px}}@media (max-width: 480px){.category-filters{flex-direction:column;align-items:center}.filter-btn{width:200px}.timer-controls{flex-direction:column;align-items:center}.schedule-header{flex-direction:column;gap:15px;text-align:center}}
