.home-page{padding:24px;display:flex;flex-direction:column;align-items:left;justify-content:space-evenly;width:100%}.home-greeting{font-size:24px;font-weight:600;margin-bottom:16px;margin-top:70px}.stats-title{margin-top:20px;font-size:18px;font-weight:700;margin-bottom:12px}.stats-grid{display:flex;flex-wrap:wrap;gap:12px}.stat-card{flex:1 1 45%;min-width:140px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-title{font-weight:600;margin-bottom:4px}.stat-value{font-size:20px;font-weight:700}.stat-icon{font-size:32px;margin-bottom:8px}.homebuttons{display:flex;align-items:center;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 1px 4px #0000001a;cursor:pointer;justify-content:space-between;margin-top:16px;width:50%}.start-activity-button{margin-top:10px;justify-content:center}.activity-options{display:flex;flex-direction:column;margin-top:20px;border:none}.activity-button{display:flex;margin-top:10px;justify-content:center;font-weight:700;border:none}.manual-form{display:flex;flex-direction:column;margin-top:20px;font-size:14px}.input-field{text-align:left;font-weight:300;color:#111827;background:#fff;margin-top:10px;border:none;font-size:12px;display:flex;align-items:center;border-radius:16px;padding:12px 16px;box-shadow:0 1px 4px #0000001a;cursor:pointer;width:100%}.dropdown{text-align:left;font-weight:300;color:#111827;background:#fff;margin-top:10px;font-size:12px;display:flex;align-items:center;border-radius:16px;padding:12px 16px;box-shadow:0 1px 4px #0000001a;cursor:pointer;width:100%;border:none}.progress-bar-container{background-color:#eee;border-radius:20px;overflow:hidden;height:20px;width:100%;margin:10px 0;position:relative}.progress-bar{background:linear-gradient(to right,#a1e12b,#f5ea26);height:100%;transition:width .4s ease}.progress-label{font-size:12px;text-align:center;margin-top:8px;color:#333}.motivational{text-align:left;font-weight:300;color:#111827;font-size:14px;margin-top:15px;margin-bottom:15px;display:flex;align-items:center}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scaleX(1.05)}to{transform:scaleX(1)}}.progress-bar.pulse{animation:pulse .6s ease-in-out}.stat-home{text-align:center;font-size:12px;font-weight:300}.home-emo{font-size:40px;align-items:center}.results-page{padding:24px;display:flex;flex-direction:column;align-items:left;justify-content:space-evenly;margin-bottom:70px}.results-active{font-size:16px;font-weight:300;margin-bottom:8px;margin-top:75px}.results-reached{font-size:16px;font-weight:300;margin-bottom:8px}.activity-list{list-style:none;padding:0;margin-bottom:24px}.activity-item{flex-direction:column;background:#fff;padding:8px;margin-bottom:8px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;text-align:left}.activity-emoji{font-size:16px}.results-stats{display:flex;flex-direction:column;gap:8px}.stat-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000001a}.stat-title,.stat-value{font-weight:300;font-size:16px;text-align:left}.friend-card{display:flex;align-items:center;background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #00000014;cursor:pointer;transition:background-color .2s;margin-bottom:12px}.friend-card:hover{background-color:#f3f4f6}.friend-avatar{width:40px;height:40px;border-radius:50%;margin-right:16px}.friend-text{flex:1}.friend-name{font-weight:600;color:#111827;margin:0}.friend-message{font-size:14px;color:#6b7280;margin:4px 0 0}.social-page{padding:24px;margin-bottom:70px}.searchbar{width:100%;padding:12px;border-radius:12px;border:1px solid #d1d5db;margin-bottom:20px;font-size:16px;margin-top:90px}.friend-list{display:flex;flex-direction:column}.friends{font-size:16px;font-weight:300;margin-bottom:10px}.account-page{padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center}.account-profile{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.profile-image-wrapper{cursor:pointer}.profile-image{width:100px;height:100px;margin-top:80px;border-radius:50%;object-fit:cover;border:2px solid #ccc}.account-box{display:flex;flex-direction:column;margin-top:8px;padding:12px 3px;width:100%;text-align:left}.account-name{font-size:16px;font-weight:300}.account-stats{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.stat-box{border:1px solid #000;padding:12px 16px;border-radius:12px;font-size:14px}.account-actions{display:flex;flex-direction:column;gap:12px;padding:12px 0;width:100%;text-align:left;margin-bottom:70px}.action-button{padding:14px;border:1px solid #000;border-radius:12px;font-size:16px;text-align:left;background:#fff;cursor:pointer}.change-photo{margin-top:8px;margin-bottom:25px;font-size:12px;font-weight:300}.chat-page{padding:24px}.chat-title{font-size:20px;font-weight:600;margin-bottom:16px}.chat-message{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:16px;margin-bottom:20px}.chat-input-group{display:flex;gap:8px}.chat-input{flex:1;padding:12px;border-radius:12px;border:1px solid #d1d5db}.chat-button{background-color:#3b82f6;color:#fff;padding:12px 16px;border:none;border-radius:12px;cursor:pointer}.navbar{position:fixed;bottom:0;width:100%;height:70px;background:linear-gradient(to bottom,#a1e12b,#f5ea26);border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:12px 0;align-items:center;box-shadow:inset 0 1px 3px #0000000d;border-top-left-radius:20px;border-top-right-radius:20px}.nav-link{font-size:18px;color:#093a06;text-decoration:none}.nav-link:hover{color:#3b82f6}.nav-link.active{color:#000;font-weight:600}.header{display:flex;justify-content:space-between;align-items:center;padding:16px;position:fixed;background:radial-gradient(circle,#a1e12b,#f5ea26);width:100%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 2px 4px #0000001a;height:75px;z-index:1}.logo{width:60px;height:60px;border-radius:50%;margin-left:.5rem}.title{font-size:20px;font-weight:600;align-self:end}.profile-container{display:flex;position:relative;align-content:center;margin-right:.5rem}.profile-img{width:60px;height:60px;border-radius:50%;border:1px solid black}.instellingen-page{display:flex;flex-direction:column}.instellingen-item{display:flex;align-items:center;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:1px 4px #0000001a;cursor:pointer;width:100%;font-size:16px;font-weight:300;color:#000}.instellingen-icoon{background:#e6f0e6;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:18px}.instellingen-label{flex:1;font-weight:300;color:#111827;text-align:left}.instellingen-pijl{color:#4b5563;font-size:20px}.setting{display:flex;flex-direction:column;margin-top:100px;padding:16px;gap:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden;overflow-y:auto;font-family:Poppins,sans-serif;display:flex;flex-direction:column;background:#fafafa;color:#000}.dark-mode{background-color:#000;color:#fff}