.dashboard-main{max-width:1200px;margin:0 auto}.dashboard__header{text-align:center;margin-bottom:48px;margin-top:80px}.checkbox-item input[type=checkbox]{pointer-events:auto!important;z-index:10;position:relative}.checkbox-item{cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard__header h1{margin-bottom:12px;color:var(--text-color);text-transform:uppercase}.dashboard__header p{color:var(--text-color-dark);max-width:600px;margin:0 auto}.dashboard__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:64px}.stat-card{background:linear-gradient(135deg,#d8f1431a,#98ae690d);border:1px solid rgba(152,174,105,.2);border-radius:var(--border-radius-xs);padding:32px 24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#98ae69,#d8f143);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #98ae6926;border-color:var(--accent-1)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#98ae691a;border-radius:50%;flex-shrink:0}.stat-content h3{margin:0 0 4px;color:var(--text-color);font-size:2.5rem;line-height:1}.stat-content p{margin:0;color:var(--text-color-dark);text-transform:uppercase;font-weight:500}.dashboard__section{margin-bottom:64px}.dashboard__section h2{margin-bottom:32px;color:var(--text-color);text-transform:uppercase}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.button-secondary{background:transparent;border:1px solid var(--accent-1);color:var(--accent-1);padding:12px 20px;border-radius:var(--border-radius-xs);text-decoration:none;text-transform:uppercase;font-weight:500;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.button-secondary:hover{background:var(--accent-1);color:var(--text-color-inverse)}.progress-chart-container{background:#fff;border:1px solid rgba(152,174,105,.2);border-radius:var(--border-radius-xs);padding:32px;box-shadow:0 4px 24px #98ae6914}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.gallery-item{position:relative;aspect-ratio:1;border-radius:var(--border-radius-xs);overflow:hidden;cursor:pointer;transition:all .3s ease}.gallery-item:hover{transform:scale(1.02);box-shadow:0 8px 32px #98ae6933}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:16px;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.empty-gallery{grid-column:1 / -1;text-align:center;padding:64px 32px;background:linear-gradient(135deg,#d8f1430d,#98ae6905);border:2px dashed rgba(152,174,105,.3);border-radius:var(--border-radius-xs)}.empty-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.empty-gallery h3{margin-bottom:12px;color:var(--text-color)}.empty-gallery p{margin-bottom:32px;color:var(--text-color-dark);max-width:400px;margin-left:auto;margin-right:auto}.activity-feed{background:#fff;border:1px solid rgba(152,174,105,.2);border-radius:var(--border-radius-xs);overflow:hidden}.activity-item{display:flex;align-items:center;gap:20px;padding:24px;border-bottom:1px solid rgba(152,174,105,.1);transition:background .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#d8f1430d}.activity-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#98ae691a;border-radius:50%;flex-shrink:0}.activity-content p.body3{margin:0 0 4px;color:var(--text-color)}.activity-content p.caption1{margin:0;color:var(--text-color-dark)}.dashboard__quick-actions h2{margin-bottom:32px;color:var(--text-color);text-transform:uppercase}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.action-card{background:#fff;border:1px solid rgba(152,174,105,.2);border-radius:var(--border-radius-xs);padding:32px 24px;text-decoration:none;transition:all .3s ease;display:block;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#98ae69,#d8f143);transform:scaleX(0);transition:transform .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #98ae6926;border-color:var(--accent-1)}.action-card:hover:before{transform:scaleX(1)}.action-icon{font-size:2rem;margin-bottom:16px;display:block}.action-card h3{margin:0 0 8px;color:var(--text-color)}.action-card p{margin:0;color:var(--text-color-dark)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity .3s ease}.modal.hidden{opacity:0;pointer-events:none}.modal-content{background:#fff;border-radius:var(--border-radius-xs);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(152,174,105,.2)}.modal-header h3{margin:0;color:var(--text-color)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color-dark);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.modal-close:hover{background:#98ae691a}.modal-body{padding:24px}.upload-area{border:2px dashed rgba(152,174,105,.3);border-radius:var(--border-radius-xs);padding:48px 24px;text-align:center;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:var(--accent-1);background:#d8f1430d}.upload-placeholder{pointer-events:none}.upload-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.upload-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}@media screen and (max-width: 749px){.dashboard__header{margin-top:80px}.dashboard__stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.quick-actions-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}.upload-actions{flex-direction:column}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard__section{animation:fadeInUp .6s ease forwards}.dashboard__section:nth-child(2){animation-delay:.1s}.dashboard__section:nth-child(3){animation-delay:.2s}.dashboard__section:nth-child(4){animation-delay:.3s}.dashboard__section:nth-child(5){animation-delay:.4s}.stat-number{opacity:0;animation:countUp 1s ease .5s forwards}@keyframes countUp{to{opacity:1}}.skin-log-summary{background:#fff;border:1px solid rgba(152,174,105,.2);border-radius:var(--border-radius-xs);padding:32px}.log-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.log-stat{display:flex;align-items:center;gap:16px}.stat-emoji{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#98ae691a;border-radius:50%}.log-stat h4{margin:0 0 4px;color:var(--text-color);font-size:1.5rem}.log-stat p{margin:0;color:var(--text-color-dark)}.skin-calendar{border-top:1px solid rgba(152,174,105,.2);padding-top:32px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-color-dark)}.dot{width:12px;height:12px;border-radius:50%}.dot.good{background:#4caf50}.dot.okay{background:#ffc107}.dot.bad{background:#f44336}.dot.none{background:#e0e0e0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.calendar-day:hover{transform:scale(1.1)}.calendar-day.other-month{color:#ccc}.calendar-day.today{border:2px solid var(--accent-1)}.modal-large .modal-content{max-width:600px}.log-section{margin-bottom:32px}.log-section h4{margin-bottom:16px;color:var(--text-color)}.skin-rating{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.rating-btn{background:#fff;border:2px solid rgba(152,174,105,.3);border-radius:var(--border-radius-xs);padding:16px 8px;cursor:pointer;transition:all .3s ease;font-size:1.5rem;text-align:center}.rating-btn span{display:block;font-size:12px;margin-top:8px;color:var(--text-color-dark)}.rating-btn:hover,.rating-btn.selected{border-color:var(--accent-1);background:#d8f1431a}.breakout-tracker,.routine-check{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.factors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.checkbox-item,.factor-item{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid rgba(152,174,105,.3);border-radius:var(--border-radius-xs);cursor:pointer;transition:all .3s ease}.checkbox-item:hover,.factor-item:hover{border-color:var(--accent-1);background:#d8f1430d}.checkbox-item input,.factor-item input{margin:0}.log-section textarea{width:100%;padding:12px;border:1px solid rgba(152,174,105,.3);border-radius:var(--border-radius-xs);font-family:inherit;resize:vertical}.modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}@media screen and (max-width: 749px){.skin-rating{grid-template-columns:repeat(3,1fr)}.calendar-legend{flex-wrap:wrap;gap:8px}.log-stats-grid{grid-template-columns:1fr}}.clickable-stat{cursor:pointer}.clickable-stat:hover{transform:translateY(-6px)}.goals-list{display:grid;gap:12px;margin-bottom:24px}.goal-item{display:flex;align-items:center;gap:12px;padding:16px;background:#d8f1430d;border:1px solid rgba(152,174,105,.2);border-radius:var(--border-radius-xs)}.goal-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#98ae691a;border-radius:50%;flex-shrink:0}.goal-text h4{margin:0 0 4px;color:var(--text-color)}.goal-text p{margin:0;color:var(--text-color-dark);font-size:14px}.stat-card[onclick]:hover{transform:translateY(-2px)}.no-goals{text-align:center;padding:40px 20px;color:var(--text-color-dark)}.no-goals h4{margin-bottom:12px;color:var(--text-color)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-main-dashboard.css.map */