@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);.home-hero{align-items:center;display:flex;height:100vh;justify-content:center;padding:0 20px;position:relative;text-align:center}.home-content{animation:fadeInUp .7s ease forwards;border-radius:16px;box-shadow:0 10px 40px #00000014;max-width:1000px;padding:40px}.home-content h1{color:#fff;font-family:Life Is Okay,sans-serif;font-size:5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 5px #000}.home-content p{color:#c9cfdc;font-size:1.2rem;margin-bottom:2rem}.home-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.home-button{background-color:#0f172a;border-radius:8px;color:#fff;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.home-button:hover{background-color:#2563eb}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.home-content h1{font-size:3rem}.home-content p{font-size:1rem}.home-button{text-align:center;width:100%}}@media (max-width:480px){.home-content{padding:20px}.home-content h1{font-size:2.9rem}.home-content p{font-size:.95rem}.home-buttons{flex-direction:column}.home-button{font-size:1rem}}.dashboard{grid-gap:20px;display:grid;font-family:Segoe UI,sans-serif;gap:20px;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto;margin-left:auto;margin-right:auto;margin-top:80px;max-width:1000px;padding:40px}.card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:25px}.left-section{display:flex;flex-direction:column;gap:20px}.calorie-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-top:-55px;padding:20px;text-align:center;transition:all .3s ease;z-index:5}.calorie-card h4{color:#333;font-size:1.2rem;margin-bottom:10px}.calorie-value{color:#ff4b5c;font-size:2rem;font-weight:700}.profile-section{align-items:center;display:flex;flex-direction:column;grid-column:1/2;grid-row:1/3;height:395px;justify-content:center;text-align:center;width:420px}.profile-image{background-image:url(data:image/jpeg;base64,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);background-position:50%;background-size:cover;border-radius:100%;box-shadow:0 6px 15px #00000040;height:140px;margin-bottom:15px;width:140px}.flip-card-front{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:auto;max-width:400px;padding:10px;text-align:center}.profile-info{margin-top:5px;text-align:left;width:186px}.profile-row{display:flex;font-size:1rem;justify-content:space-between;margin-bottom:8px}.profile-label{color:#555;font-weight:600}.profile-value{color:#222;font-weight:400}.save-btn{background-color:#3b82f6;border-radius:8px;padding:10px 24px;transition:background-color .2s ease}.save-btn:hover{background-color:#2563eb}.save-btn{background:#ff4d6d;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:9px 28px;transition:background .3s ease}.save-btn:hover{background:#e03e58}.flip-card{background:#0000;color:#000;font-weight:500;height:450px;perspective:1000px}.flip-card,.flip-card-inner{position:relative;width:100%}.flip-card-inner{height:100%;transform-style:preserve-3d;transition:transform .4s ease-in-out}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:20px;box-shadow:0 12px 30px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:-25px;padding:5px;position:absolute;width:100%}.flip-card-back{transform:rotateY(180deg)}.badge-list{font-size:16px;list-style:none;margin:20px 0;padding:0;text-align:center}.badge-list li{margin-bottom:10px}.right-cards{grid-gap:20px;display:grid;gap:20px;grid-column:2/3;grid-row:1/3;grid-template-rows:1fr 1fr}.fitness-stats{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;color:#000;font-weight:700;height:95%;margin-left:15px;margin:1px auto auto;max-width:400px;padding:20px;width:90%}.fitness-stats h4{font-size:15px;margin-bottom:16px;text-align:center}.xp-circle-wrapper{margin:0 auto 20px;position:relative;text-align:center;width:100px}.xp-circle{height:100%;transform:rotate(-90deg);width:100%}.circle-bg{fill:none;stroke:#e6e6e6;stroke-width:3.8}.circle{fill:none;stroke:#4caf50;stroke-width:3.8;stroke-linecap:round;transition:stroke-dasharray .3s ease}.level-text{fill:#333;text-anchor:middle;dominant-baseline:middle;font-size:6px;transform:rotate(90deg);transform-origin:center}.xp-label{color:#555;font-size:11px;margin-top:8px}.stat-bar{margin-bottom:16px}.stat-bar label{color:#333;display:block;font-size:12px;font-weight:700;margin-bottom:4px}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;width:100%}.progress-fill1{background:#06cd6a;height:100%;transition:width .4s ease}.stat-bar span{color:#555;display:block;font-size:10px;margin-top:4px;text-align:right}.stat{display:flex;justify-content:space-between;margin-bottom:12px}.stat-summary-row{border-bottom:1px solid #ddd;border-top:1px solid #ddd;display:flex;justify-content:space-around;margin:10px 0;padding:0}.summary-box{flex:1 1;padding:10px;text-align:center}.summary-box:not(:last-child){border-right:1px solid #ddd}.summary-value{color:#333;font-size:16px;font-weight:700}.summary-label{color:#777;font-size:12px;margin-top:4px}.streak-calendar h4{color:#333;font-size:14px;font-weight:700;margin-bottom:18px;margin-top:2px}.full-calender{margin-top:0}.streak-calendar{display:flex;flex-direction:column;height:295px;margin-top:-13px;padding-top:10px;width:261px}.calendar-container{justify-content:center;margin-top:-12px}.calendar-container,.calendar-grid-wrapper{align-items:center;display:flex;position:relative}.calendar-grid-wrapper{flex-direction:column}.calendar-header{margin-bottom:10px}.month-label{font-size:15px;font-weight:700}.side-arrow{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;padding:0 10px;z-index:2}.side-arrow.left{left:-51px}.side-arrow.left,.side-arrow.right{position:absolute;top:50%;transform:translateY(-50%)}.side-arrow.right{background-color:none;right:-51px;width:-10px}.hint{color:#777;font-size:14px;margin-bottom:20px}.highlight{color:coral;font-weight:700}.calendar-grid{grid-gap:6px;display:grid;font-size:13px;gap:6px;grid-template-columns:repeat(7,1fr);margin-top:-25px}.day-name{color:#666;font-size:12px;font-weight:700;text-align:center}.day-cell,.day-name{-webkit-user-select:none;user-select:none}.day-cell{align-items:center;background:#f0f0f0;border-radius:8px;color:#333;display:flex;font-weight:500;height:19px;justify-content:center;width:25px}.day-cell.played{background-color:#28a745;color:#fff}.day-cell.today{border:2px solid #0077b6}.flip-card1{background-color:none;height:65%;margin-top:-30px;perspective:1000px;position:relative;width:110%}.flip-card1-inner{height:100%;margin-top:-20px;padding:120px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card1.flipped .flip-card1-inner{transform:rotateY(180deg)}.flip-card1-back,.flip-card1-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-sizing:border-box;height:100%;left:0;padding:20px;position:absolute;top:0;width:100%}.flip-card1-back{top:10px}.flip-card1-front{transform:rotateY(0deg);z-index:2}.flip-card1-back{background-color:#fff9e6;color:#222;max-height:360px;overflow-y:auto;transform:rotateY(180deg);z-index:1}.activity-scroll-wrapper{margin-top:10px;max-height:250px;padding-right:10px}.flip-card1-back::-webkit-scrollbar{width:6px}.flip-card1-back::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.startbutton{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:5px;margin-left:125px;padding:9px 25px}.startbutton:hover{background:#005f86}@media (max-width:768px){.dashboard{display:flex;flex-direction:column;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:40px}.profile-section{grid-column:1/2;grid-row:1/2}.right-cards{grid-column:1/2;grid-row:2/4;grid-template-rows:auto auto}.profile-section,.right-cards{width:100%}.streak-calendar{height:100%;width:100%}.calendar-grid{gap:4px}.startbutton{margin-left:0;width:100%}}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:popUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:420px;padding:40px 30px;text-align:center;width:90%}@keyframes popUp{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.modal-title{color:#111827;font-size:1.8rem;margin-bottom:20px}.result-grid{color:#374151;display:flex;flex-direction:column;font-size:1rem;gap:8px;margin-bottom:25px}.button-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.button-group button{border:none;border-radius:8px;cursor:pointer;flex:1 1 30%;font-size:.95rem;font-weight:600;padding:10px 16px;transition:background .3s ease}.quit-btn{background-color:#ef4444;color:#fff}.retry-btn{background-color:#f59e0b;color:#fff}.next-btn{background-color:#10b981;color:#fff}.button-group button:hover{opacity:.9}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.map-wrapper{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:95vh;justify-content:space-between;justify-content:center;padding:10px}.left-card{flex:0 0 170px;position:-webkit-sticky;position:sticky;top:110px}.map-container{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 10px 25px #0000000f;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;max-height:96vh;max-width:680px;overflow-y:auto;padding:24px 16px;width:100%}.map-title{color:#111;font-size:1.8rem;font-weight:700;margin-bottom:24px;text-align:center}.level-grid{grid-gap:16px 18px;display:grid;gap:16px 18px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,90px);margin-bottom:20px}.level-card{align-items:center;background:#fefefe;border:1.5px solid #bbb;border-radius:10px;box-shadow:0 1px 4px #00000014;cursor:pointer;display:flex;font-size:.85rem;padding:12px;transition:all .3s ease}.level-card.unlocked:hover{background-color:#e3f0f9;border-color:#0a4d7a;box-shadow:0 4px 12px #004d7a40}.level-card.locked{background-color:#f7f7f7;border-color:#ccc;color:#999;cursor:not-allowed}.level-icon{align-items:center;color:#0a4d7a;display:flex;font-size:28px;justify-content:center;margin-right:10px;text-align:center;width:34px}.level-icon-img{height:38px;object-fit:contain;width:38px}.level-info{display:flex;flex-direction:column;flex-grow:1}.level-name{color:#0a4d7a;font-size:.95rem;font-weight:600}.level-desc{color:#555;font-size:.75rem;font-style:italic;margin-top:2px}.pagination{align-items:center;color:#0a4d7a;display:flex;font-size:.9rem;font-weight:600;gap:14px;justify-content:center}.pagination button{background:#fff;border:1.5px solid #0a4d7a;border-radius:6px;color:#0a4d7a;cursor:pointer;font-size:1.1rem;padding:4px 12px;transition:background-color .3s ease,color .3s ease}.pagination button:disabled{border-color:#ccc;color:#ccc;cursor:default}.pagination button:not(:disabled):hover{background-color:#0a4d7a;color:#fff}@media (max-width:600px){.map-wrapper{align-items:stretch;flex-direction:column;height:auto;padding:10px}.map-container{margin-left:2rem;max-height:none;padding:16px;width:100%;width:90%}.level-grid{gap:14px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.level-card{font-size:.8rem;padding:10px}.level-icon-img{height:30px;width:30px}.map-title{font-size:1.5rem}.pagination{font-size:.85rem;gap:10px}.pagination button{font-size:1rem;padding:4px 10px}.left-card{display:flex;justify-content:center;margin-bottom:16px;position:relative;top:auto}}@media (min-width:601px) and (max-width:900px){.level-grid{gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.map-container{max-width:90%}.left-card{display:flex;justify-content:center;margin-bottom:20px;position:relative;top:auto}}.xp-card-row{background:#023e32;border:2px solid #efeaea;border-radius:12px;box-shadow:0 4px 20px #00000026;color:#eae8ff;font-family:Poppins,sans-serif;gap:9rem;justify-content:space-between;max-width:789px;padding:0 1.5rem;width:103%}.left-section1,.xp-card-row{align-items:center;display:flex}.left-section1{flex-direction:column;gap:0;min-width:70px}.center-section{flex:2 1;text-align:center}.right-section{display:flex;flex:1 1;flex-direction:column;justify-content:center}.badge-icon{font-size:1.5rem}.badge-title{font-size:1.2rem;font-weight:700}.progress-bar{background-color:#efeaea;border-radius:6px;height:10px;margin-top:5px;overflow:hidden}.progress-bar.small{height:5px;width:130px}.progress-fill{background:linear-gradient(90deg,#a5ff56,#3ef61e);height:100%;transition:width .5s ease}@media (max-width:768px){.xp-card-row{align-items:stretch;flex-direction:column;gap:0;margin-top:8rem;padding:15px;text-align:center;width:80%}.center-section,.left-section1,.right-section{align-items:center;flex:1 1 100%}.progress-bar.small{max-width:100%;width:80%}}@media (max-width:480px){.badge-title{font-size:1.1rem}.badge-icon{font-size:1.6rem}}.leaderboard-wrapper{display:flex;justify-content:center;margin-top:8rem;padding:20px}.leaderboard-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 18px #0000001a;max-width:900px;padding:24px;width:100%}.leaderboard-heading{color:#333;font-size:28px;margin-bottom:24px;text-align:center}.table-container{overflow-x:auto;width:100%}.leaderboard-table{border-collapse:collapse;min-width:600px;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #eee;color:#333;padding:12px;text-align:left}.leaderboard-table th{background-color:#f9f9f9;color:#555;font-weight:600}@media (max-width:768px){.leaderboard-card{padding:16px}.leaderboard-heading{font-size:22px}.leaderboard-table td,.leaderboard-table th{font-size:14px;padding:10px}}@media (max-width:480px){.leaderboard-heading{font-size:20px}.leaderboard-table{min-width:480px}}.register-card{background:#fff;background-image:linear-gradient(90deg,#f0f4ff,#e0e7ff);border:1px solid #dbeafe;border-radius:1rem;box-shadow:0 8px 24px #00000014;margin:115px auto 2rem;max-width:480px;padding:2rem}.register-form{margin-top:-25px}.register-card-title{color:#1e3a8a;font-size:1.75rem;font-weight:700;margin-bottom:2rem;margin-top:-25px;text-align:center}.register-card-form{display:flex;flex-direction:column;gap:1.2rem}.register-label{color:#374151;display:block;font-weight:600;margin-bottom:.3rem}.register-input,.register-select{background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;padding:.75rem;width:100%}.register-input:focus,.register-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.register-button{background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;margin-left:40px;margin-top:9px;padding:.75rem;transition:background-color .2s ease}.register-button:hover{background-color:#2563eb}.white-navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border-radius:12px;box-shadow:0 8px 24px #0000001a;left:50%;max-width:1200px;padding:1rem 2rem;position:absolute;top:30px;transform:translateX(-50%);width:calc(100% - 80px);z-index:1000}.white-navbar-container{align-items:center;display:flex;justify-content:space-between}.white-navbar-logo{color:#250062;font-size:1.5rem;font-weight:700}.white-navbar-links{align-items:center;display:flex;gap:2rem}.white-nav-link{color:#250062;font-size:1rem;font-weight:500;padding:.3rem 0;position:relative;text-decoration:none}.white-nav-link:after{background-color:#250062;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.white-nav-link.active:after,.white-nav-link:hover:after{width:100%}.logout-link{color:#730011;cursor:pointer}.menu-icon{color:#250062;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.white-navbar{height:80px}.white-navbar-container{align-items:flex-start;background-color:beige;border-radius:10px;flex-direction:column}.menu-icon{align-self:flex-end;display:block;font-size:3rem;font-weight:700;margin-top:-3rem}.white-navbar-links{display:none;flex-direction:column;gap:1rem;margin-top:1rem;width:100%}.white-navbar-links.active{display:flex}.white-nav-link{font-size:1.1rem;padding:.5rem 0}}body,html{height:100%;height:-webkit-max-content;height:max-content;padding:0}body,html{font-family:Poppins,sans-serif;margin:0}body{background:linear-gradient(to bottom right,#0f172a,#1e3a8a);background-image:url(/static/media/gym5.d667a95f781483142e25.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#f8fafc;min-height:100vh;position:relative}body:before{background:radial-gradient(ellipse at center,#000000cf 10%,#000c 100%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.app-container{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:100%;width:100%}.page{background:#ffffffdd;border-radius:16px;box-shadow:0 8px 20px #00000026;margin-bottom:3rem;margin-top:50px;padding:2.5rem 3rem;transition:box-shadow .3s ease;width:90%}.page:hover{box-shadow:0 12px 30px #00000040}h1,h2,h3{color:#2d3436;font-weight:700;margin-bottom:1.25rem}h1{font-size:2.8rem;letter-spacing:.05em}h2{font-size:2.2rem}h3{font-size:1.6rem}button{background-color:#00b894;border:none;border-radius:12px;box-shadow:0 6px 15px #00b89466;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:14px 28px;transition:background-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}button:hover{background-color:#019875;box-shadow:0 8px 20px #01987599}button:active{transform:scale(.98)}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}@media (max-width:600px){.page{margin-bottom:2rem;padding:1.5rem}button{font-size:1rem;padding:12px 20px}}
/*# sourceMappingURL=main.9d0ad405.css.map*/