@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Dancing+Script:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Dancing+Script:wght@600;700&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 var(--pulse-color,var(--primary))}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}@media (width<=767px){:root{--cell-width:34px;--cell-height:52px;--sticky-left-width:120px;--sticky-tasks-width:65px;--sticky-total-width:85px}}@media (width<=767px){.grid-cell-sticky{padding:0 .5rem}}@media (width<=767px){.habit-square{border-radius:6px;width:24px;height:24px}}@media (width<=767px){.day-abbr-cell{font-size:.52rem}.weekly-progress-cell{box-sizing:border-box!important;background:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:12px!important;height:calc(100% - 12px)!important;margin:6px 4px!important}[data-theme=light] .weekly-progress-cell{background:#0f172a08!important;border:1px solid #0f172a0f!important}}@keyframes mobileCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .mobile-add-habit-input,[data-theme=light] .mobile-suggestion-chip,[data-theme=light] .mobile-filter-pill{border-color:var(--border-color);background:#00000008}[data-theme=light] .mobile-history-rate-badge,[data-theme=light] .mobile-history-progress-bar-container{background:#00000008;border-color:#0000000f}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=767px){.main-content-layout{padding:1rem 16px!important}.floating-navbar{width:calc(100% - 32px)!important;margin:16px auto 0!important}}.liquid-glass-dropdown-item.active,[data-theme=light] .liquid-glass-dropdown-item.active{background:var(--primary);color:#fff}@keyframes liquidGlassFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=767px){.welcome-section{text-align:center;align-items:center;padding:1rem 0}.welcome-title{flex-direction:column;align-items:center;gap:.25rem;font-size:1.8rem!important}.welcome-name{margin-left:0!important;font-size:2.2rem!important}.welcome-subtitle{margin-top:.5rem;font-size:.8rem}}@media (width>=1024px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=768px) and (width<=1023px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-stats-grid>div:nth-child(3){grid-column:span 2}}@media (width<=767px){.dashboard-stats-grid{grid-template-columns:1fr}}@media (width>=1024px){.dashboard-charts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1023px){.dashboard-charts-grid{grid-template-columns:1fr}}@media (width<=1023px){.add-habit-form{flex-direction:column;align-items:stretch}.add-habit-form>div{width:100%}}@media (width<=1023px){.add-habit-btn{justify-content:center;width:100%!important}}@media (width>=1024px){.filter-container{justify-content:space-between}}@media (width>=768px) and (width<=1023px){.filter-container{text-align:center;flex-direction:column;justify-content:center;align-items:center}.filter-controls{justify-content:center;width:100%}}@media (width<=767px){.filter-container{flex-direction:column;align-items:stretch;padding:1rem!important}.filter-description{text-align:center;margin-bottom:.5rem}.filter-controls{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.liquid-glass-dropdown-wrapper{width:100%}.liquid-glass-btn{width:100%!important}}@media (width<=767px){.habit-suggestion-chip{min-height:44px;padding:.5rem 1rem!important}.glass-card,.floating-navbar,.navbar-dropdown,.navbar-mobile-panel,.streak-badge-capsule,.liquid-glass-btn,.liquid-glass-dropdown-menu,.add-habit-panel,.monthly-line-chart-panel,.search-results-dropdown,.navbar-dropdown{box-shadow:none!important;-webkit-backdrop-filter:none!important}}:root{--bg-base:#000;--bg-sidebar:#050507;--bg-surface:#0a0a0c;--bg-surface-hover:#121215;--bg-card:#0a0a0c;--border-color:#1a1a20;--border-color-hover:#2d2d38;--bg-header:#050507;--bg-border:#1a1a20;--primary:#0f8000;--primary-hover:#14aa00;--accent-pink:#ed9da0;--accent-pink-hover:#f1b2b4;--secondary:#3f3d56;--secondary-hover:#4e4c6b;--accent-green:#0f8000;--accent-green-hover:#14aa00;--accent-red:#da3637;--text-primary:#ededed;--text-secondary:#8a8a93;--text-muted:#52525b;--font-sans:"Inter", system-ui, sans-serif;--font-heading:"Inter", system-ui, sans-serif;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition-fast:.1s ease;--transition-normal:.2s ease;--bg-surface-glass:#0a0a0cbf;--shadow-card-color:#00000059;--shadow-card:0 8px 32px 0 var(--shadow-card-color);--shadow-navbar-color:#0006;--shadow-navbar:0 8px 32px 0 var(--shadow-navbar-color);--shadow-color:#00000080;--bg-navbar-rgba:#0a0a0cbf;--bg-action-btn:#ffffff08;--bg-action-btn-hover:#ffffff12}[data-theme=light]{--bg-base:#f7f9fb;--bg-sidebar:#fff;--bg-surface:#fff;--bg-surface-hover:#f1f3f6;--bg-card:#fff;--border-color:#e2e8f0;--border-color-hover:#cbd5e1;--bg-header:#fff;--bg-border:#e2e8f0;--primary:#0e7000;--primary-hover:#0b5700;--accent-pink:#d97275;--accent-pink-hover:#c45b5e;--secondary:#64748b;--secondary-hover:#475569;--accent-green:#0e7000;--accent-green-hover:#0b5700;--accent-red:#cc2d30;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--bg-surface-glass:#ffffffbf;--shadow-card-color:#0f172a0a;--shadow-card:0 8px 24px var(--shadow-card-color);--shadow-navbar-color:#0f172a08;--shadow-navbar:0 4px 20px var(--shadow-navbar-color);--shadow-color:#0f172a0f;--bg-navbar-rgba:#ffffffbf;--bg-action-btn:#0f172a0a;--bg-action-btn-hover:#0f172a14}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-pulse-ring{animation:2s infinite pulseRing}:root{--cell-width:40px;--cell-height:52px;--sticky-left-width:200px;--sticky-tasks-width:90px;--sticky-total-width:130px}@media (width<=767px){:root{--cell-width:34px;--cell-height:52px;--sticky-left-width:120px;--sticky-tasks-width:65px;--sticky-total-width:85px}}.habit-grid-container{border:1px solid var(--bg-border,#1a1a20);background:var(--bg-base);border-radius:8px;width:100%;display:flex;position:relative;overflow:hidden}.habit-grid-sticky-col{width:var(--sticky-left-width);background:var(--bg-base);border-right:1px solid var(--bg-border,#1a1a20);z-index:5;flex-shrink:0;box-shadow:4px 0 10px #0006}.habit-grid-tasks-col{width:var(--sticky-tasks-width);background:var(--bg-base);border-left:1px solid var(--bg-border,#1a1a20);z-index:5;flex-direction:column;flex-shrink:0;display:flex;box-shadow:-4px 0 10px #0006}.habit-grid-total-col{width:var(--sticky-total-width);background:var(--bg-base);border-left:1px solid var(--bg-border,#1a1a20);z-index:5;flex-direction:column;flex-shrink:0;display:flex}.habit-grid-scroll-area{background:var(--bg-base);flex-direction:column;flex:1;display:flex;overflow-x:auto}.grid-row{height:var(--cell-height);border-bottom:1px solid var(--bg-border,#1a1a20);align-items:center;width:max-content;display:flex}.grid-row:last-child{border-bottom:none}.grid-cell-sticky{width:var(--sticky-left-width);background:var(--bg-base);box-sizing:border-box;justify-content:space-between;align-items:center;height:100%;padding:0 1rem;display:flex;position:relative}@media (width<=767px){.grid-cell-sticky{padding:0 .5rem}}.grid-cell-sticky-right{width:100%;height:var(--cell-height);background:var(--bg-base);border-bottom:1px solid var(--bg-border,#1a1a20);color:var(--text-primary);box-sizing:border-box;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.grid-cell-sticky-right:last-child{border-bottom:none}.grid-cell-scroll{width:var(--cell-width);box-sizing:border-box;border-right:1px solid #ffffff0a;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.grid-cell-scroll.week-end{border-right:2px solid #ffffff26}.habit-square{cursor:pointer;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .15s,box-shadow .15s;display:flex}@media (width<=767px){.habit-square{border-radius:6px;width:24px;height:24px}}.habit-square.not-completed{background:#0d0d11;border:1px solid #1a1a24}.habit-square.not-completed:hover{border-color:#2e2e3a}.habit-square.completed{border:none}.week-header-row{border-bottom:1px solid #ffffff0d;width:max-content;height:24px;display:flex}.week-header-cell{text-transform:uppercase;letter-spacing:.05em;box-sizing:border-box;border-right:2px solid #ffffff26;flex-shrink:0;justify-content:center;align-items:center;height:100%;font-size:.65rem;font-weight:700;display:flex}.week-header-cell:last-child{border-right:none}.day-letters-row{border-bottom:1px solid #ffffff0d;width:max-content;height:20px;display:flex}.day-numbers-row{border-bottom:1px solid var(--bg-border,#1a1a20);width:max-content;height:20px;display:flex}.cell-tooltip{border:1px solid var(--bg-border,#1a1a20);color:var(--text-secondary);white-space:nowrap;pointer-events:none;z-index:100;background:#1a1a20;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:500;position:absolute;bottom:80%;left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 4px 10px #00000080}.day-abbr-cell{color:var(--text-secondary);font-size:.65rem;font-weight:600}@media (width<=767px){.day-abbr-cell{font-size:.52rem}.weekly-progress-cell{box-sizing:border-box!important;background:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:12px!important;height:calc(100% - 12px)!important;margin:6px 4px!important}[data-theme=light] .weekly-progress-cell{background:#0f172a08!important;border:1px solid #0f172a0f!important}}[data-theme=light] .grid-cell-scroll{border-right:1px solid #0f172a0d}[data-theme=light] .grid-cell-scroll.week-end{border-right:2px solid #0f172a1f}[data-theme=light] .habit-square.not-completed{background:#0f172a08;border:1px solid #0f172a14}[data-theme=light] .habit-square.not-completed:hover{border-color:#0f172a33}[data-theme=light] .week-header-row{border-bottom:1px solid #0f172a0f}[data-theme=light] .week-header-cell{border-right:2px solid #0f172a1f}[data-theme=light] .day-letters-row{border-bottom:1px solid #0f172a0f}[data-theme=light] .cell-tooltip{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:0 4px 12px #0f172a14}[data-theme=light] .habit-grid-sticky-col{box-shadow:4px 0 10px #0f172a0a}[data-theme=light] .habit-grid-tasks-col{box-shadow:-4px 0 10px #0f172a0a}.mobile-dashboard{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;padding-bottom:2rem;display:flex}.mobile-hero-card{box-sizing:border-box;background:linear-gradient(135deg,#0f80001f 0%,#0a0a0cf2 50%,#ed9da014 100%);border:1px solid #ffffff14;border-radius:20px;padding:1.5rem;position:relative;overflow:hidden}.mobile-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#0f800026 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50%;right:-30%}.mobile-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ed9da01a 0%,#0000 70%);width:150px;height:150px;position:absolute;bottom:-40%;left:-20%}.mobile-hero-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.mobile-hero-greeting{flex-direction:column;gap:.15rem;display:flex}.mobile-hero-greeting-text{color:var(--text-secondary);letter-spacing:.03em;font-size:.8rem;font-weight:500}.mobile-hero-name{background:linear-gradient(135deg, var(--primary) 0%, #14aa00 50%, var(--accent-pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Dancing Script,Brush Script MT,cursive;font-size:2rem;font-weight:700;line-height:1.2}.mobile-hero-progress-ring{justify-content:center;align-items:center;display:flex;position:relative}.mobile-hero-progress-text{flex-direction:column;align-items:center;line-height:1.1;display:flex;position:absolute}.mobile-hero-progress-value{color:var(--text-primary);font-size:1.1rem;font-weight:800}.mobile-hero-progress-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.55rem;font-weight:600}.mobile-hero-bottom{z-index:1;gap:1.5rem;margin-top:1.25rem;display:flex;position:relative}.mobile-hero-stat{flex-direction:column;gap:.1rem;display:flex}.mobile-hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:600}.mobile-hero-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.mobile-hero-stat-value .fire{color:var(--accent-pink)}.mobile-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.mobile-stat-tile{background:var(--bg-card);border:1px solid var(--bg-border);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:.15rem;min-height:90px;padding:.85rem;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.mobile-stat-tile:active{border-color:#ffffff26}.mobile-stat-tile-value{color:var(--text-primary);margin-top:.15rem;font-size:1.5rem;font-weight:800;line-height:1.1}.mobile-stat-tile-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.mobile-stat-tile-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.7rem;overflow:hidden}.mobile-habits-section{flex-direction:column;gap:.75rem;display:flex}.mobile-habits-header{justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}.mobile-habits-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.mobile-habits-count{color:var(--text-muted);font-size:.75rem;font-weight:600}.mobile-habit-card{background:var(--bg-card);border:1px solid var(--bg-border);box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:space-between;align-items:center;gap:.5rem;min-height:60px;padding:.75rem .85rem;transition:all .2s;display:flex}.mobile-habit-card-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.mobile-habit-card.completed{background:#0f80000a;border-color:#0f800033}.mobile-habit-card-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mobile-habit-card-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.mobile-habit-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.mobile-habit-card-meta{align-items:center;gap:.65rem;display:flex}.mobile-habit-card-streak{color:var(--accent-pink);align-items:center;gap:.2rem;font-size:.72rem;font-weight:600;display:flex}.mobile-habit-card-progress{color:var(--text-muted);font-size:.7rem}.mobile-habit-checkbox{cursor:pointer;border:2px solid var(--bg-border);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.mobile-habit-checkbox.checked{border-color:var(--primary);background:var(--primary);box-shadow:0 0 16px #0f80004d}.mobile-habit-checkbox svg{width:20px;height:20px}.mobile-habit-checkbox:active{transform:scale(.9)}.mobile-habit-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.mobile-habit-delete-btn{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:.4rem;font-size:1rem;transition:all .15s;display:flex}.mobile-habit-delete-btn:active{color:#ef4444;background:#ef444426}.mobile-habit-delete-confirm{background:#ef444414;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:.35rem;padding:.25rem .5rem;display:flex}.mobile-habit-delete-confirm span{color:var(--accent-pink);font-size:.7rem;font-weight:600}.mobile-habit-delete-confirm button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:.2rem .35rem;font-size:.72rem;font-weight:700;display:flex}.mobile-habit-delete-confirm button.yes{color:#ef4444}.mobile-habit-delete-confirm button.no{color:var(--text-secondary)}.mobile-add-habit{background:var(--bg-card);border:1px solid var(--bg-border);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.mobile-add-habit-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.mobile-add-habit-form{box-sizing:border-box;gap:.5rem;width:100%;display:flex}.mobile-add-habit-input{color:var(--text-primary);box-sizing:border-box;background:#00000040;border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;min-height:44px;padding:.7rem .85rem;font-size:.85rem;transition:border-color .2s}.mobile-add-habit-input:focus{border-color:var(--primary)}.mobile-add-habit-input::placeholder{color:var(--text-muted)}.mobile-add-habit-submit{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#556b2f 0%,#6b8e23 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.2rem;font-weight:700;transition:transform .15s;display:flex}.mobile-add-habit-submit:active{transform:scale(.92)}.mobile-suggestions-strip{-ms-overflow-style:none;scrollbar-width:none;gap:.4rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.mobile-suggestions-strip::-webkit-scrollbar{display:none}.mobile-suggestion-chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;flex-shrink:0;align-items:center;gap:.25rem;min-height:34px;padding:.4rem .75rem;font-size:.72rem;transition:all .15s;display:inline-flex}.mobile-suggestion-chip:active{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}.mobile-filter-bar{-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:.5rem;padding:.75rem 0;display:flex;overflow-x:auto}.mobile-filter-bar::-webkit-scrollbar{display:none}.mobile-filter-pill{color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;min-height:36px;padding:.45rem .85rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.mobile-filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.mobile-filter-pill:active{transform:scale(.95)}.mobile-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-right:.25rem;font-size:.7rem;font-weight:700}.mobile-chart-card{background:var(--bg-card);border:1px solid var(--bg-border);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.mobile-chart-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.mobile-chart-subtitle{color:var(--text-secondary);margin-top:-.25rem;font-size:.65rem}.mobile-chart-body{width:100%;height:160px}.mobile-section-divider{background:linear-gradient(90deg, transparent 0%, var(--bg-border) 30%, var(--bg-border) 70%, transparent 100%);height:1px;margin:.25rem 0}.mobile-habit-card{animation:.3s forwards mobileCardFadeIn}.mobile-habit-card:first-child{animation-delay:0s}.mobile-habit-card:nth-child(2){animation-delay:40ms}.mobile-habit-card:nth-child(3){animation-delay:80ms}.mobile-habit-card:nth-child(4){animation-delay:.12s}.mobile-habit-card:nth-child(5){animation-delay:.16s}.mobile-habit-card:nth-child(6){animation-delay:.2s}.mobile-habit-card:nth-child(7){animation-delay:.24s}.mobile-habit-card:nth-child(8){animation-delay:.28s}.mobile-habit-card:nth-child(9){animation-delay:.32s}.mobile-habit-card:nth-child(10){animation-delay:.36s}[data-theme=light] .mobile-hero-card{border-color:var(--border-color);background:linear-gradient(135deg,#0f80000f 0%,#fffffff2 50%,#ed9da00f 100%)}[data-theme=light] .mobile-stat-tile,[data-theme=light] .mobile-habit-card,[data-theme=light] .mobile-add-habit,[data-theme=light] .mobile-chart-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=light] .mobile-habit-card.completed{background:#0f80000a;border-color:#0f800026}[data-theme=light] .mobile-add-habit-input,[data-theme=light] .mobile-suggestion-chip,[data-theme=light] .mobile-filter-pill{border-color:var(--border-color);background:#00000008}.mobile-view-toggle{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:.5rem;padding:3px;display:flex}.mobile-view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 0;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.mobile-view-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0f800033}[data-theme=light] .mobile-view-toggle{border-color:var(--border-color);background:#00000008}.mobile-history-grid-container{flex-direction:column;gap:1rem;display:flex}.mobile-history-key{justify-content:center;align-items:center;gap:1.25rem;margin-bottom:.25rem;padding:.25rem 0;display:flex}.mobile-key-item{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.72rem;font-weight:500;display:flex}.mobile-key-dot{border-radius:50%;width:8px;height:8px}.completed-key{background:var(--primary);box-shadow:0 0 6px var(--primary)}.missed-key{background:#ffffff14;border:1px solid #ffffff1f}.future-key{background:0 0;border:1px dashed #ffffff40}.mobile-history-card{background:var(--bg-card);border:1px solid var(--bg-border);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.mobile-history-card-header{justify-content:space-between;align-items:center;display:flex}.mobile-history-habit-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.mobile-history-streak-badge{color:var(--accent-pink);background:#ec48991a;border:1px solid #ec489933;border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.mobile-history-rate-badge{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.mobile-history-progress-bar-container{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:3px;width:100%;height:6px;overflow:hidden}.mobile-history-progress-bar-fill{border-radius:3px;height:100%;transition:width .3s}.mobile-calendar-wrapper{flex-direction:column;gap:.5rem;display:flex}.mobile-calendar-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.mobile-calendar-weekday{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700}.mobile-calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.mobile-calendar-cell{aspect-ratio:1;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;transition:all .2s;display:flex}.mobile-calendar-cell.completed{color:#fff}.mobile-calendar-cell.missed{color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff0f}.mobile-calendar-cell.future{color:var(--text-muted);opacity:.4;background:0 0;border:1px dashed #ffffff26}.mobile-calendar-cell.today{border:1.5px solid #fff}.mobile-calendar-cell.offset{visibility:hidden;background:0 0;border:none}.mobile-months-grid{grid-template-columns:repeat(4,1fr);gap:12px 6px;padding:.25rem 0;display:grid}.mobile-month-ring-wrapper{flex-direction:column;align-items:center;gap:.15rem;display:flex}.mobile-month-ring-name{color:var(--text-secondary);font-size:.68rem;font-weight:700}[data-theme=light] .mobile-history-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=light] .mobile-key-item{color:var(--text-secondary)}[data-theme=light] .mobile-key-dot.missed-key{background:#0000000d;border-color:#0000001a}[data-theme=light] .mobile-key-dot.future-key{border-color:#0003}[data-theme=light] .mobile-history-rate-badge,[data-theme=light] .mobile-history-progress-bar-container{background:#00000008;border-color:#0000000f}[data-theme=light] .mobile-calendar-cell.missed{color:var(--text-muted);background:#00000005;border-color:#0000000f}[data-theme=light] .mobile-calendar-cell.future{border-color:#0000001a}[data-theme=light] .mobile-calendar-cell.today{border-color:#000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-base);width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-weight:600}a{color:var(--primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}input,button,select,textarea{font-family:inherit;font-size:inherit}.glass-card{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-card), inset 0 1px 1px 0 #ffffff0d;border-radius:16px;transition:border-color .25s,background-color .25s,transform .2s}.glass-card:hover{border-color:#ffffff26}.glass-input{background:var(--bg-action-btn);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;outline:none;width:100%;padding:.7rem 1.1rem;transition:all .2s}.glass-input:focus{border-color:var(--primary);background:var(--bg-action-btn-hover);box-shadow:0 0 0 3px #0f800040}.glass-select{background:var(--bg-action-btn);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;outline:none;padding:.7rem 1.1rem;transition:all .2s}.glass-select:focus{border-color:var(--primary);background:var(--bg-action-btn-hover);box-shadow:0 0 0 3px #0f800040}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.custom-btn:hover{opacity:.92}.custom-btn.primary:hover{background-color:var(--primary-hover)!important}.custom-btn.secondary:hover{background-color:var(--bg-surface-hover)!important;border-color:var(--border-color-hover)!important}.custom-btn.success:hover{background-color:var(--accent-green-hover)!important}.main-content-layout{box-sizing:border-box;max-width:1700px;margin:0 auto;padding:2rem 32px}.floating-navbar{max-width:1700px;left:0;right:0;width:calc(100% - 64px)!important;margin:16px auto 0!important}@media (width<=767px){.main-content-layout{padding:1rem 16px!important}.floating-navbar{width:calc(100% - 32px)!important;margin:16px auto 0!important}}.filter-container{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);box-sizing:border-box;z-index:50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem 1.5rem;display:flex;position:relative}.filter-description{flex-direction:column;gap:.2rem;display:flex}.filter-controls{align-items:center;gap:.75rem;display:flex}.liquid-glass-dropdown-wrapper{position:relative}.liquid-glass-btn{color:var(--text-primary);-webkit-backdrop-filter:blur(12px)saturate(180%);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;outline:none;justify-content:space-between;align-items:center;gap:.75rem;min-width:140px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 4px 20px #00000026,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #0003}.liquid-glass-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#fff0 100%);border-radius:100px 100px 0 0;height:50%;position:absolute;top:0;left:0;right:0}[data-theme=light] .liquid-glass-btn{background:#ffffff73;border:1px solid #00000012;box-shadow:0 4px 15px #0000000a,inset 0 1px 2px #fffc,inset 0 -1px 1px #00000008}[data-theme=light] .liquid-glass-btn:before{background:linear-gradient(#fff9 0%,#fff0 100%)}.liquid-glass-btn:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1.5px);box-shadow:0 8px 25px #0003,0 0 8px #ffffff0d,inset 0 1px 1px #ffffff40}[data-theme=light] .liquid-glass-btn:hover{background:#ffffffa6;border-color:#0000001f;box-shadow:0 8px 20px #0000000f,0 0 8px #ffffff4d,inset 0 1px 2px #ffffffe6}.liquid-glass-btn:active{transform:translateY(.5px);box-shadow:0 2px 8px #0000001a,inset 0 1px 1px #ffffff1a}.liquid-glass-dropdown-menu{-webkit-backdrop-filter:blur(24px);z-index:1000;background:#0a0a0ce0;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:2px;min-width:170px;max-height:280px;padding:.4rem;animation:.2s cubic-bezier(.16,1,.3,1) liquidGlassFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 40px #0006,inset 0 1px 1px #ffffff1a}.liquid-glass-dropdown-menu.month-grid{grid-template-columns:repeat(2,1fr);gap:4px;min-width:290px;max-height:none;display:grid;overflow-y:visible}.month-grid-full{border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;grid-column:span 2;justify-content:center;margin-bottom:2px;font-weight:600}[data-theme=light] .liquid-glass-dropdown-menu{background:#ffffffe6;border:1px solid #00000014;box-shadow:0 12px 35px #00000014,inset 0 1px 1px #fff9}.liquid-glass-dropdown-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .85rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.liquid-glass-dropdown-item:hover{color:var(--text-primary);background:#ffffff0f}[data-theme=light] .liquid-glass-dropdown-item:hover{color:var(--text-primary);background:#0000000a}.liquid-glass-dropdown-item.active,[data-theme=light] .liquid-glass-dropdown-item.active{background:var(--primary);color:#fff}.dropdown-chevron{border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;margin-top:-3px;margin-left:4px;transition:transform .2s;display:inline-block;transform:rotate(45deg)}.dropdown-chevron.open{margin-top:1px;transform:rotate(-135deg)}.welcome-section{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.welcome-title{color:var(--text-primary);flex-wrap:wrap;align-items:baseline;margin:0;font-size:2.2rem;font-weight:500;display:flex}.welcome-name{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-green-hover) 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #0f80001f;-webkit-background-clip:text;margin-left:10px;font-family:Dancing Script,Brush Script MT,cursive;font-size:2.6rem;font-weight:700}.welcome-subtitle{color:var(--text-secondary,#8a8a93);margin-top:.45rem;font-size:.85rem}@media (width<=767px){.welcome-section{text-align:center;align-items:center;padding:1rem 0}.welcome-title{flex-direction:column;align-items:center;gap:.25rem;font-size:1.8rem!important}.welcome-name{margin-left:0!important;font-size:2.2rem!important}.welcome-subtitle{margin-top:.5rem;font-size:.8rem}}.dashboard-stats-grid{gap:1.25rem;width:100%;display:grid}@media (width>=1024px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=768px) and (width<=1023px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-stats-grid>div:nth-child(3){grid-column:span 2}}@media (width<=767px){.dashboard-stats-grid{grid-template-columns:1fr}}.stats-card-container{background:var(--bg-card);border:1px solid var(--bg-border);box-sizing:border-box;border-radius:12px;min-height:120px;padding:1.25rem;display:flex}.stats-card-column{flex-direction:column;justify-content:space-between}.stats-card-row{justify-content:space-between;align-items:center}.dashboard-charts-grid{box-sizing:border-box;gap:1.25rem;width:100%;display:grid}@media (width>=1024px){.dashboard-charts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1023px){.dashboard-charts-grid{grid-template-columns:1fr}}.chart-card-wrapper{width:100%;overflow-x:auto}.add-habit-form{box-sizing:border-box;align-items:center;gap:.75rem;width:100%;display:flex}@media (width<=1023px){.add-habit-form{flex-direction:column;align-items:stretch}.add-habit-form>div{width:100%}}.add-habit-btn{min-height:44px}@media (width<=1023px){.add-habit-btn{justify-content:center;width:100%!important}}@media (width>=1024px){.filter-container{justify-content:space-between}}@media (width>=768px) and (width<=1023px){.filter-container{text-align:center;flex-direction:column;justify-content:center;align-items:center}.filter-controls{justify-content:center;width:100%}}@media (width<=767px){.filter-container{flex-direction:column;align-items:stretch;padding:1rem!important}.filter-description{text-align:center;margin-bottom:.5rem}.filter-controls{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.liquid-glass-dropdown-wrapper{width:100%}.liquid-glass-btn{width:100%!important}}.liquid-glass-btn{min-height:44px}.habit-suggestion-chip{min-height:38px}@media (width<=767px){.habit-suggestion-chip{min-height:44px;padding:.5rem 1rem!important}.glass-card,.floating-navbar,.navbar-dropdown,.navbar-mobile-panel,.streak-badge-capsule,.liquid-glass-btn,.liquid-glass-dropdown-menu,.add-habit-panel,.monthly-line-chart-panel,.search-results-dropdown,.navbar-dropdown{box-shadow:none!important;-webkit-backdrop-filter:none!important}}