body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-yellow:#fde047;--color-yellow-dark:#facc15;--color-black:#1a1a1a;--color-dark-gray:#1f2937;--color-light-gray:#f9fafb;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-light:#d1d5db;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{background-color:#fff;color:#111827;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-sans);margin:0}.container{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1.5rem;padding-right:1.5rem;width:100%}.header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1a1a1acc;box-shadow:0 4px 6px -1px #0000001a;position:fixed;top:0;width:100%;z-index:50}.nav{align-items:center;display:flex;justify-content:space-between;padding-bottom:.75rem;padding-top:.75rem}.logo{color:#fff;font-size:1.5rem;font-weight:700}.logo-accent{color:#fde047;color:var(--color-yellow)}.nav-buttons{display:flex;gap:1rem}.btn-signin{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;transition:color .3s ease}.btn-signin:hover{color:#fde047;color:var(--color-yellow)}.btn-signup{background-color:#fde047;background-color:var(--color-yellow);border:none;border-radius:.5rem;color:#1a1a1a;color:var(--color-black);cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background-color .3s ease,transform .3s ease}.btn-signup:hover{background-color:#facc15;background-color:var(--color-yellow-dark);transform:scale(1.05)}.hero-section{background-color:#1f2937;background-color:var(--color-dark-gray);color:#fff;overflow:hidden;padding-bottom:5rem;padding-top:8rem;position:relative;text-align:center}.hero-gradient-overlay{background-image:linear-gradient(to bottom right,#1a1a1a,#1f2937,#fde0474d);background-image:linear-gradient(to bottom right,var(--color-black),var(--color-dark-gray),#fde0474d);inset:0;opacity:.7;position:absolute}.hero-content{position:relative;z-index:10}.hero-text-animation{opacity:0;transform:translateY(2.5rem);transition:opacity 1s ease,transform 1s ease}.hero-text-animation.visible{opacity:1;transform:translateY(0)}.hero-section h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.hero-section p{color:#d1d5db;color:var(--color-text-light);font-size:1.125rem;margin:0 auto;max-width:48rem}.text-accent{color:#fde047;color:var(--color-yellow)}.text-accent-dark{color:#facc15;color:var(--color-yellow-dark)}.features-section{background-color:#f9fafb;background-color:var(--color-light-gray);padding-bottom:5rem;padding-top:5rem}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:#111827;color:var(--color-text-primary);font-size:2.25rem;font-weight:700}.section-header p{color:#4b5563;color:var(--color-text-secondary);margin-top:.5rem}.features-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}.feature-card{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .5s ease}.feature-card:hover{transform:scale(1.03)}.feature-image-container{width:100%}.feature-image{height:16rem;object-fit:cover;width:100%}.feature-text-container{padding:2rem;width:100%}.feature-title-wrapper{align-items:center;display:flex;margin-bottom:1rem}.feature-icon-background{background-color:#fef9c3;border-radius:9999px;margin-right:1rem;padding:.75rem}.feature-icon-svg{color:#facc15;color:var(--color-yellow-dark);height:2.5rem;width:2.5rem}.feature-text-container h3{color:#111827;color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}.feature-description{color:#4b5563;color:var(--color-text-secondary);line-height:1.625}.signup-section{background-color:#1f2937;background-color:var(--color-dark-gray);color:#fff;padding-bottom:5rem;padding-top:5rem;position:relative}.signup-gradient-overlay{background-image:linear-gradient(to top right,#78501466,#1f2937,#1a1a1a);background-image:linear-gradient(to top right,#78501466,var(--color-dark-gray),var(--color-black));inset:0;opacity:.8;position:absolute}.signup-content{position:relative;text-align:center;z-index:10}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#d1d5db;color:var(--color-text-light);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:42rem}.signup-form-card{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;margin:0 auto;max-width:32rem;padding:2rem}.input-group{margin-bottom:1rem}.form-input{background-color:#f3f4f6;border:1px solid #0000;border-radius:.5rem;box-sizing:border-box;color:#111827;color:var(--color-text-primary);outline:none;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#fde047;border-color:var(--color-yellow);box-shadow:0 0 0 2px #fde04780}.btn-submit{background-color:#fde047;background-color:var(--color-yellow);border:none;border-radius:.5rem;color:#1a1a1a;color:var(--color-black);cursor:pointer;font-weight:700;margin-top:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease;width:100%}.btn-submit:hover{background-color:#facc15;background-color:var(--color-yellow-dark);transform:scale(1.02)}auth-error-message{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;color:#ef4444}.auth-success-message,auth-error-message{font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center}.auth-success-message{background-color:#dcfce7;border:1px solid #86efac;border-radius:.5rem;color:#166534}.footer{background-color:#1a1a1a;background-color:var(--color-black);color:#fff;padding:1.5rem 0;text-align:center}@media (min-width:768px){.hero-section h1{font-size:4.5rem}.hero-section p{font-size:1.25rem}}@media (min-width:1024px){.feature-card{flex-direction:row}.feature-card.reversed{flex-direction:row-reverse}.feature-image-container{width:50%}.feature-image{height:100%}.feature-text-container{padding:3rem;width:50%}}.google-signin-container{margin-bottom:1rem;min-height:50px}#googleSignInButton,.google-signin-container{align-items:center;display:flex;justify-content:center;width:100%}#googleSignInButton{height:100%}.divider{align-items:center;color:#9ca3af;display:flex;margin:1.5rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.divider:not(:empty):before{margin-right:.25em}.divider:not(:empty):after{margin-left:.25em}.auth-content-section{background-color:#1a1a1a}.auth-content-overlay{background-image:linear-gradient(135deg,#fde0474d,#1a1a1a 70%);inset:0;opacity:.8;position:absolute;z-index:1}.auth-phrase{padding:2rem;position:relative;text-align:center;z-index:2}.auth-phrase h1{font-size:4rem;font-weight:800;line-height:1.2;text-shadow:0 4px 15px #0006}.fade-in{transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out}.fade-out{transform:translateY(-10px);transition:opacity .5s ease-in,transform .5s ease-in}@media (max-width:768px){.auth-container{flex-direction:column}.auth-content-section,.auth-form-section{width:100%}.auth-content-section{min-height:300px;order:-1}.auth-phrase h1{font-size:2.5rem}}:root{--font-family:"Inter",sans-serif}body.light-theme{--bg-gradient-start:#fff;--bg-gradient-end:#fef9c330;--sidebar-bg:#fff;--card-bg:#fff;--stats-panel-bg:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--accent-color:#fde047;--accent-dark:#facc15;--accent-light:#fef9c3;--shadow-color:#0000000d;--brand-black:#1a1a1a}body.dark-theme{--bg-gradient-start:#111827;--bg-gradient-end:#1a1a1a;--sidebar-bg:#1f2937;--card-bg:#1f2937;--stats-panel-bg:#111827;--text-primary:#f9fafb;--text-secondary:#9ca3af;--border-color:#374151;--accent-color:#fde047;--accent-dark:#facc15;--accent-light:#4b5563;--shadow-color:#0003;--brand-black:#1a1a1a}.dashboard-container{background:linear-gradient(160deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-primary);display:grid;font-family:Inter,sans-serif;font-family:var(--font-family);grid-template-columns:260px 1fr 320px;height:100vh;overflow:hidden}.dashboard-container,.sidebar{transition:background-color .3s ease}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem}.sidebar-header{font-size:1.75rem;font-weight:700;margin-bottom:2rem}.logo-accent{color:var(--accent-dark)}.user-profile{align-items:center;display:flex;margin-bottom:1.5rem}.user-avatar{background-color:var(--accent-color);border-radius:50%;color:var(--brand-black);display:grid;font-weight:600;height:40px;margin-right:.75rem;place-items:center;width:40px}.user-name{font-weight:500}.add-habit-btn{align-items:center;background-color:var(--accent-color);border:none;border-radius:.5rem;color:var(--brand-black);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:background-color .3s ease,transform .2s ease;width:100%}.add-habit-btn:hover{background-color:var(--accent-dark);transform:translateY(-2px)}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}.nav-item{border-radius:.5rem;color:var(--text-secondary);font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.nav-item:hover{background-color:var(--accent-light);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-color);color:var(--brand-black);font-weight:600}.sidebar-footer{margin-top:auto}.logout-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.75rem;width:100%}.logout-btn:hover{background-color:var(--accent-light);color:var(--text-primary)}.main-content{overflow-y:auto;padding:2rem 2.5rem}.main-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.greeting h1{font-size:2.25rem;font-weight:700;margin:0}.greeting p{color:var(--text-secondary);margin-top:.25rem}.theme-toggle-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:grid;height:40px;place-items:center;transition:all .3s ease;width:40px}.theme-toggle-btn:hover{border-color:var(--accent-dark);color:var(--text-primary)}.habits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.habit-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px -1px var(--shadow-color);display:flex;flex-direction:column;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.habit-card:hover{box-shadow:0 10px 15px -3px var(--shadow-color);transform:translateY(-5px)}.habit-card-header{align-items:center;display:flex;margin-bottom:1rem}.habit-category-icon{background-color:var(--accent-light);border-radius:50%;display:grid;height:48px;margin-right:1rem;place-items:center;width:48px}.icon{color:var(--accent-dark)}.habit-info .habit-name{font-size:1.125rem;font-weight:600;margin:0}.habit-info .habit-category{color:var(--text-secondary);font-size:.875rem}.habit-card-body{margin-bottom:1.5rem}.habit-streak{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;gap:.5rem}.streak-icon{color:#f59e0b}.habit-card-actions{margin-top:auto}.action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:background-color .3s ease;width:100%}.action-btn.incomplete{background-color:var(--border-color);color:var(--text-secondary)}.action-btn.incomplete:hover{background-color:var(--accent-light);color:var(--text-primary)}.action-btn.complete{background-color:#22c55e;color:#fff}.stats-panel{background-color:var(--stats-panel-bg);border-left:1px solid var(--border-color);padding:2rem;transition:background-color .3s ease}.stats-header h2{font-size:1.5rem;font-weight:600}.stats-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem;padding:1.5rem}.stat-item{align-items:center;display:flex}.stat-icon-wrapper{border-radius:50%;display:grid;height:48px;margin-right:1rem;place-items:center;width:48px}.stat-icon{height:24px;width:24px}.stat-info .stat-value{display:block;font-size:1.25rem;font-weight:600}.stat-info .stat-label{color:var(--text-secondary);font-size:.875rem}.motivation-quote{background-color:var(--brand-black);border-radius:.75rem;color:#d1d5db;margin-top:2rem;padding:1.5rem;text-align:center}.motivation-quote p{font-style:italic;margin:0 0 .5rem}.motivation-quote span{color:#9ca3af;font-weight:500}.habit-card-header{position:relative}.habit-options{display:flex;gap:.25rem;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s ease}.habit-card:hover .habit-options{opacity:1}.option-btn{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:.25rem}.option-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.no-habits-message{background-color:var(--card-bg);border:2px dashed var(--border-color);border-radius:.75rem;color:var(--text-secondary);grid-column:1/-1;padding:4rem;text-align:center}.no-habits-message h3{color:var(--text-primary);font-size:1.5rem}.no-habits-message p{margin-top:.5rem}.calendar-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;margin-top:2rem;padding:1.5rem}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.calendar-month-year{color:var(--text-primary);font-size:1.125rem;font-weight:600}.calendar-nav-btn{background:none;border:1px solid #0000;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:grid;padding:.25rem;place-items:center;transition:all .2s ease}.calendar-nav-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.calendar-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-weekday{color:var(--text-secondary);font-size:.875rem;font-weight:500}.calendar-day{border-radius:50%;display:grid;font-size:.875rem;height:32px;place-items:center;transition:background-color .2s ease}.calendar-day:not(.empty):hover{background-color:var(--accent-light);cursor:pointer}.calendar-day.today{background-color:var(--accent-color);color:var(--brand-black);font-weight:700}@media (max-width:1200px){.dashboard-container{grid-template-columns:240px 1fr}.stats-panel{display:none}}@media (max-width:768px){.dashboard-container{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:1.5rem}.greeting h1{font-size:1.75rem}}.modal-overlay{animation:fadeIn .3s ease;background-color:#111827cc;display:grid;inset:0;place-items:center;position:fixed;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .4s ease;background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;color:var(--text-primary);max-width:500px;padding:1.5rem 2rem;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:background-color .2s ease,color .2s ease}.close-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.modal-form .form-group{margin-bottom:1.5rem}.modal-form label{display:block;font-weight:500;margin-bottom:.5rem}.modal-form input[type=text]{background-color:var(--bg-gradient-start);border:1px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;width:100%}.custom-category-input{margin-top:.75rem}.category-selector{display:flex;gap:.75rem}.category-btn{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;flex-grow:1;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease}.category-btn:hover{border-color:var(--accent-dark);color:var(--text-primary)}.category-btn.selected{background-color:var(--accent-color);border-color:var(--accent-dark);color:var(--brand-black);font-weight:600}.frequency-selector{border:1px solid var(--border-color);border-radius:.5rem;display:flex;overflow:hidden}.frequency-selector label{cursor:pointer;flex:1 1;margin:0;padding:.75rem;text-align:center;transition:background-color .2s ease}.frequency-selector label.selected{background-color:var(--accent-color);color:var(--brand-black);font-weight:600}.frequency-selector input[type=radio]{display:none}.day-selector{display:flex;gap:.5rem;justify-content:space-between}.day-btn{background-color:initial;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;font-weight:500;height:40px;transition:all .2s ease;width:40px}.day-btn.selected,.day-btn:hover{border-color:var(--accent-dark)}.day-btn.selected{background-color:var(--accent-color);color:var(--brand-black)}.notification-group{align-items:center;display:flex;justify-content:space-between}.notification-group label{margin-bottom:0}.switch{display:inline-block;height:28px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--border-color);border-radius:34px;bottom:0;cursor:pointer;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:20px;left:4px;width:20px}input:checked+.slider{background-color:var(--accent-dark)}input:checked+.slider:before{transform:translateX(22px)}.time-picker-group{animation:fadeIn .5s}.time-picker-container{align-items:center;background-color:var(--stats-panel-bg);border-radius:.5rem;display:flex;gap:1rem;justify-content:space-between;padding:.75rem}.time-picker-display{display:flex;gap:.5rem;height:120px;overflow:hidden;position:relative;width:150px}.time-picker-display:after,.time-picker-display:before{content:"";height:42px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.time-picker-display:before{background:linear-gradient(to bottom,var(--stats-panel-bg),#0000);top:0}.time-picker-display:after{background:linear-gradient(to top,var(--stats-panel-bg),#0000);bottom:0}.time-scroll-wheel{flex:1 1;overflow-y:scroll;padding:42px 0;scroll-snap-type:y mandatory}.time-scroll-wheel::-webkit-scrollbar{display:none}.time-scroll-wheel{-ms-overflow-style:none;scrollbar-width:none}.time-option{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;font-weight:500;height:36px;justify-content:center;scroll-snap-align:center;transition:color .2s ease}.time-option.selected{color:var(--text-primary);font-weight:600}.time-period{background-color:var(--border-color);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.time-period button{background:none;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.75rem}.time-period button.selected{background-color:var(--sidebar-bg);box-shadow:0 1px 3px #0000001a;color:var(--text-primary)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.btn-cancel,.btn-save{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel{background-color:var(--border-color);color:var(--text-secondary)}.btn-cancel:hover{background-color:#d1d5db}.btn-save{background-color:var(--accent-color);color:var(--brand-black)}.btn-save:hover{background-color:var(--accent-dark)}.modal-content{display:flex;flex-direction:column;max-height:90vh}.modal-form{margin-right:-1rem;overflow-y:auto;padding-right:1rem}.modal-form::-webkit-scrollbar{width:8px}.modal-form::-webkit-scrollbar-track{background:var(--border-color);border-radius:4px}.modal-form::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.modal-form::-webkit-scrollbar-thumb:hover{background:#555}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.date-input-wrapper{align-items:center;background-color:var(--bg-gradient-start);border:1px solid var(--border-color);border-radius:.5rem;display:flex;padding-left:.75rem}.date-input-wrapper svg{color:var(--text-secondary);margin-right:.5rem}.date-input-wrapper input[type=date]{background:none;border:none;color:var(--text-primary);font-family:var(--font-family);font-size:1rem;padding:.75rem .5rem;width:100%}.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{background-image:none;cursor:pointer}.analytics-content{height:100%;overflow-y:auto;padding:2rem 2.5rem}.analytics-header{margin-bottom:2rem}.analytics-header h1{color:var(--text-primary);font-size:2.25rem;font-weight:700;margin:0}.analytics-header p{color:var(--text-secondary);margin-top:.25rem}.analytics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.stats-grid-condensed{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.stat-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px -1px var(--shadow-color);padding:1.5rem;text-align:center}.stat-card-icon{border-radius:50%;display:grid;height:48px;margin:0 auto 1rem;place-items:center;width:48px}.stat-card h3{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.stat-card p{color:var(--text-primary);font-size:2rem;font-weight:700;margin-top:.5rem}.performance-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.performance-container h2{font-size:1.5rem;margin:0 0 1.5rem}.performance-list{display:flex;flex-direction:column;gap:1.5rem}.habit-performance-item{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:150px 1fr 100px}.habit-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar-container{background-color:var(--stats-panel-bg);border-radius:6px;height:12px;overflow:hidden;width:100%}.progress-bar{border-radius:6px;height:100%;transition:width .5s ease-in-out}.percentage{font-size:.9rem;font-weight:600;text-align:right}.no-data-message,.percentage{color:var(--text-secondary)}.ai-suggestions-container{background:linear-gradient(135deg,var(--brand-black),#2c2c2c);border-radius:.75rem;color:#f9fafb;padding:2rem}.ai-header{align-items:center;color:var(--accent-color);display:flex;gap:.75rem}.ai-header h2{font-size:1.5rem;margin:0}.ai-subtitle{color:var(--text-secondary);margin:.5rem 0 1.5rem;max-width:600px}.ai-goals{display:flex;gap:.75rem;margin-bottom:1.5rem}.ai-goals button{background-color:#ffffff1a;border:1px solid var(--border-color);border-radius:999px;color:#f9fafb;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.ai-goals button:hover{background-color:var(--accent-color);border-color:var(--accent-dark);color:var(--brand-black)}.suggestion-card{background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:.5rem;display:none;padding:1.5rem}.suggestion-card.active{animation:fadeIn .5s;display:block}.suggestion-card h3{margin:0 0 .5rem}.suggestion-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.suggestion-card button{background-color:var(--accent-color);border:none;border-radius:.5rem;color:var(--brand-black);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s ease}.suggestion-card button:hover{background-color:var(--accent-dark)}.achievements-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.achievements-container h2{font-size:1.5rem;margin:0 0 1.5rem}.badges-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.badge{align-items:center;background:none;border:none;display:flex;font-family:var(--font-family);gap:1rem;opacity:.4;padding:0;text-align:left;transition:opacity .3s ease,transform .2s ease;width:100%}.badge:disabled{cursor:default}.badge.earned{cursor:pointer;opacity:1}.badge.earned:hover{transform:translateX(5px)}.badge-icon{background-color:var(--stats-panel-bg);border-radius:50%;color:var(--text-secondary);display:grid;flex-shrink:0;height:48px;place-items:center;width:48px}.badge.earned .badge-icon{background-color:var(--accent-light);color:var(--accent-dark)}.badge-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.badge-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.achievement-modal-overlay{animation:fadeIn .3s ease;background-color:#111827cc;display:grid;inset:0;place-items:center;position:fixed;z-index:200}.achievement-modal-content{animation:zoomIn .4s ease;background:var(--sidebar-bg);border-radius:1rem;color:var(--text-primary);max-width:400px;overflow:hidden;padding:3rem;position:relative;text-align:center;width:90%}.close-modal-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;position:absolute;right:1rem;top:1rem}.modal-icon{background-color:var(--accent-color);border-radius:50%;color:var(--brand-black);display:grid;height:80px;margin:0 auto 1.5rem;place-items:center;width:80px}.achievement-modal-content h2{color:var(--accent-dark);font-size:2rem;margin:0}.achievement-modal-content h3{font-size:1.25rem;margin:.5rem 0}.achievement-modal-content p{color:var(--text-secondary)}.confetti{animation:confetti-fall 3s linear infinite;background-color:#fde047;height:15px;left:50%;position:absolute;width:15px}.confetti:nth-child(2){animation-delay:-.2s;background-color:#22c55e}.confetti:nth-child(3){animation-delay:-.4s;background-color:#6366f1}.confetti:nth-child(4){animation-delay:-.6s;background-color:#ef4444}.confetti:nth-child(5){animation-delay:-.8s;background-color:#fde047}.confetti:nth-child(6){animation-delay:-1s;background-color:#22c55e}.confetti:nth-child(7){animation-delay:-1.2s;background-color:#6366f1}.confetti:nth-child(8){animation-delay:-1.4s;background-color:#ef4444}.confetti:nth-child(9){animation-delay:-1.6s;background-color:#fde047}.confetti:nth-child(10){animation-delay:-1.8s;background-color:#22c55e}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-200px) rotate(0deg)}to{opacity:0;transform:translateY(400px) rotate(1turn)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.notes-modal-overlay{animation:fadeIn .3s ease;background-color:#111827cc;display:grid;inset:0;place-items:center;position:fixed;z-index:100}.notes-modal-content{animation:slideIn .4s ease;background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;color:var(--text-primary);display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.notes-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.notes-modal-header h2{font-size:1.25rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-list{flex-grow:1;overflow-y:auto;padding:1.5rem 2rem}.note-item{background-color:var(--stats-panel-bg);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.note-item p{margin:0 0 .5rem;white-space:pre-wrap}.note-item .note-date{color:var(--text-secondary);font-size:.75rem}.no-notes-message{color:var(--text-secondary);padding:2rem 0;text-align:center}.note-form{border-top:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:1rem;padding:1.5rem 2rem}.note-form textarea{background-color:var(--bg-gradient-start);border:1px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;color:var(--text-primary);font-size:1rem;min-height:80px;padding:.75rem 1rem;resize:vertical;width:100%}.note-form button{align-self:flex-end;background-color:var(--accent-color);border:none;border-radius:.5rem;color:var(--brand-black);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.note-form button:hover{background-color:var(--accent-dark)}.settings-content{height:100%;overflow-y:auto;padding:2rem 2.5rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:var(--text-primary);font-size:2.25rem;font-weight:700;margin:0}.settings-header p{color:var(--text-secondary);margin-top:.25rem}.settings-sections-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;max-width:800px}.settings-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px -1px var(--shadow-color);padding:2rem}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.card-header .card-icon{color:var(--accent-dark)}.card-header h2{font-size:1.5rem;font-weight:600;margin:0}.settings-form .form-group{margin-bottom:1.5rem}.settings-form label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.settings-form input{background-color:var(--stats-panel-bg);border:1px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;width:100%}.settings-form input:disabled{background-color:var(--border-color);cursor:not-allowed}.save-btn{background-color:var(--accent-color);border:none;border-radius:.5rem;color:var(--brand-black);cursor:pointer;float:right;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.save-btn:hover{background-color:var(--accent-dark)}.danger-zone .card-header,.danger-zone .card-header .card-icon{color:#ef4444}.danger-zone-content p{color:var(--text-secondary);margin:0 0 1rem}.delete-btn{background-color:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.delete-btn:hover{background-color:#dc2626}.auth-container{background-color:#fff;display:flex;font-family:Inter,sans-serif;min-height:100vh;width:100%}.auth-form-section{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:2rem;width:50%;z-index:10}.auth-form-card{max-width:400px;width:100%}.auth-logo{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.auth-logo-accent{color:#facc15}.auth-title{color:#111827;font-size:2.25rem;font-weight:800;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:#4b5563;margin-bottom:2rem;text-align:center}.auth-input-group{margin-bottom:1.5rem}.auth-input-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.auth-form-input{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;outline:none;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.auth-form-input:focus{border-color:#fde047;box-shadow:0 0 0 3px #fde04766}.auth-btn-submit{background-color:#fde047;border:none;border-radius:.5rem;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 1.5rem;transition:background-color .3s ease,transform .2s ease;width:100%}.auth-btn-submit:hover{background-color:#facc15;transform:translateY(-2px)}.auth-switch-text{color:#4b5563;margin-top:1.5rem;text-align:center}.auth-switch-text a{color:#facc15;font-weight:600;text-decoration:none}.auth-switch-text a:hover{text-decoration:underline}.auth-content-section{align-items:center;animation:animate-gradient 15s ease infinite;background:linear-gradient(-45deg,#1a1a1a,#2c2c2c,#1a1a1a,#ca8a04);background-size:400% 400%;color:#fff;display:flex;justify-content:center;overflow:hidden;position:relative;width:50%}@keyframes animate-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.auth-phrase-wrapper{padding:2rem;position:relative;text-align:center;z-index:2}.auth-phrase-icon{color:#fde047;margin-bottom:1.5rem}.auth-phrase-text{font-size:3.5rem;font-weight:800;line-height:1.2;text-shadow:0 4px 15px #0006}.fade-in{opacity:1;transform:scale(1) translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.fade-out{opacity:0;transform:scale(.95) translateY(-15px);transition:opacity .6s ease-in,transform .6s ease-in}.floating-shape{animation:float 20s linear infinite;background-color:#fde0471a;border-radius:50%;display:block;position:absolute;z-index:1}.shape1{animation-duration:25s;bottom:-50px;height:150px;left:10%;width:150px}.shape2{animation-delay:5s;animation-duration:20s;height:80px;right:15%;top:10%;width:80px}.shape3{animation-delay:2s;animation-duration:18s;border-radius:20%;height:120px;left:30%;top:60%;width:120px}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-100px) rotate(180deg)}to{transform:translateY(0) rotate(1turn)}}@media (max-width:768px){.auth-container{flex-direction:column}.auth-content-section,.auth-form-section{width:100%}.auth-content-section{min-height:350px;order:-1}.auth-phrase-text{font-size:2.5rem}}
/*# sourceMappingURL=main.609b0dca.css.map*/