*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center}#root,body{background-color:#f8f9ff;min-height:100vh}#root{max-width:500px;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bottom-nav-height:90px;--bottom-nav-safe-padding:20px;--page-bottom-padding:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-padding))}.App{width:100%}.container{background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px;padding:30px 30px 110px;padding-bottom:var(--page-bottom-padding)}.title{color:#d35400;font-size:32px;font-weight:700;margin-bottom:10px}.subtitle,.title{text-align:center}.subtitle{color:#7b7b7b;font-size:18px;margin-bottom:20px}.button{background-color:orange;border:none;border-radius:15px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:500;margin:8px auto;max-width:280px;padding:18px 40px;transition:all .3s ease;width:100%}.button:hover{background-color:#ff8c00;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-back{font-size:16px;margin-top:20px;max-width:200px;padding:14px 30px}.activity-card{background-color:#fff1d6;border-left:4px solid orange;border-radius:12px;margin:10px 0;padding:20px}.activity-icon{font-size:24px;margin-bottom:8px}.activity-time{color:#d35400;font-size:14px;font-weight:700;margin-bottom:8px}.activity-description{color:#000;font-size:16px;font-weight:500;margin-bottom:5px}.activity-details{color:#000;font-size:13px;margin-bottom:5px}.activity-type{color:#666;font-size:12px}.scrollable-list{max-height:400px;overflow-y:auto;padding-right:10px}.scrollable-list::-webkit-scrollbar{width:8px}.scrollable-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.scrollable-list::-webkit-scrollbar-thumb{background:orange;border-radius:10px}.scrollable-list::-webkit-scrollbar-thumb:hover{background:#ff8c00}.empty-state{color:#7b7b7b}.loading{color:#d35400;font-size:18px;padding:40px 20px;text-align:center}.loading-screen{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.loading-cat-image{height:100%;object-fit:contain;object-position:center;width:100%}.loading-spinner-container{height:60px;left:50%;position:absolute;top:15%;transform:translateX(-50%);width:60px}.loading-spinner{animation:rotate 2s linear infinite;height:100%;width:100%}.spinner-circle{stroke:orange;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.home-title{color:#000;margin-bottom:20px}.menu-list{display:flex;flex-direction:column;gap:12px}.menu-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.menu-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.menu-icon{font-size:32px;text-align:center;width:40px}.menu-text{color:#000;flex:1 1;font-size:16px;font-weight:500}.menu-arrow{color:#999;font-size:24px}.nutrition-card{background:#fff3e0;margin-bottom:20px;padding:16px}.nutrition-card,.profile-header{border-radius:12px;box-shadow:0 2px 8px #0000001a}.profile-header{background:#fff;margin-bottom:15px;padding:20px}.avatar-circle,.profile-header{align-items:center;display:flex}.avatar-circle{background:linear-gradient(135deg,#ff9800,#ffa726);border-radius:50%;color:#fff;flex-shrink:0;font-size:28px;font-weight:700;height:60px;justify-content:center;margin-right:15px;width:60px}.profile-info{min-width:0}.profile-name{color:#000;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-id{color:#666;font-size:13px;margin:0}.setting-row-switch{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:15px;padding:16px}.switch{display:inline-block;height:31px;position:relative;width:51px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:not-allowed;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:23px;left:4px;width:23px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(20px)}.section-title{color:#666;font-size:14px;margin:20px 0 10px 5px;text-transform:uppercase}.settings-list{display:flex;flex-direction:column;gap:8px}.setting-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.setting-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.setting-label{color:#000;font-size:16px;font-weight:500}.setting-value-row{align-items:center;display:flex;gap:8px}.setting-value{color:#666;font-size:14px}.setting-value .arrow{color:#999;font-size:20px}.subscription-current-card{background:linear-gradient(135deg,#ff9800,#ffa726);border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;margin-bottom:20px;padding:20px}.tier-name{font-size:24px;font-weight:700;margin:10px 0}.tier-expires{font-size:14px;margin-top:8px;opacity:.9}.features-list{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.features-list h3{color:#333;font-size:16px;margin:0 0 12px}.feature-item{color:#666;font-size:14px;padding:8px 0}.modal-overlay{align-items:flex-end;animation:fadeIn .2s ease;z-index:2000}.modal-content{animation:slideUp .3s ease;border-radius:20px 20px 0 0}.modal-title{color:#000;margin:0 0 20px}.modal-input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:16px;margin-bottom:20px;padding:14px;width:100%}.modal-input:focus{border-color:#ff9800;outline:none}.modal-buttons{display:flex;gap:12px}.modal-button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease}.modal-button:disabled{cursor:not-allowed;opacity:.5}.modal-button-cancel{background:#f5f5f5;color:#000}.modal-button-cancel:hover:not(:disabled){background:#e0e0e0}.modal-button-save{background:#ff9800;color:#fff}.modal-button-save:hover:not(:disabled){background:#ff8c00}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-card{background:#e8f5e9;border-radius:12px;padding:16px}.task-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.task-icon{font-size:32px}.task-title{color:#000;flex:1 1;font-size:14px;font-weight:500}.task-progress-text{color:#000;font-size:16px;font-weight:700}.task-progress-bar{background:#d3d3d3;border-radius:4px;height:8px;overflow:hidden;width:100%}.task-progress-fill{background:#ff8c00;border-radius:4px;height:100%;transition:width .3s ease}.bottom-nav{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -2px 10px #0000001a;justify-content:space-around;left:0;margin:0 auto;max-width:500px;padding:12px 0 calc(16px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:1000}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{cursor:pointer;flex:1 1;flex-direction:column;gap:4px;max-width:80px;padding:4px 12px;transition:all .2s ease}.nav-icon-wrapper{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.nav-icon-wrapper.active{background-color:#c4f82a}.nav-icon{color:#fff;font-size:24px;transition:color .3s ease}.nav-icon-wrapper.active .nav-icon{color:#2d2d2d}.nav-text{color:#fff;font-size:11px;font-weight:500;text-align:center;white-space:nowrap}.nav-item.active .nav-text{font-weight:600}.nav-item:active{transform:scale(.95)}@media (max-width:360px){.bottom-nav{padding:10px 0 calc(14px + env(safe-area-inset-bottom, 0px))}.nav-text{font-size:10px}.nav-icon{font-size:22px}.nav-icon-wrapper{height:36px;width:36px}}.circular-progress-container{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative}.circular-progress-svg{height:100%;transform:rotate(0deg);width:100%}.progress-bg{fill:none;stroke:#e5e5e5}.progress-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.progress-content{align-items:center;display:flex;flex-direction:column;gap:4px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-emoji{font-size:28px;margin-bottom:4px}.progress-value{color:#2d2d2d;font-size:36px;font-weight:700;line-height:1}.progress-label{color:#666;font-size:14px;margin-top:2px}@media (max-width:360px){.progress-emoji{font-size:24px}.progress-value{font-size:32px}.progress-label{font-size:12px}}.micronutrient-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;padding:12px 0}.micronutrient-item:last-child{border-bottom:none}.micronutrient-icon{align-items:center;background-color:#2d2d2d;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.micronutrient-symbol{color:#fff;font-size:14px;font-weight:700}.micronutrient-info{flex:1 1}.micronutrient-name{color:#2d2d2d;font-size:15px;font-weight:500}.micronutrient-status{align-items:center;display:flex;gap:8px}.micronutrient-percentage{color:#666;font-size:14px}.micronutrient-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.meal-card{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;overflow:hidden}.meal-photo{background-color:#e5e5e5;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:180px;justify-content:flex-end;padding:16px;position:relative;width:100%}.meal-photo:before{background:linear-gradient(180deg,#0000,#00000080);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.meal-name-overlay{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px;text-shadow:0 2px 4px #0000004d;z-index:1}.meal-description{color:#fff;font-size:14px;line-height:1.4;text-shadow:0 1px 3px #0000004d;z-index:1}.meal-badges{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.badge{color:#fff;font-size:13px;font-weight:500;padding:6px 12px;white-space:nowrap}.badge-calories{background-color:#5b9fff}.badge-protein{background-color:#9d7fff}.badge-fat{background-color:#ffb84d}.badge-carbs{background-color:#7fd957}.meal-footer{justify-content:space-between;padding:0 16px 16px}.meal-fe,.meal-footer{align-items:center;display:flex}.meal-fe{gap:8px}.fe-circle{align-items:center;background-color:#2d2d2d;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.fe-percentage{color:#2d2d2d;font-size:14px;font-weight:600}.meal-time{color:#666;font-size:13px}.meal-photo:not([style*=url]){background:linear-gradient(135deg,#ffe5b4,#ffd19e 50%,#ffb84d);position:relative}.meal-photo:not([style*=url]):after{content:"🍽️";font-size:48px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.quick-menu-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quick-menu-content{animation:slideUp .3s ease;background:#fff;border-radius:24px 24px 0 0;max-width:500px;padding:20px;padding-bottom:calc(var(--page-bottom-padding) + 20px);width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.quick-menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.quick-menu-header h3{color:#2d2d2d;font-size:18px;font-weight:700;margin:0}.quick-menu-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.quick-menu-items{display:flex;flex-direction:column;gap:12px}.quick-menu-item{align-items:center;background:#f8f8f8;border:none;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .2s ease}.quick-menu-item:hover{background:#f0f0f0;transform:translateX(4px)}.quick-menu-item:active{transform:scale(.98)}.quick-menu-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;font-size:28px;height:48px;justify-content:center;width:48px}.quick-menu-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.quick-menu-item-title{color:#2d2d2d;font-size:16px;font-weight:600}.quick-menu-item-desc{color:#666;font-size:13px}.add-meal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-meal-content{animation:scaleIn .3s ease;background:#fff;border-radius:24px;max-width:400px;padding:24px;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.add-meal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-meal-header h3{color:#2d2d2d;font-size:20px;font-weight:700;margin:0}.add-meal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.add-meal-input-section{margin-bottom:16px}.add-meal-input-section label{color:#2d2d2d;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.add-meal-input-section textarea{border:2px solid #e5e5e5;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:14px;resize:none;transition:border-color .2s;width:100%}.add-meal-input-section textarea:focus{border-color:#8b5cf6;outline:none}.add-meal-input-section textarea::placeholder{color:#999}.add-meal-examples{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.add-meal-examples span{color:#666;font-size:13px}.add-meal-examples button{background:#f5f5f5;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.add-meal-examples button:hover{background:#e8e8e8;color:#2d2d2d}.add-meal-error{background:#fee2e2;border-radius:12px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px}.add-meal-analyze-btn{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.add-meal-analyze-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.add-meal-analyze-btn:disabled{cursor:not-allowed;opacity:.6}.add-meal-result{background:#f8f8f8;border-radius:16px;margin-bottom:16px;padding:20px}.add-meal-dish-name{color:#2d2d2d;font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.add-meal-macros{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.add-meal-macro{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;padding:12px 8px}.add-meal-macro .macro-value{color:#2d2d2d;font-size:18px;font-weight:700}.add-meal-macro .macro-label{color:#666;font-size:11px;margin-top:4px}.add-meal-weight{color:#666;font-size:14px;margin-top:12px;text-align:center}.add-meal-actions{display:flex;gap:12px}.add-meal-back-btn{background:#f5f5f5;border:none;border-radius:12px;color:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.add-meal-back-btn:hover:not(:disabled){background:#e8e8e8}.add-meal-save-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:2 1;font-size:15px;font-weight:600;padding:14px;transition:all .3s ease}.add-meal-save-btn:hover:not(:disabled){box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}.add-meal-back-btn:disabled,.add-meal-save-btn:disabled{cursor:not-allowed;opacity:.6}.home-container{margin:0 auto;max-width:500px;padding:20px;padding-bottom:var(--page-bottom-padding)}.home-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.home-title{color:#2d2d2d;font-size:24px;font-weight:700;margin:0}.cat-mascot{height:180px;width:180px}.quick-start-button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:20px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:0 auto 30px;max-width:280px;padding:16px 24px;transition:all .3s ease;width:100%}.quick-start-button:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.quick-start-button:active{transform:translateY(0)}.meals-section,.micronutrients-section,.stats-section{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;padding:20px}.section-title{margin:0 0 20px}.macros-row{display:flex;gap:12px;margin-top:20px}.macro-item{display:flex;flex:1 1;flex-direction:column;gap:4px}.macro-label{align-items:center;color:#666;display:flex;font-size:13px;font-weight:500;gap:6px}.macro-dot{border-radius:50%;height:8px;width:8px}.macro-value{color:#2d2d2d;font-size:16px;font-weight:700}.macro-bar{background:#e5e5e5;border-radius:3px;height:6px;overflow:hidden;width:100%}.macro-bar-fill{border-radius:3px;height:100%;transition:width .6s ease}.meals-list{display:flex;flex-direction:column;gap:0}.meals-section{background:#0000;box-shadow:none;padding:0}.meals-section .section-title{margin-bottom:16px;margin-left:0}.loading-placeholder,.meals-placeholder,.no-data-placeholder{color:#666;padding:40px 20px;text-align:center}.no-data-placeholder{font-size:16px}.no-data-placeholder p:first-child{color:#2d2d2d;font-size:18px;font-weight:600}@media (max-width:360px){.cat-mascot{height:150px;width:150px}.quick-start-button{font-size:15px;padding:14px 20px}.section-title{font-size:16px}.macros-row{gap:8px}.macro-label{font-size:12px}.macro-value{font-size:14px}}.tasks-container{margin:0 auto;max-width:500px;padding:20px;padding-bottom:var(--page-bottom-padding)}.tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tasks-title{color:#2d2d2d;font-size:24px;font-weight:700;margin:0}.cat-section{display:flex;justify-content:center;margin:20px 0}.cat-mascot{height:140px;object-fit:contain;width:140px}.challenges-section{margin-bottom:20px}.challenge-card{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px;color:#fff;display:flex;flex-direction:column;gap:16px;padding:20px}.challenge-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:40px;height:60px;justify-content:center;width:60px}.challenge-content{flex:1 1}.challenge-title{font-size:18px;font-weight:700;margin-bottom:8px}.challenge-description{font-size:14px;line-height:1.5;opacity:.95}.challenge-progress{font-size:14px;margin-top:4px;opacity:.9}.challenge-reward{font-size:14px;font-weight:600;margin-bottom:4px;opacity:.95}.challenge-status{align-self:center;font-size:24px}.challenge-button{align-self:flex-start;background:#fff;border:none;border-radius:16px;color:#8b5cf6;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .3s ease}.challenge-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.energy-section{margin-bottom:20px}.energy-card{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;flex-direction:column;gap:12px;padding:24px}.energy-card,.energy-icon{align-items:center;display:flex}.energy-icon{background:linear-gradient(135deg,#c4f82a,#bfdb38);border-radius:50%;font-size:32px;height:60px;justify-content:center;width:60px}.energy-value{color:#2d2d2d;font-size:28px;font-weight:700}.energy-text{color:#666;font-size:14px;text-align:center}.rewards-section{margin-bottom:20px}.rewards-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.reward-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:16px}.reward-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.reward-content{flex:1 1}.reward-title{color:#2d2d2d;font-size:15px;font-weight:600;margin-bottom:4px}.reward-cost{color:#8b5cf6;font-size:14px;font-weight:700;margin-bottom:6px}.reward-description{color:#666;font-size:13px;line-height:1.4}.select-reward-button{background:linear-gradient(135deg,#c4f82a,#bfdb38);border:none;border-radius:20px;box-shadow:0 4px 12px #c4f82a4d;color:#2d2d2d;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.select-reward-button:hover{box-shadow:0 6px 16px #c4f82a66;transform:translateY(-2px)}.quests-section{margin-bottom:20px}.quests-progress{color:#666;font-size:14px;margin:0 0 16px}.quests-list{display:flex;flex-direction:column;gap:12px}.quest-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:16px}.quest-card.incomplete{opacity:.5}.quest-emoji{align-items:center;background:#f8f9ff;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.quest-content{flex:1 1}.quest-title{color:#2d2d2d;font-size:15px;font-weight:600;margin-bottom:4px}.quest-description{color:#666;font-size:13px;line-height:1.4}.quest-reward{margin-top:4px}.quest-points,.quest-reward{color:#8b5cf6;font-size:14px;font-weight:700}.quest-points{white-space:nowrap}.quest-icon{align-items:center;background:#f8f9ff;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.quest-icon,.quest-status{flex-shrink:0;font-size:24px}.quest-status.completed{color:#4caf50}.quest-status.pending{color:#ffa726}.quest-button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.quest-button:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.quest-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.quest-card.completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.quest-card.completed .quest-icon{background:#4caf5033}.error-message{color:#e53935;font-size:14px;padding:20px;text-align:center}.error-message button{background:#8b5cf6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:10px 24px}@media (max-width:360px){.tasks-container{padding:16px}.cat-mascot{height:120px;width:120px}.section-title{font-size:16px}.challenge-card{padding:16px}.quest-card,.reward-card{gap:12px;padding:12px}.quest-emoji,.reward-icon{font-size:20px;height:40px;width:40px}}.spo-widget{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;padding:20px}.spo-widget.loading{color:#666;padding:40px 20px;text-align:center}.spo-header{margin-bottom:20px}.spo-title{color:#2d2d2d;font-size:18px;font-weight:700;margin:0 0 4px}.spo-subtitle{color:#666;font-size:13px;margin:0}.spo-circle-container{height:180px;margin:20px auto;position:relative;width:180px}.spo-circle-svg{height:100%;width:100%}.spo-circle-bg{fill:none;stroke:#e5e5e5}.spo-circle-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.spo-circle-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.spo-value{font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.spo-rating{color:#666;font-size:14px;font-weight:500}.spo-status-text{font-size:15px;font-weight:600;margin:0 0 20px;text-align:center}.spo-scores{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.spo-score-item{align-items:center;background:#f8f9ff;border-radius:12px;display:flex;gap:12px;padding:12px}.spo-score-icon{font-size:24px;text-align:center;width:36px}.spo-score-label{color:#2d2d2d;flex:1 1;font-size:14px}.spo-score-value{color:#8b5cf6;font-size:16px;font-weight:700}.spo-warnings{background:#fff3cd;border-radius:12px;margin-bottom:16px;padding:12px}.spo-warning{color:#856404;font-size:13px;margin-bottom:4px}.spo-warning:last-child{margin-bottom:0}.spo-details-button{border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 16px;transition:all .3s ease;width:100%}.spo-details-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.spo-details-button:active{transform:translateY(0)}.spo-details-table{border-top:2px solid #e5e5e5;margin-top:16px;padding-top:16px}.spo-details-title{color:#2d2d2d;font-size:15px;font-weight:600;margin:0 0 12px}.spo-table-wrapper{background:#f8f9ff;border-radius:12px;max-height:300px;overflow-y:auto;padding:8px}.spo-table{border-collapse:collapse;font-size:13px;width:100%}.spo-table thead tr{border-bottom:2px solid #e5e5e5}.spo-table th{color:#666;font-size:12px;font-weight:600;padding:8px 6px;text-align:left;text-transform:uppercase}.spo-table th:nth-child(2),.spo-table th:nth-child(3),.spo-table th:nth-child(4){text-align:right}.spo-table tbody tr{border-bottom:1px solid #e5e5e5}.spo-table tbody tr:last-child{border-bottom:none}.spo-table td{padding:10px 6px}.nutrient-name{color:#2d2d2d;font-weight:600}.nutrient-intake,.nutrient-rda{color:#666;text-align:right}.nutrient-supp{color:#8b5cf6;font-size:11px;margin-top:2px}.nutrient-score{font-size:14px;font-weight:700;text-align:right}@media (max-width:360px){.spo-widget{padding:16px}.spo-circle-container{height:150px;width:150px}.spo-value{font-size:40px}.spo-score-icon{font-size:20px;width:32px}.spo-table{font-size:12px}.spo-table td,.spo-table th{padding:6px 4px}}.progress-container{margin:0 auto;max-width:500px;padding:20px;padding-bottom:var(--page-bottom-padding)}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.progress-title{color:#2d2d2d;font-size:24px;font-weight:700;margin:0}.main-tabs{background:#f0f0f0;border-radius:16px;display:flex;gap:8px;margin-bottom:20px;padding:4px}.main-tab{background:#0000;border:none;border-radius:12px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.main-tab.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#8b5cf6}.period-tabs{display:flex;gap:8px;margin-bottom:20px}.tab{background:#e5e5e5;border:none;border-radius:16px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.tab.active{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.tab:hover:not(.active){background:#d0d0d0}.progress-section{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;padding:20px}.progress-section:has(.spo-widget){background:#0000;box-shadow:none;padding:0}.section-subtitle{color:#2d2d2d;font-size:18px;font-weight:700;margin:0 0 8px}.period-title{color:#666;font-size:14px;font-weight:500;margin:0 0 8px}.congrats-text{color:#4ade80;font-size:14px;margin:0 0 16px}.chart-wrapper{margin:20px 0}.stats-row{display:flex;flex-direction:column;gap:12px;margin-top:16px}.stat-item{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#666}.stat-value{color:#2d2d2d;font-size:16px;font-weight:700}.pie-chart-wrapper{display:flex;justify-content:center;margin:20px 0}.macros-legend{gap:16px;margin-top:16px}.legend-row,.macros-legend{display:flex;flex-direction:column}.legend-row{gap:8px}.legend-title{color:#666;font-size:13px;font-weight:500}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{align-items:center;color:#2d2d2d;display:flex;font-size:13px;gap:6px}.legend-dot{border-radius:50%;height:10px;width:10px}.achievements-list,.micronutrients-list{display:flex;flex-direction:column;margin-top:16px}.achievements-list{gap:12px}.achievement-card{align-items:center;background:#f8f9ff;border-radius:16px;display:flex;gap:16px;padding:16px}.achievement-emoji{align-items:center;background:#fff;border-radius:12px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.achievement-content{flex:1 1}.achievement-title{color:#2d2d2d;font-size:15px;font-weight:600;margin-bottom:4px}.achievement-description{color:#666;font-size:13px;line-height:1.4}.achievement-points{color:#8b5cf6;font-size:16px;font-weight:700;white-space:nowrap}@media (max-width:360px){.progress-container{padding:16px}.period-tabs{gap:6px}.tab{font-size:13px;padding:8px 12px}.section-subtitle{font-size:16px}.achievement-card{gap:12px;padding:12px}.achievement-emoji{font-size:28px;height:40px;width:40px}}.leaderboard-content{margin-top:20px}.leaderboard-stats{margin-bottom:20px}.stat-card-large{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;padding:24px;text-align:center}.stat-label{font-size:14px;margin-bottom:8px;opacity:.9}.stat-value-large{font-size:32px;font-weight:700}.leaderboard-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.leaderboard-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;padding:16px;transition:all .3s ease}.leaderboard-item.current-user{background:#fff9e6;border-color:gold}.leaderboard-rank{font-size:24px;font-weight:700;min-width:40px;text-align:center}.leaderboard-name{color:#2d2d2d;flex:1 1;font-size:16px;font-weight:600}.leaderboard-item.current-user .leaderboard-name{color:#d68910}.leaderboard-points{align-items:center;color:#ff8c00;display:flex;font-size:20px;font-weight:700;gap:4px}.empty-state{color:#666;font-size:16px;padding:40px 20px}.reminders-container{margin:0 auto;max-width:500px;padding:20px;padding-bottom:var(--page-bottom-padding)}.reminders-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.reminders-title{color:#2d2d2d;font-size:24px;font-weight:700;margin:0}.add-reminder-button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:16px;transition:all .3s ease;width:100%}.add-reminder-button:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.reminder-form{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.form-group{margin-bottom:16px}.form-group label{color:#2d2d2d;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e5e5e5;border-radius:12px;box-sizing:border-box;font-size:16px;padding:14px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#8b5cf6;outline:none}.checkbox-label{align-items:center;color:#2d2d2d;cursor:pointer;display:flex;font-size:15px;gap:10px;margin-bottom:20px}.checkbox-label input[type=checkbox]{accent-color:#8b5cf6;height:20px;width:20px}.save-button{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.save-button:hover{box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}.reminders-list{display:flex;flex-direction:column;gap:12px}.reminder-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;gap:16px;padding:16px}.reminder-card,.reminder-icon{align-items:center;display:flex}.reminder-icon{background:#fef3c7;border-radius:12px;font-size:28px;height:48px;justify-content:center;width:48px}.reminder-content{flex:1 1}.reminder-time{color:#2d2d2d;font-size:20px;font-weight:700}.reminder-message{color:#666;font-size:14px;margin-top:4px}.reminder-recurring{color:#8b5cf6;font-size:12px;margin-top:4px}.delete-button{align-items:center;background:#fee2e2;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.delete-button:hover{background:#fecaca;transform:scale(1.05)}.empty-state{border-radius:20px;padding:60px 20px}.empty-icon{display:block;font-size:48px;margin-bottom:16px}.empty-state p{font-size:18px;font-weight:600}.empty-hint{color:#666!important;font-size:14px!important;font-weight:400!important}@media (max-width:360px){.reminders-container{padding:16px}.reminders-title{font-size:20px}.reminder-card{padding:14px}.reminder-time{font-size:18px}}.body-measurements{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.measurements-title{color:#333;font-size:20px;margin:0 0 5px}.measurements-subtitle{color:#999;font-size:12px;margin:0 0 15px}.measurements-loading{color:#999;padding:40px;text-align:center}.measurements-empty{padding:30px 20px;text-align:center}.empty-text{color:#666;line-height:1.6;margin-bottom:20px}.latest-measurement{display:flex;flex-direction:column;gap:20px}.measurement-header{align-items:center;display:flex;justify-content:space-between}.measurement-date{color:#666;font-size:14px}.score-display{padding:20px 0}.score-circle,.score-display{display:flex;justify-content:center}.score-circle{align-items:center;background:#fff;border:8px solid #4caf50;border-radius:50%;flex-direction:column;height:140px;width:140px}.score-value{color:#333;font-size:48px;font-weight:700;line-height:1}.score-label{color:#666;font-size:14px;margin-top:5px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.metric-card{background:#f9f9f9;border-left:4px solid #4caf50;border-radius:8px;padding:12px}.metric-label{color:#999;font-size:12px;margin-bottom:4px;text-transform:uppercase}.metric-value{color:#333;font-size:20px;font-weight:700;margin-bottom:4px}.metric-note{color:#666;font-size:11px;line-height:1.3}.progress-section{background:#e8f5e9;border-radius:8px;padding:15px}.progress-section h4{color:#333;font-size:16px;margin:0 0 10px}.progress-verdict{color:#2e7d32;font-size:14px;margin:0 0 10px}.progress-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{background:#fff;border:1px solid #a5d6a7;border-radius:12px;color:#2e7d32;display:inline-block;font-size:12px;padding:4px 10px}.advice-section{background:#fff3e0;border-radius:8px;padding:15px}.advice-section h4{color:#333;font-size:16px;margin:0 0 10px}.advice-list{margin:0;padding-left:20px}.advice-list li{color:#e65100;font-size:13px;line-height:1.5;margin-bottom:8px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover{background:#45a049}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-block{width:100%}.modal-content{border-radius:16px;max-height:90vh;max-width:500px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h3{font-size:20px;margin:0}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:24px}.close-btn:hover{color:#333}.measurement-form h3{font-size:20px;margin:0 0 20px}.measurement-form form{display:flex;flex-direction:column;gap:15px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-section h4{color:#666;font-size:14px;margin:15px 0 10px;text-transform:uppercase}.measurement-form label{color:#333;display:block;font-size:14px;margin-bottom:5px}.measurement-form input,.measurement-form select{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.field-hint{color:#999;display:block;font-size:11px;margin-top:4px}.form-buttons{display:flex;gap:12px;margin-top:10px}.form-buttons button{flex:1 1}.history-modal{max-width:600px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#f9f9f9;border-left:4px solid #4caf50;border-radius:8px;padding:15px}.history-header{display:flex;justify-content:space-between;margin-bottom:10px}.history-date{color:#333}.history-date,.history-score{font-weight:700}.history-details{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:15px;margin-bottom:10px}.delete-history-btn{background:none;border:none;color:#f44336;cursor:pointer;font-size:13px;padding:4px 0}.delete-history-btn:hover{text-decoration:underline}@media (max-width:600px){.body-measurements{padding:15px}.score-circle{height:120px;width:120px}.score-value{font-size:40px}.form-row,.metrics-grid{grid-template-columns:1fr}.modal-content{padding:20px}}.settings-container{margin:0 auto;max-width:500px;padding:20px;padding-bottom:var(--page-bottom-padding)}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.settings-title{color:#2d2d2d;font-size:24px;font-weight:700;margin:0}.profile-card{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;margin-bottom:20px;padding:20px}.profile-avatar{border-radius:50%;height:60px;object-fit:cover;width:60px}.profile-info{flex:1 1}.profile-name{color:#2d2d2d;font-size:18px;font-weight:700;margin-bottom:4px}.profile-status{color:#666;font-size:14px}.section{margin-bottom:20px}.goals-list{display:flex;flex-direction:column;gap:16px}.goal-card{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;padding:20px}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.goal-title{color:#2d2d2d;font-size:16px;font-weight:600}.goal-emoji{font-size:24px}.goal-progress-bar{background:#e5e5e5;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.goal-progress-fill{background:linear-gradient(90deg,#4ade80,#bfdb38);border-radius:4px;height:100%;transition:width .6s ease}.goal-values{color:#2d2d2d;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:8px}.goal-status{color:#4ade80;font-size:14px}.diet-card{background:linear-gradient(135deg,#c4f82a,#bfdb38);border-radius:20px;padding:20px}.diet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.diet-name{color:#2d2d2d;font-size:18px;font-weight:700}.diet-emoji{font-size:24px}.diet-description{color:#2d2d2d;font-size:14px;line-height:1.5;margin-bottom:16px}.diet-button{background:#fff;border:none;border-radius:16px;color:#2d2d2d;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.diet-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.supplements-list{display:flex;flex-direction:column;gap:12px}.supplement-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;padding:12px}.supplement-photo{border-radius:10px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.supplement-content{flex:1 1;min-width:0}.supplement-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.supplement-name{color:#2d2d2d;flex:1 1;font-size:15px;font-weight:600}.supplement-status{font-size:13px;font-weight:600;white-space:nowrap}.supplement-dosage{color:#666;font-size:13px}.empty-state{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:24px;text-align:center}.empty-state p{color:#2d2d2d;font-size:15px;margin:0}.empty-hint{color:#888!important;font-size:13px!important;margin-top:8px!important}.referral-card{align-items:center;background:linear-gradient(135deg,#a78bfa,#ec4899);border-radius:20px;color:#fff;display:flex;flex-direction:column;padding:24px;text-align:center}.referral-emoji{font-size:48px;margin-bottom:16px}.referral-text{font-size:14px;line-height:1.6;margin-bottom:16px}.referral-stats{display:flex;font-size:13px;gap:16px;margin-bottom:16px;opacity:.9}.referral-stats span{background:#fff3;border-radius:12px;padding:6px 12px}.referral-buttons{display:flex;gap:12px;width:100%}.referral-button{background:#fff;border:none;border-radius:16px;color:#8b5cf6;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.referral-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.referral-button-share{background:#fff;color:#8b5cf6}.referral-button-copy{background:#ffffff40;border:2px solid #ffffff80;color:#fff}.referral-button-copy:hover{background:#ffffff59}.settings-list{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden}.settings-item{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px 20px}.settings-item:last-child{border-bottom:none}.settings-label{color:#2d2d2d;font-size:15px}.settings-value-group{align-items:center;display:flex;gap:8px}.settings-value{color:#666;font-size:15px}.settings-arrow{color:#ccc;font-size:20px}.loading-placeholder{padding:40px 20px}@media (max-width:360px){.profile-card,.settings-container{padding:16px}.profile-avatar{height:50px;width:50px}.section-title{font-size:16px}.diet-card,.goal-card{padding:16px}.referral-card{padding:20px}.settings-item{padding:14px 16px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;max-height:80vh;max-width:400px;overflow-y:auto;padding:24px;width:100%}.diet-modal{max-width:500px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:#2d2d2d;font-size:20px;font-weight:700;margin:0 0 12px;text-align:center}.modal-subtitle{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px;text-align:center}.diet-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.diet-option{background:#fff;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;padding:14px 16px;transition:all .2s ease}.diet-option:hover{background:#fafff0;border-color:#bfdb38}.diet-option-selected{background:#f1f8f4;border-color:#4caf50}.diet-option-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.diet-option-emoji{font-size:22px}.diet-option-name{color:#2d2d2d;flex:1 1;font-size:15px;font-weight:600}.diet-option-check{color:#4caf50;font-size:16px;font-weight:700}.diet-option-description{color:#666;font-size:13px;line-height:1.4;padding-left:32px}.modal-close-button{background:#f5f5f5;border:none;border-radius:12px;color:#2d2d2d;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:background .2s ease;width:100%}.modal-close-button:hover{background:#e5e5e5}.modal-close-button:disabled{cursor:not-allowed;opacity:.6}.profile-username{color:#888;font-size:13px;margin-bottom:2px}.settings-item-clickable{cursor:pointer;transition:background .2s ease}.settings-item-clickable:hover{background:#f9f9f9}.settings-item-clickable:active{background:#f0f0f0}.edit-modal{max-width:360px}.edit-input{border:2px solid #e5e5e5;border-radius:12px;box-sizing:border-box;color:#2d2d2d;font-size:16px;margin-bottom:20px;outline:none;padding:14px 16px;transition:border-color .2s ease;width:100%}.edit-input:focus{border-color:#bfdb38}.edit-input:disabled{background:#f5f5f5;color:#999}.edit-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.edit-option{align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:12px;color:#2d2d2d;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.edit-option:hover{background:#fafff0;border-color:#bfdb38}.edit-option-selected{background:#f1f8f4;border-color:#4caf50}.edit-option-check{color:#4caf50;font-weight:700}.edit-option:disabled{cursor:not-allowed;opacity:.6}.edit-buttons{display:flex;gap:12px}.edit-button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s ease}.edit-button-cancel{background:#f5f5f5;color:#2d2d2d}.edit-button-cancel:hover{background:#e5e5e5}.edit-button-save{background:linear-gradient(135deg,#c4f82a,#bfdb38);color:#2d2d2d}.edit-button-save:hover{box-shadow:0 4px 12px #bfdb3866;transform:translateY(-1px)}.edit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.commissions-card{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;padding:20px}.commissions-stats{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-around;margin-bottom:16px;padding-bottom:16px}.commission-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.commission-stat-value{color:#2d2d2d;font-size:20px;font-weight:700}.commission-stat-label{color:#888;font-size:12px}.payout-button{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;padding:14px;transition:opacity .2s;width:100%}.payout-button:disabled{cursor:not-allowed;opacity:.6}.payout-button:active:not(:disabled){opacity:.8}.payout-info{background:#f8f8f8;border-radius:12px;color:#666;font-size:14px;margin-bottom:16px;padding:12px;text-align:center}.commissions-history{margin-top:8px}.commissions-history-title{color:#888;font-size:14px;font-weight:600;margin-bottom:12px}.commission-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.commission-item:last-child{border-bottom:none}.commission-item-info{display:flex;flex-direction:column;gap:2px}.commission-item-user{color:#2d2d2d;font-size:14px}.commission-item-date{color:#888;font-size:12px}.commission-item-amount{align-items:center;color:#22c55e;display:flex;font-size:16px;font-weight:600;gap:6px}.commission-status{font-size:12px}.commission-status-pending{color:#f59e0b}.commission-status-paid{color:#22c55e}.commission-status-processing{color:#3b82f6}.card-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#166534;font-size:14px;margin-bottom:12px;padding:10px 12px;text-align:center}.card-info-warning{background:#fef3c7;border-color:#fcd34d;color:#92400e}.subscription-container{margin:0 auto;max-width:500px;padding:20px;padding-bottom:var(--page-bottom-padding)}.subscription-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.subscription-title{color:#2d2d2d;font-size:24px;font-weight:700;margin:0}.back-button{align-items:center;background:#f5f5f5;border:none;border-radius:12px;color:#2d2d2d;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.back-button:hover{background:#e8e8e8}.current-plan-card{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px;color:#fff;gap:16px;margin-bottom:24px;padding:24px}.current-plan-card,.plan-icon{align-items:center;display:flex}.plan-icon{background:#fff3;border-radius:16px;font-size:40px;height:64px;justify-content:center;width:64px}.plan-info{flex:1 1}.plan-label{font-size:14px;margin-bottom:4px;opacity:.9}.plan-name{font-size:22px;font-weight:700}.plan-expires{font-size:14px;margin-top:4px;opacity:.9}.section-title{color:#2d2d2d;font-size:18px;font-weight:700;margin:0 0 16px}.features-section{margin-bottom:24px}.features-list{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:16px}.feature-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 0}.feature-item:last-child{border-bottom:none}.feature-check{align-items:center;background:#dcfce7;border-radius:50%;color:#22c55e;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.feature-text{color:#2d2d2d;font-size:15px}.plans-section{margin-bottom:24px}.plan-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;margin-bottom:12px;padding:16px;position:relative;transition:all .2s ease}.plan-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.plan-card.selected{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6}.plan-card.current{opacity:.7}.plan-card-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.plan-card-icon{font-size:24px}.plan-card-name{color:#2d2d2d;flex:1 1;font-size:18px;font-weight:700}.plan-card-price{color:#8b5cf6;font-size:18px;font-weight:700}.plan-card-features{display:flex;flex-direction:column;gap:8px}.plan-feature{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:8px}.plan-feature-check{color:#22c55e;font-weight:700}.plan-current-badge{background:#e5e7eb;border-radius:8px;color:#6b7280;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:12px;top:12px}.change-plan-button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:16px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:18px;transition:all .3s ease;width:100%}.change-plan-button:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.change-plan-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.loading-placeholder{color:#666;font-size:16px;padding:60px 20px;text-align:center}.payment-success-banner{animation:fadeIn .3s ease;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;color:#fff;font-weight:500;margin-bottom:16px;padding:16px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:360px){.subscription-container{padding:16px}.subscription-title{font-size:20px}.current-plan-card{padding:20px}.plan-name{font-size:20px}}
/*# sourceMappingURL=main.9ba706b2.css.map*/