@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);.subscription-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.subscription-popup{animation:slideUp .3s ease;background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid #10b981;border-radius:24px;box-shadow:0 25px 50px #10b9814d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.subscription-content{flex:1 1;overflow-y:auto;padding:32px}[data-theme=light] .subscription-popup{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#10b981}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.subscription-header{background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:22px 22px 0 0;padding:32px;text-align:center}.subscription-header h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.subscription-subtitle{color:#ffffffe6;font-size:15px;margin:0}.subscription-pricing{background:#10b9811a;border:2px solid #10b9814d;border-radius:16px;margin-bottom:32px;padding:24px;text-align:center}.price-tag{margin-bottom:12px;position:relative}.offer-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 4px 15px #f59e0b4d;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:16px;padding:6px 16px}.price-container{flex-wrap:wrap;gap:16px;justify-content:center}.price-original{color:#64748b;font-size:24px;opacity:.7;-webkit-text-decoration-color:#ef4444;text-decoration-color:#ef4444;text-decoration-thickness:3px}.price-current{align-items:baseline;display:flex;gap:4px}.currency{color:#10b981;font-size:32px;font-weight:700}.amount{color:#10b981;font-size:64px;font-weight:800;line-height:1}.period{color:#64748b;font-size:20px}.price-description{color:#94a3b8;font-size:14px;margin:0}.subscription-features{margin-bottom:32px}.subscription-features h3{color:#f1f5f9;font-size:18px;margin-bottom:16px}[data-theme=light] .subscription-features h3{color:#0f172a}.subscription-features ul{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.subscription-features li{background:#ffffff0d;border-radius:8px;color:#cbd5e1;font-size:14px;padding:8px 12px}[data-theme=light] .subscription-features li{background:#f8fafc;color:#475569}.payment-section{margin-bottom:24px}.payment-section h3{color:#f1f5f9;font-size:18px;margin-bottom:16px}[data-theme=light] .payment-section h3{color:#0f172a}.payment-section ol{color:#94a3b8;font-size:14px;margin-bottom:24px;padding-left:20px}.payment-section li{margin-bottom:8px}.qr-code-section{background:#fff;border-radius:16px;margin:24px 0;padding:24px;text-align:center}.qr-code{border-radius:12px;height:auto;max-width:200px}.qr-placeholder{background:#f1f5f9;border-radius:12px;padding:40px}.qr-placeholder p{color:#64748b;margin:8px 0}.upi-id{color:#10b981;font-size:16px;font-weight:600}.upload-section{margin-top:24px}.upload-label{cursor:pointer;display:block}.upload-label input[type=file]{display:none}.upload-button{background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:12px;color:#fff;font-size:15px;font-weight:600;padding:16px 24px;text-align:center;transition:all .2s}.upload-button:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.upload-label input:disabled+.upload-button{cursor:not-allowed;opacity:.6}.preview-section{margin-top:16px;text-align:center}.preview-image{border:2px solid #10b981;border-radius:12px;margin-bottom:8px;max-height:200px;max-width:200px}.preview-text{color:#10b981;font-size:14px;font-weight:600;margin:0}.subscription-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.skip-btn,.subscribe-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s;width:100%}.subscribe-btn{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.subscribe-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.subscribe-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.skip-btn{background:#0000;border:1px solid #fff3;color:#94a3b8}[data-theme=light] .skip-btn{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.skip-btn:hover:not(:disabled){background:#ffffff1a;color:#cbd5e1}.subscription-footer{border-top:1px solid #ffffff1a;padding-top:24px;text-align:center}[data-theme=light] .subscription-footer{border-top-color:#e2e8f0}.subscription-footer p{color:#64748b;font-size:13px;margin:0}.subscription-footer a{color:#10b981;font-weight:600;text-decoration:none}.subscription-footer a:hover{text-decoration:underline}@media (max-width:768px){.subscription-overlay{padding:10px}.subscription-popup{border-radius:16px;margin:0;max-height:95vh;max-width:100%}.subscription-header{border-radius:14px 14px 0 0;padding:20px}.subscription-header h2{font-size:22px}.subscription-content{padding:20px}.amount{font-size:48px}.price-original{font-size:20px}.subscription-features ul{grid-template-columns:1fr}.subscription-actions{flex-direction:column}.qr-code{max-width:150px}}@media (max-width:480px){.subscription-overlay{padding:5px}.subscription-popup{border-radius:12px;max-height:98vh}.subscription-header{padding:16px}.subscription-header h2{font-size:20px}.subscription-content{padding:16px}.subscription-pricing{margin-bottom:20px;padding:16px}.amount{font-size:40px}.currency{font-size:24px}.period{font-size:16px}.price-original{font-size:18px}.price-container{flex-direction:column;gap:8px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#34d399;--accent:#06b6d4;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--bg-primary:#fff;--bg-secondary:#f0fdfa;--bg-tertiary:#ccfbf1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#d1fae5;--border-light:#ecfdf5;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glass:0 8px 32px #10b98126;--radius:16px;--chart-grid:#e2e8f0;--glass-bg:#fff9;--glass-border:#fffc;--glass-shadow:0 8px 32px #00000014;--gradient-primary:linear-gradient(135deg,#10b981,#06b6d4);--gradient-accent:linear-gradient(135deg,#06b6d4,#8b5cf6)}[data-theme=dark]{--primary:#34d399;--primary-dark:#10b981;--primary-light:#6ee7b7;--accent:#22d3ee;--bg-primary:#0f172a;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-light:#1e293b;--shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 20px 25px -5px #0006,0 10px 10px -5px #0003;--shadow-glass:0 8px 32px #0000004d;--chart-grid:#334155;--glass-bg:#1e293bcc;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d;--gradient-primary:linear-gradient(135deg,#10b981,#06b6d4);--gradient-accent:linear-gradient(135deg,#06b6d4,#8b5cf6)}body{background:#f0fdfa;background:var(--bg-secondary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background .3s,color .3s}.loader-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.loader-container{align-items:center;display:flex;flex-direction:column;gap:24px}.loader{height:80px;position:relative;width:80px}.loader-ring{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#10b981 #06b6d4 #0000 #0000;border-radius:50%;border-style:solid;border-width:4px;height:100%;position:absolute;width:100%}.loader-ring:nth-child(2){animation-delay:-.3s;border-right-color:#8b5cf6;border-top-color:#06b6d4;height:90%;left:5%;top:5%;width:90%}.loader-ring:nth-child(3){animation-delay:-.6s;border-right-color:#10b981;border-top-color:#8b5cf6;height:80%;left:10%;top:10%;width:80%}.loader-text{animation:pulse 1.5s ease-in-out infinite;color:#fff;font-size:18px;font-weight:600;text-align:center}.loader-subtext{color:#ffffffb3;font-size:14px;margin-top:-12px;text-align:center}.server-status{align-items:center;background:#ffffff1a;border-radius:20px;color:#fff;display:flex;font-size:13px;gap:8px;padding:8px 16px}.status-dot{animation:blink 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.google-signin-wrapper{align-items:center;display:inline-flex;gap:12px}.google-signin-disabled{cursor:not-allowed;filter:grayscale(30%);opacity:.6;position:relative}.google-signin-disabled:before{bottom:0;content:"";left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:1}.signin-loader{animation:spin .8s linear infinite;border-color:#10b981 #06b6d4 #10b98133 #10b98133;border-radius:50%;border-style:solid;border-width:2px;flex-shrink:0;height:20px;width:20px}.signin-tooltip{background:#0f172a;border:1px solid #10b98166;border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 4px 20px #0006;color:#fff;font-size:13px;opacity:0;padding:10px 16px;pointer-events:none;transition:opacity .2s ease;white-space:nowrap;z-index:10001}.signin-tooltip,.signin-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.signin-tooltip:after{border:6px solid #0000;border-top-color:#0f172a;content:"";top:100%}.google-signin-disabled:hover .signin-tooltip{opacity:1}.google-signin-disabled:hover{cursor:not-allowed}[data-theme=light] .signin-tooltip{background:#fff;border:1px solid #10b98166;box-shadow:0 4px 20px #00000026;color:#0f172a;color:var(--text-primary)}[data-theme=light] .signin-tooltip:after{border-top-color:#fff}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#06b6d4);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#0891b2);background-clip:padding-box}[data-theme=dark] ::-webkit-scrollbar-track{background:#ffffff0d}*{scrollbar-color:#10b981 #0000000d;scrollbar-width:thin}[data-theme=dark] *{scrollbar-color:#10b981 #ffffff0d}.app{background:#f0fdfa;background:var(--bg-secondary);background-image:radial-gradient(at 20% 20%,#10b9811a 0,#0000 50%),radial-gradient(at 80% 80%,#06b6d41a 0,#0000 50%),radial-gradient(at 40% 60%,#8b5cf60d 0,#0000 50%);min-height:100vh}.toast{align-items:center;animation:slideDown .3s ease;border-radius:10px;box-shadow:0 10px 40px #0000004d;display:flex;font-weight:500;gap:10px;justify-content:center;left:50%;max-width:400px;min-width:280px;padding:14px 28px;pointer-events:none;position:fixed;text-align:center;top:20px;transform:translateX(-50%);width:calc(100vw - 32px);z-index:9999999}.toast.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.toast.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.toast.info{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.toast-icon{font-size:18px}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #10b9814d}50%{box-shadow:0 0 40px #10b98180}}.popup-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.popup{animation:popIn .3s ease;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:#ffffffe6;border:1px solid #fff9;border-radius:20px;box-shadow:0 25px 50px #00000026;max-width:400px;padding:32px;text-align:center;width:90%}[data-theme=dark] .popup{background:#1e293bf2;border:1px solid #ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-icon{font-size:48px;margin-bottom:16px}.popup-icon.warning{filter:hue-rotate(0deg)}.popup-icon.success{filter:hue-rotate(90deg)}.popup-title{color:#0f172a;color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:8px}.popup-message{color:#475569;color:var(--text-secondary);line-height:1.6;margin-bottom:24px;text-align:center}.popup-buttons{display:flex;gap:12px;justify-content:center}.popup-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.popup-btn.cancel{background:#ccfbf1;background:var(--bg-tertiary);color:#475569;color:var(--text-secondary)}.popup-btn.cancel:hover{background:#d1fae5;background:var(--border-color)}.popup-btn.confirm{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 15px #10b9814d;color:#fff}.popup-btn.confirm:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-1px)}.home-page{background:linear-gradient(135deg,#ecfdf5,#f0fdfa 25%,#e0f2fe 50%,#f5f3ff 75%,#fdf4ff);background-attachment:fixed;min-height:100vh;position:relative}.home-page:before{background:radial-gradient(circle at 20% 30%,#10b98126 0,#0000 40%),radial-gradient(circle at 80% 20%,#06b6d426 0,#0000 40%),radial-gradient(circle at 60% 80%,#8b5cf61a 0,#0000 40%),radial-gradient(circle at 10% 80%,#ec489914 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.home-page>:not(.popup-overlay):not(.home-header):not(.home-mobile-menu){position:relative;z-index:1}.home-page .home-header{left:0;position:fixed;right:0;top:0;z-index:1000}.home-page .home-mobile-menu{z-index:99999!important}.home-page .popup-overlay{z-index:10000}[data-theme=dark] .home-page{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}[data-theme=dark] .home-page:before{background:radial-gradient(circle at 20% 30%,#10b9811a 0,#0000 40%),radial-gradient(circle at 80% 20%,#06b6d41a 0,#0000 40%),radial-gradient(circle at 60% 80%,#8b5cf614 0,#0000 40%)}.home-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb3;border-bottom:1px solid #ffffff80;box-shadow:0 4px 30px #0000000d;display:flex;justify-content:space-between;left:0;padding:20px 40px;position:fixed;right:0;top:0;z-index:1000}[data-theme=dark] .home-header{background:#0f172acc;border-bottom:1px solid #ffffff1a}.home-logo{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-family:Poppins,Inter,sans-serif;font-size:24px;font-weight:700;gap:12px;letter-spacing:-.5px}.logo-icon{border-radius:8px;height:40px;object-fit:contain;width:40px}.home-logo span{font-size:28px}.home-header-right{align-items:center;display:flex;gap:16px}.home-header-right-mobile{align-items:center;display:none;gap:8px}.home-mobile-menu{animation:menuFadeIn .15s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #d1fae5;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0000004d;display:block!important;isolation:isolate;left:auto;min-width:180px;overflow:hidden;position:fixed;right:16px;top:70px;z-index:99999}[data-theme=dark] .home-mobile-menu{background:#1e293b;border:1px solid #ffffff1a;box-shadow:0 10px 40px #00000080}.back-to-app-btn{background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:10px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.back-to-app-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.hero-section{align-items:center;display:flex;gap:60px;isolation:isolate;justify-content:space-between;margin:0 auto;max-width:1200px;padding:120px 60px 80px;position:relative;z-index:1}.hero-content{animation:fadeInLeft .8s ease-out;flex:1 1}.hero-content h1{color:#0f172a;color:var(--text-primary);font-size:48px;font-weight:800;line-height:1.2;margin-bottom:24px}.hero-subtitle{color:#475569;color:var(--text-secondary);font-size:18px;line-height:1.7;margin-bottom:24px;max-width:500px}.pricing-badge{align-items:center;animation:fadeInUp .8s ease-out .2s both;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50px;box-shadow:0 8px 25px #10b9814d;display:flex;flex-direction:column;gap:4px;margin-bottom:24px;padding:16px 32px;width:-webkit-fit-content;width:fit-content}.price-highlight{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.5px}.price-subtext{color:#ffffffe6;font-size:13px;font-weight:500}.pricing-badge-cta{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff6;border-radius:50px;box-shadow:0 8px 25px #0003;display:inline-flex;flex-direction:column;gap:4px;margin-bottom:32px;padding:20px 40px}.pricing-badge-cta .price-highlight{color:#fff;text-shadow:0 2px 10px #0000004d}.pricing-badge-cta .price-subtext{color:#fffffff2;text-shadow:0 1px 5px #0003}.contact-info{color:#475569;color:var(--text-secondary);font-size:14px;margin-top:16px}.contact-info a{color:#10b981;font-weight:600;text-decoration:none}.contact-info a:hover{text-decoration:underline}.footer-contact{color:#475569;color:var(--text-secondary);font-size:13px;margin-top:8px}.footer-contact a{color:#10b981;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.hero-login{animation:fadeInUp .8s ease-out .3s both;display:block;margin-bottom:16px}.hero-visual{animation:fadeInRight .8s ease-out .2s both;display:flex;flex:1 1;justify-content:center}.hero-card{animation:float 4s ease-in-out infinite;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb3;border:1px solid #fff9;border-radius:20px;box-shadow:0 20px 40px #0000001a,inset 0 0 0 1px #ffffff80;padding:28px 36px}[data-theme=dark] .hero-card{background:#1e293bb3;border:1px solid #ffffff1a;box-shadow:0 20px 40px #0000004d}.hero-habit-row{align-items:center;border-bottom:1px solid #ecfdf5;border-bottom:1px solid var(--border-light);color:#0f172a;color:var(--text-primary);display:flex;font-size:16px;gap:12px;padding:12px 0}.hero-habit-row:last-child{border-bottom:none}.hero-check{align-items:center;border-radius:6px;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.hero-check.done{background:#22c55e;background:var(--success);color:#fff}.hero-check:not(.done){border:2px solid #d1fae5;border:2px solid var(--border-color);color:#64748b;color:var(--text-muted)}.features-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff6;padding:80px 60px}[data-theme=dark] .features-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99}.features-section h2{color:#0f172a;color:var(--text-primary);font-size:36px;font-weight:700;margin-bottom:48px;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{animation:fadeInUp .6s ease-out both;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fff9;border:1px solid #ffffff80;border-radius:16px;padding:32px;text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}[data-theme=dark] .feature-card{background:#1e293bcc;border:1px solid #34d39933;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .feature-card:hover{border-color:#34d39966;box-shadow:0 8px 30px #0006,0 0 20px #34d3991a}.feature-icon{display:inline-block;font-size:48px;margin-bottom:16px;transition:transform .3s}.feature-card:hover .feature-icon{transform:scale(1.2) rotate(5deg)}.feature-card h3{color:#0f172a;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.feature-card p{color:#475569;color:var(--text-secondary);font-size:15px;line-height:1.6}.offer-badge{overflow:visible;position:relative}.offer-tag{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:20px;box-shadow:0 4px 15px #f59e0b66;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;position:absolute;right:-10px;top:-12px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.price-container{align-items:center;display:flex;gap:12px}.price-original{color:#ffffffb3;font-size:22px;font-weight:600;position:relative;text-decoration:line-through}.price-original:after{background:#ef4444;content:"";height:2px;left:-5%;position:absolute;top:50%;transform:rotate(-12deg);width:110%}.screenshots-section{background:linear-gradient(180deg,#f0fdf4,#ecfeff);overflow:hidden;padding:80px 40px}[data-theme=dark] .screenshots-section{background:linear-gradient(180deg,#0f172a,#1e293b)}.screenshots-section h2{color:#0f172a;color:var(--text-primary);font-size:36px;font-weight:700;margin-bottom:12px;text-align:center}.screenshots-subtitle{color:#475569;color:var(--text-secondary);font-size:16px;margin-bottom:50px;text-align:center}.theme-showcase{align-items:center;display:flex;height:500px;justify-content:center;margin:0 auto 60px;max-width:900px;position:relative}.theme-card{background:linear-gradient(135deg,#10b981,#06b6d4 50%,#34d399);border-radius:16px;box-shadow:0 25px 60px #0003;overflow:hidden;padding:3px;position:absolute;transition:transform .4s ease,box-shadow .4s ease}.theme-card img{border-radius:13px;display:block;height:auto;width:100%}.theme-card.dark-theme{left:0;top:0;transform:rotate(-3deg);width:70%;z-index:1}.theme-card.light-theme{bottom:0;right:0;transform:rotate(3deg);width:70%;z-index:2}.theme-card:hover{box-shadow:0 35px 80px #10b98140,0 20px 50px #0003;transform:rotate(0deg) scale(1.05);z-index:10}.theme-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;background-clip:padding-box,border-box;background-image:linear-gradient(#000c,#000c),linear-gradient(135deg,#10b981,#06b6d4 50%,#34d399);background-origin:border-box;border:2px solid #0000;border-radius:20px;color:#fff;font-size:13px;font-weight:600;left:15px;padding:8px 16px;position:absolute;top:15px}.theme-card.light-theme .theme-label{background-image:linear-gradient(#ffffffe6,#ffffffe6),linear-gradient(135deg,#10b981,#06b6d4 50%,#34d399);box-shadow:0 4px 15px #0000001a;color:#0f172a}.more-features{margin:0 auto;max-width:1100px;padding:0 20px 30px}.more-features h3{color:#0f172a;color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:30px;text-align:center}.features-row{align-items:flex-end;display:flex;gap:0;height:300px;justify-content:center;perspective:1000px;position:relative}.feature-img{background:#fff;background:linear-gradient(135deg,#10b981,#06b6d4 50%,#34d399);border-radius:20px;box-shadow:0 25px 60px #00000026;overflow:hidden;padding:3px;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px}.feature-img:first-child{bottom:20px;left:50%;transform:translateX(-130%) rotate(-6deg);z-index:1}.feature-img:nth-child(2){bottom:0;box-shadow:0 30px 80px #10b98133,0 15px 40px #00000026;left:50%;transform:translateX(-50%) scale(1.08);z-index:3}.feature-img:nth-child(3){bottom:20px;left:50%;transform:translateX(30%) rotate(6deg);z-index:1}.feature-img:hover{box-shadow:0 35px 80px #10b98140,0 20px 50px #0003;transform:translateX(-50%) scale(1.12) rotate(0deg)!important;z-index:10}.feature-img:first-child:hover{transform:translateX(-130%) scale(1.08) rotate(0deg)!important}.feature-img:nth-child(3):hover{transform:translateX(30%) scale(1.08) rotate(0deg)!important}[data-theme=dark] .feature-img{box-shadow:0 25px 60px #0006}[data-theme=dark] .feature-img:nth-child(2){box-shadow:0 30px 80px #34d39926,0 15px 40px #0006}[data-theme=dark] .feature-img:hover{box-shadow:0 35px 80px #34d39933,0 20px 50px #00000080}.feature-img img{background:#fff;border-radius:17px 17px 0 0;display:block;height:auto;width:100%}[data-theme=dark] .feature-img img{background:#1e293b}.feature-img span{background:#fff;border-radius:0 0 17px 17px;border-top:1px solid #10b98126;color:#0f172a;color:var(--text-primary);display:block;font-size:14px;font-weight:700;letter-spacing:.3px;padding:14px 12px;text-align:center}[data-theme=dark] .feature-img span{background:linear-gradient(135deg,#10b98126,#06b6d426);border-top-color:#34d39933}@media (max-width:900px){.theme-showcase{height:380px}.theme-card.dark-theme,.theme-card.light-theme{width:75%}.more-features{padding:0 16px 20px}.more-features h3{margin-bottom:24px}.features-row{height:260px}.feature-img{width:240px}.feature-img:first-child{transform:translateX(-115%) rotate(-5deg)}.feature-img:nth-child(3){transform:translateX(15%) rotate(5deg)}}@media (max-width:768px){.screenshots-section{padding:50px 16px}.screenshots-section h2{font-size:26px}.screenshots-subtitle{font-size:14px;margin-bottom:35px}.theme-showcase{height:320px;margin-bottom:50px;max-width:100%}.theme-card{position:absolute;width:85%!important}.theme-card.dark-theme{bottom:auto!important;left:0!important;right:auto!important;top:0!important;transform:rotate(-2deg)!important;z-index:1}.theme-card.light-theme{bottom:0!important;left:auto!important;right:0!important;top:auto!important;transform:rotate(2deg)!important;z-index:2}.theme-card:hover{transform:rotate(0deg) scale(1.03)!important;z-index:10!important}.theme-label{font-size:11px;left:10px;padding:6px 12px;top:10px}.more-features{padding:0 16px 20px}.more-features h3{font-size:24px;margin-bottom:20px}.features-row{align-items:center;display:flex;flex-direction:column;gap:0;height:auto;overflow:hidden;padding:0;perspective:none}.feature-img{border-radius:16px;bottom:auto!important;left:auto!important;max-width:320px;position:relative;right:auto!important;width:88%!important}.feature-img:first-child{margin-bottom:-20px;transform:rotate(-1.5deg)!important;z-index:1}.feature-img:nth-child(2){margin-bottom:-20px;transform:scale(1.02)!important;z-index:3}.feature-img:nth-child(3){transform:rotate(1.5deg)!important;z-index:1}.feature-img:hover{box-shadow:0 20px 50px #00000026;transform:scale(1.02)!important;z-index:10!important}.feature-img:first-child:hover,.feature-img:nth-child(3):hover{transform:scale(1.02) rotate(0deg)!important}.feature-img span{font-size:13px;padding:12px 10px}}@media (max-width:480px){.screenshots-section{padding:40px 12px}.screenshots-section h2{font-size:22px}.theme-showcase{height:260px;margin-bottom:40px}.theme-card{border-radius:12px;padding:2px;width:88%!important}.theme-card img{border-radius:10px}.theme-label{font-size:10px;left:8px;padding:5px 10px;top:8px}.more-features{padding:0 8px 16px}.more-features h3{font-size:20px;margin-bottom:16px}.feature-img{border-radius:12px;max-width:280px;width:90%!important}.feature-img:first-child,.feature-img:nth-child(2){margin-bottom:-18px}.feature-img span{font-size:12px;padding:10px 8px}.offer-tag{font-size:10px;padding:3px 10px;right:-8px;top:-10px}.price-original{font-size:18px}.price-container{gap:8px}}.cta-section{background:linear-gradient(135deg,#10b981,#06b6d4 50%,#8b5cf6);border-radius:40px;margin:40px;overflow:hidden;padding:100px 60px;position:relative;text-align:center}.cta-section:before{animation:ctaPulse 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff26 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.cta-section:after{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 30%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes ctaPulse{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:.3;transform:scale(1.2) rotate(180deg)}}.cta-section h2{animation:fadeInUp .6s ease-out;font-size:36px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 20px #0000004d,0 4px 40px #0003}.cta-section h2,.cta-section p{color:#fff;position:relative;z-index:1}.cta-section p{animation:fadeInUp .6s ease-out .2s both;font-size:18px;font-weight:500;margin-bottom:32px;text-shadow:0 2px 15px #00000040,0 3px 30px #00000026}.cta-login{display:block;margin-top:24px;position:relative;z-index:1}.home-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-top:1px solid #ffffff4d;padding:24px;text-align:center}.home-footer p{color:#475569;color:var(--text-secondary);font-size:14px}.home-footer a{color:#10b981;color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s}.home-footer a:hover{color:#059669;color:var(--primary-dark)}[data-theme=dark] .home-footer{background:#0f172acc;border-top:1px solid #34d39933}[data-theme=dark] .home-footer a{color:#34d399}[data-theme=dark] .home-footer a:hover{color:#6ee7b7}@media (max-width:900px){.home-header{left:0;position:fixed;right:0;top:0}.home-header-right{display:none}.home-header-right-mobile,.home-page .hamburger-btn{display:flex}.home-page .mobile-menu{display:block}.home-header>.desktop-only{display:none}.home-mobile-menu{top:65px}.hero-section{flex-direction:column;padding:40px 24px;text-align:center}.hero-content h1{font-size:36px}.hero-subtitle{margin:0 auto 32px}.hero-visual{margin-top:40px}.cta-section,.features-section{padding:60px 24px}.cta-section h2,.features-section h2{font-size:28px}}.profile-page{margin:0 auto;max-width:900px;padding:24px 32px}.back-btn{background:#ccfbf1;background:var(--bg-tertiary);border:none;border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;font-weight:500;margin-bottom:24px;padding:10px 20px;transition:all .2s}.back-btn:hover{background:#d1fae5;background:var(--border-color);color:#0f172a;color:var(--text-primary)}.profile-container{display:flex;flex-direction:column;gap:24px}.profile-header-card{background:#fff;background:var(--bg-primary);border-radius:16px;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);overflow:hidden;padding:32px}.profile-avatar-section{align-items:center;display:flex;gap:24px}.profile-avatar{box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow)}.profile-avatar,.profile-avatar-placeholder{border:3px solid #10b981;border:3px solid var(--primary);border-radius:50%;height:96px;width:96px}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:40px;font-weight:700;justify-content:center}.profile-info{flex:1 1}.profile-name{color:#0f172a;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:4px}.profile-email{color:#64748b;color:var(--text-muted);font-size:15px;margin-bottom:4px}.profile-age{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:500}.profile-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.profile-card{background:#fff;background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);padding:24px}.profile-card h3{color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.theme-toggle-section{align-items:center;display:flex;justify-content:space-between}.theme-toggle{background:#ccfbf1;background:var(--bg-tertiary);border:none;border-radius:16px;cursor:pointer;height:32px;position:relative;transition:all .3s;width:60px}.theme-toggle.dark{background:#10b981;background:var(--primary)}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:4px;position:absolute;top:4px;transition:all .3s;width:24px}.theme-toggle.dark .toggle-slider{left:32px}.toggle-icon{font-size:14px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.theme-toggle.dark .toggle-icon{left:8px;right:auto}.date-display{display:flex;gap:24px}.date-item{text-align:center}.date-value{color:#10b981;color:var(--primary);font-size:32px;font-weight:700}.date-label{color:#64748b;color:var(--text-muted);font-size:12px;text-transform:uppercase}.profile-card.full-width{grid-column:1/-1}.profile-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.form-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:220px}.form-group label{color:#475569;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.age-display{background:#ccfbf1;background:var(--bg-tertiary);border-radius:10px;color:#10b981;color:var(--primary);padding:14px 16px}.age-display,.save-btn{font-size:15px;font-weight:600}.save-btn{align-self:flex-end;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:10px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;padding:14px 28px;transition:all .2s}.save-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.account-info{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;border-bottom:1px solid #ecfdf5;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:500}.info-value{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600}.verified-badge{align-items:center;display:inline-flex;height:20px;justify-content:center;margin-left:4px;vertical-align:middle;width:20px}.subscription-card{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133;grid-column:1/-1}[data-theme=dark] .subscription-card{background:linear-gradient(135deg,#10b98126,#06b6d426);border-color:#10b9814d}.subscription-info{display:flex;flex-direction:column;gap:16px}.subscription-status{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:12px;padding:16px}.subscription-status.active{background:#10b98126;color:#10b981}.subscription-status.pending{background:#f59e0b26;color:#f59e0b}.subscription-status.expired{background:#ef444426;color:#ef4444}.subscription-status.none{background:#64748b26;color:#64748b}.subscription-status .status-icon{font-size:24px}.subscription-status .status-text{font-size:16px}.subscription-details{border-top:1px solid #ecfdf5;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px;padding-top:8px}.subscription-details .info-row{padding:8px 0}.info-value.days-left{color:#10b981;font-size:16px;font-weight:700}@media (max-width:768px){.profile-cards{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;text-align:center}.profile-form{flex-direction:column}.form-group{min-width:100%}.form-group input,.form-group select,.save-btn{width:100%}.save-btn{align-self:stretch}}.header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffc;border-bottom:1px solid #ffffff80;box-shadow:0 4px 30px #0000000d;display:flex;justify-content:space-between;left:0;padding:16px 32px;position:fixed;right:0;top:0;z-index:100}[data-theme=dark] .header{background:#0f172ae6;border-bottom:1px solid #ffffff1a}.header-left{align-items:center;display:flex;gap:12px}.header-left .logo-icon{height:36px;width:36px}.logo{font-size:28px}.header h1{font-size:20px}.app-title,.header h1{color:#0f172a;color:var(--text-primary);font-weight:700}.app-title{font-family:Poppins,Inter,sans-serif;font-size:24px;letter-spacing:-.5px}.header-center{display:flex;flex:1 1;justify-content:center}.month-selector{align-items:center;background:#ccfbf1;background:var(--bg-tertiary);border-radius:100px;display:flex;gap:8px;padding:6px 12px;position:relative}.nav-btn{background:none;border:none;border-radius:50%;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;padding:6px 10px;transition:all .2s}.nav-btn:hover{background:#d1fae5;background:var(--border-color);color:#0f172a;color:var(--text-primary)}.month-year-display{align-items:center;display:flex;gap:8px;position:relative}.month-text,.year-text{border-radius:6px;color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:600;padding:4px 8px;transition:all .2s}.clickable{cursor:pointer}.clickable:hover{background:#d1fae5;background:var(--border-color)}.month-dropdown{grid-gap:4px;background:#fff;background:var(--bg-primary);border:1px solid #d1fae5;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);left:0;margin-top:8px;min-width:280px;padding:8px;position:absolute;top:100%;z-index:1000}.month-option{border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:10px 12px;text-align:center;transition:all .2s}.month-option:hover{background:#ccfbf1;background:var(--bg-tertiary);color:#0f172a;color:var(--text-primary)}.month-option.active{background:#10b981;background:var(--primary);color:#fff}.year-input-form{background:#fff;background:var(--bg-primary);border:1px solid #d1fae5;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);display:flex;gap:8px;margin-top:8px;padding:12px;position:absolute;right:0;top:100%;z-index:1000}.year-input-form input{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:8px;color:#0f172a;color:var(--text-primary);font-size:14px;padding:8px 12px;width:100px}.year-input-form input:focus{border-color:#10b981;border-color:var(--primary);outline:none}.year-input-form button{background:#10b981;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.header-right{gap:16px}.header-right,.home-nav-btn{align-items:center;display:flex}.home-nav-btn{background:#ccfbf1;background:var(--bg-tertiary);border:none;border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.home-nav-btn:hover{background:#d1fae5;background:var(--border-color);color:#0f172a;color:var(--text-primary)}.theme-toggle-btn{align-items:center;background:#ccfbf1;background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.theme-toggle-btn:hover{background:#d1fae5;background:var(--border-color);transform:scale(1.1)}.user-info{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px 12px;transition:background .2s}.user-info:hover{background:#ccfbf1;background:var(--bg-tertiary)}.user-info img{border-radius:50%;height:36px;width:36px}.user-info span{color:#0f172a;color:var(--text-primary);font-weight:500}.logout-btn{background:#ccfbf1;background:var(--bg-tertiary);border:none;border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.logout-btn:hover{background:#d1fae5;background:var(--border-color);color:#0f172a;color:var(--text-primary)}.mobile-month-row{background:#fff;background:var(--bg-primary);border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--border-color);display:none;justify-content:center;left:0;padding:10px 16px;position:fixed;right:0;width:100%;z-index:99}.gradient-line{background:linear-gradient(90deg,#10b981,#06b6d4);height:3px;top:72px;z-index:100}.gradient-line,.tabs-bar{left:0;position:fixed;right:0}.tabs-bar{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;display:flex;gap:8px;justify-content:center;padding:12px 20px;top:75px;transition:transform .3s ease,opacity .3s ease;z-index:99}.tabs-bar.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}[data-theme=dark] .tabs-bar{background:#0f172a;border-bottom:2px solid #1e293b}.tabs-bar button{background:none;border:none;border-radius:10px;color:#64748b;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;max-width:200px;padding:10px 24px;transition:all .2s ease}.tabs-bar button:hover{background:#10b9811a;color:#0f172a;color:var(--text-primary)}.tabs-bar button.active{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 15px #10b9814d;color:#fff}.main-content{margin:0 auto;max-width:1800px;padding:150px 32px 24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-top:24px}.page-header h2{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.page-subtitle{color:#64748b;color:var(--text-muted);font-size:14px}.page-header-buttons{align-items:center;display:flex;gap:12px}.card{animation:scaleIn .4s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;border-radius:var(--radius);box-shadow:0 8px 32px #00000014,inset 0 0 0 1px #ffffff4d;padding:24px;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:0 16px 48px #0000001f,inset 0 0 0 1px #fff6;transform:translateY(-4px)}[data-theme=dark] .card{background:#1e293be6;border:1px solid #34d39933;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #34d3991a}[data-theme=dark] .card:hover{border-color:#34d3994d;box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #34d39926}.card h3{color:#64748b;color:var(--text-muted);letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.add-habit-btn,.card h3{font-size:14px;font-weight:600}.add-habit-btn{background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:10px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s}.add-habit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-habit-btn:hover:before{left:100%}.add-habit-btn:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px) scale(1.02)}.edit-habits-btn{align-items:center;background:#ccfbf1;background:var(--bg-tertiary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s}.edit-habits-btn:hover{background:#f0fdfa;background:var(--bg-secondary);border-color:#10b981;border-color:var(--primary);color:#0f172a;color:var(--text-primary);transform:translateY(-2px)}.cancel-edit-btn{background:#ccfbf1;background:var(--bg-tertiary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.cancel-edit-btn:hover:not(:disabled){background:#f0fdfa;background:var(--bg-secondary);color:#0f172a;color:var(--text-primary)}.cancel-edit-btn:disabled{cursor:not-allowed;opacity:.6}.save-habits-btn{background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:10px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.save-habits-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.save-habits-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-col{min-width:50px;width:50px}.inline-delete-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.inline-delete-btn:hover{background:#ef444433;transform:scale(1.1)}.inline-delete-btn.undo{background:#10b9811a;color:#10b981}.inline-delete-btn.undo:hover{background:#10b98133}.habits-table tr.marked-for-delete{background:#ef44440d}.habits-table tr.marked-for-delete td{opacity:.5}.habits-table tr.marked-for-delete .inline-delete-btn{opacity:1}.habit-name.edit-mode{align-items:center;display:flex;gap:8px}.habit-name-input{background:#fff;background:var(--bg-primary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:6px;color:#0f172a;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;min-width:120px;padding:8px 12px;transition:all .2s}.habit-name-input:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.habit-name-input:disabled{background:#ccfbf1;background:var(--bg-tertiary);color:#64748b;color:var(--text-muted);cursor:not-allowed;text-decoration:line-through}.habits-grid{overflow-x:auto}.habits-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.habits-table td,.habits-table th{padding:12px 8px;text-align:center}.habits-table th{background:#f0fdfa;background:var(--bg-secondary);border-bottom:2px solid #d1fae5;border-bottom:2px solid var(--border-color);color:#64748b;color:var(--text-muted);font-weight:600;position:-webkit-sticky;position:sticky;top:0}.habits-table tbody tr{transition:background .2s}.habits-table tbody tr:hover{background:#f0fdfa;background:var(--bg-secondary)}.habits-table tbody td{border-bottom:1px solid #ecfdf5;border-bottom:1px solid var(--border-light)}.habit-name-cell{min-width:180px;text-align:left!important}.habit-name{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-weight:500;gap:10px}.habit-color{border-radius:4px;flex-shrink:0;height:14px;width:14px}.day-cell{width:32px}.day-cell.future-day{opacity:.5}.day-header{display:flex;flex-direction:column;gap:2px}.day-name{color:#64748b;color:var(--text-muted);font-size:10px}.day-num{color:#475569;color:var(--text-secondary);font-size:12px}.check-box{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;margin:0 auto;transition:all .2s;width:24px}.check-box:hover{border-color:#10b981;transform:scale(1.1)}.check-box.checked{animation:checkPop .3s ease-out;background:linear-gradient(135deg,#10b981,#06b6d4);border-color:#10b981;box-shadow:0 2px 8px #10b9814d}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.check-box.disabled{background:#ccfbf1;background:var(--bg-tertiary);cursor:not-allowed}.check-box.disabled,.check-box.disabled:hover{border-color:#ecfdf5;border-color:var(--border-light)}.goal-input{background:#f0fdfa;background:var(--bg-secondary);border:1px solid #d1fae5;border:1px solid var(--border-color);border-radius:6px;color:#0f172a;color:var(--text-primary);font-size:13px;padding:6px;text-align:center;transition:all .2s;width:50px}.goal-input:focus{border-color:#10b981;border-color:var(--primary);outline:none}.goal-input:disabled{background:#ccfbf1;background:var(--bg-tertiary);border-color:#0000;color:#64748b;color:var(--text-muted);cursor:not-allowed;opacity:.6}.done-cell{color:#10b981;color:var(--primary);font-weight:700}.delete-btn{background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;transition:all .2s}.delete-btn:hover{background:#fee2e2;color:#ef4444;color:var(--danger)}.weekly-overview-card{overflow-x:auto;overflow-y:visible}.weekly-overview-card h3{font-size:16px;margin-bottom:24px}.weekly-overview-card>div{min-width:700px}.week-headers-container{display:flex;margin-bottom:2px}.week-label-spacer{flex-shrink:0;width:140px}.week-headers{grid-gap:1px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(31,1fr)}.week-header{border-radius:4px 4px 0 0;color:#fff;font-size:10px;font-weight:700;overflow:hidden;padding:8px 4px;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #0006,0 0 8px #0003;white-space:nowrap}.day-labels-container{display:flex;margin-bottom:2px}.overview-label-cell{color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;flex-shrink:0;font-size:11px;font-weight:600;justify-content:center;padding-right:12px;width:140px}.day-labels{grid-gap:1px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(31,1fr)}.day-label{align-items:center;display:flex;flex-direction:column;font-size:9px;padding:4px 2px}.day-abbr{color:#64748b;color:var(--text-muted);font-weight:500}.day-number{color:#0f172a;color:var(--text-primary);font-size:10px;font-weight:700}.daily-bars-container{display:flex;margin-bottom:8px;overflow:visible;position:relative}.global-stat{color:#64748b;color:var(--text-muted);font-size:10px}.global-value{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:700}.global-percent{color:#10b981;color:var(--primary);font-size:14px;font-weight:600}.daily-bars{grid-gap:2px;align-items:flex-end;display:grid;flex:1 1;gap:2px;grid-template-columns:repeat(31,1fr);height:200px;overflow:visible}.bar-wrapper{align-items:flex-end;cursor:pointer;display:flex;height:100%;position:relative;z-index:1}.bar-wrapper:hover{z-index:10000}.bar-wrapper:hover .daily-bar{box-shadow:0 0 10px currentColor;filter:brightness(1.15);transform:scaleX(1.1)}.bar-tooltip{animation:tooltipFadeIn .2s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border:1px solid #10b98166;border-radius:12px;bottom:100%;box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff80;color:#0f172a;color:var(--text-primary);font-size:12px;left:50%;margin-bottom:8px;padding:12px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:9999}[data-theme=dark] .bar-tooltip{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:#0f172a;border:2px solid #34d39980;box-shadow:0 10px 40px #0009,0 0 0 2px #34d3994d;color:#fff}.bar-tooltip:after{border:6px solid #0000;border-top-color:#fffffff2;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}[data-theme=dark] .bar-tooltip:after{border-top-color:#0f172af2}.bar-tooltip-title{border-bottom:1px solid #0000001a;color:#10b981;font-size:13px;font-weight:600;margin-bottom:8px;padding-bottom:8px;text-align:center}[data-theme=dark] .bar-tooltip-title{border-bottom-color:#ffffff1a;color:#34d399}.bar-tooltip-row{display:flex;gap:20px;justify-content:space-between;padding:4px 0}.bar-tooltip-row span:first-child{color:#64748b}.bar-tooltip-row span:last-child{color:#0f172a;font-weight:600}[data-theme=dark] .bar-tooltip-row span:first-child{color:#94a3b8}[data-theme=dark] .bar-tooltip-row span:last-child{color:#f1f5f9}.daily-bar{border-radius:3px 3px 0 0;min-height:4px;position:relative;transition:height .3s ease;width:100%}.daily-bar:hover{opacity:.8;transform:scaleY(1.05);transform-origin:bottom}.stats-row-container{border-bottom:1px solid #ecfdf5;border-bottom:1px solid var(--border-light);display:flex}.stats-cells{grid-gap:1px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(31,1fr)}.stat-cell{color:#64748b;color:var(--text-muted);font-size:11px;padding:8px 2px;text-align:center}.weekly-progress-container{background:#f0fdfa;background:var(--bg-secondary);border-radius:0 0 8px 8px;display:flex;margin-top:8px}.weekly-progress-container .overview-label-cell{align-items:center;flex-direction:row;padding:12px 12px 12px 0}.weekly-progress-cells{grid-gap:1px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(31,1fr)}.weekly-progress-cell{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;flex-direction:column;font-size:12px;font-weight:600;justify-content:center;padding:12px 4px}.week-pct{color:#10b981;color:var(--primary);font-size:14px}.sleep-view{display:flex;flex-direction:column;gap:24px}.sleep-loader{animation:spin .8s linear infinite;border:4px solid #d1fae5;border:4px solid var(--border-color);border-radius:50%;border-top:4px solid #8b5cf6;height:40px;margin:0 auto;width:40px}.sleep-action-buttons{display:flex;gap:12px}.nap-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.nap-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)!important}.migrate-btn{background:linear-gradient(135deg,#6b7280,#4b5563)!important;font-size:12px!important;padding:8px 12px!important}.migrate-btn:hover{background:linear-gradient(135deg,#4b5563,#374151)!important}.stats-note{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:400}.sleep-chart-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.sleep-chart-header h3{margin-bottom:4px}.sleep-log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sleep-type-toggle{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;display:flex;gap:4px;padding:4px}.sleep-type-toggle .toggle-btn{background:#0000;border:none;border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.sleep-type-toggle .toggle-btn:hover{background:#10b9811a;color:#0f172a;color:var(--text-primary)}.sleep-type-toggle .toggle-btn.active{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 2px 8px #10b9814d;color:#fff}.nap-index-cell{color:#f59e0b;font-size:13px;font-weight:600}.sleep-header-with-status{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr}.sleep-header-left{justify-self:start}.sleep-status-center{display:flex;justify-content:center;justify-self:center}.sleep-action-buttons{justify-self:end}.sleep-status-message{align-items:center;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;max-width:500px;padding:12px 24px;text-align:center;white-space:nowrap;width:-webkit-fit-content;width:fit-content}@media (max-width:900px){.sleep-header-with-status{gap:16px;grid-template-columns:1fr;text-align:center}.sleep-action-buttons,.sleep-header-left,.sleep-status-center{justify-self:center}.sleep-status-message{font-size:14px;max-width:300px;padding:10px 20px;white-space:normal}}.sleep-status-message.logged{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.sleep-status-message.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.sleep-validation-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;font-size:14px;font-weight:600;margin:0 20px 16px;padding:14px 16px;text-align:center}.quality-slider-num.disabled{background:#ccfbf1;background:var(--bg-tertiary);color:#64748b;color:var(--text-muted);cursor:not-allowed;opacity:.5;pointer-events:none}.sleep-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.sleep-stat-card{padding:24px 16px;text-align:center}.sleep-stat-icon{font-size:32px;margin-bottom:12px}.sleep-stat-value{color:#0f172a;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:4px}.sleep-stat-label{color:#64748b;color:var(--text-muted);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.sleep-chart-card{min-height:350px}.sleep-chart-container{height:280px;margin-top:16px}.sleep-goal-line{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:13px;gap:8px;margin-top:16px}.sleep-goal-indicator{background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:2px;height:3px;width:20px}.sleep-log-container{overflow-x:auto}.sleep-log-table{border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.sleep-log-table td,.sleep-log-table th{padding:14px 12px;text-align:center}.sleep-log-table th{background:#f0fdfa;background:var(--bg-secondary);color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sleep-log-table td{border-bottom:1px solid #ecfdf5;border-bottom:1px solid var(--border-light);color:#475569;color:var(--text-secondary)}.sleep-log-table tbody tr:hover{background:#f0fdfa;background:var(--bg-secondary)}.sleep-date-cell{color:#0f172a!important;color:var(--text-primary)!important;font-weight:600}.sleep-duration-cell .duration-badge{border-radius:20px;font-size:13px;font-weight:600;padding:4px 10px}.duration-badge.good{background:#10b98126;color:#10b981}.duration-badge.fair{background:#f59e0b26;color:#f59e0b}.duration-badge.poor{background:#ef444426;color:#ef4444}.quality-badge{align-items:center;color:#475569;color:var(--text-secondary);cursor:default;display:inline-flex;font-size:16px;font-weight:600;gap:4px}.sleep-notes-cell{color:#64748b!important;color:var(--text-muted)!important;font-size:13px;max-width:150px;overflow:hidden;position:relative;text-align:left!important}.notes-cell-wrapper{position:relative;width:100%}.notes-empty,.notes-short{color:#64748b;color:var(--text-muted)}.notes-text{display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-text.truncated{cursor:pointer;transition:color .2s}.notes-text.truncated:hover{color:#10b981}.notes-tooltip-custom{word-wrap:break-word;animation:tooltipFadeIn .15s ease;background:#1e293b;border:1px solid #10b9814d;border-radius:10px;box-shadow:0 8px 24px #0006;color:#f1f5f9;font-size:13px;line-height:1.5;max-width:280px;padding:12px 16px;pointer-events:none;position:fixed;transform:translateY(-100%);white-space:normal;z-index:99999}[data-theme=light] .notes-tooltip-custom{background:#fff;border:1px solid #10b98166;box-shadow:0 8px 24px #00000026;color:#1e293b}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(calc(-100% + 8px))}to{opacity:1;transform:translateY(-100%)}}.notes-expanded-overlay{align-items:center;animation:overlayFadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:99999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.notes-expanded-content{animation:contentSlideIn .25s ease;background:#fff;background:var(--bg-primary);border:1px solid #d1fae5;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:70vh;max-width:400px;overflow:hidden;padding:0;position:relative;width:90%}@keyframes contentSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notes-expanded-header{align-items:center;background:#f0fdfa;background:var(--bg-secondary);border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--border-color);color:#0f172a;color:var(--text-primary);display:flex;font-weight:600;justify-content:space-between;padding:16px 20px}.notes-expanded-text{word-wrap:break-word;color:#0f172a;color:var(--text-primary);font-size:15px;line-height:1.7;max-height:calc(70vh - 60px);overflow-y:auto;padding:20px;white-space:pre-wrap}.notes-close-btn{align-items:center;background:#ccfbf1;background:var(--bg-tertiary);border:none;border-radius:50%;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.notes-close-btn:hover{background:#ef4444;background:var(--danger);color:#fff}@media (max-width:900px){.sleep-notes-cell{max-width:120px}}.sleep-actions{display:flex;gap:8px;justify-content:center}.sleep-delete-btn,.sleep-edit-btn{align-items:center;background:#ccfbf1;background:var(--bg-tertiary);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.sleep-edit-btn:hover{background:#6366f133;transform:scale(1.1)}.sleep-delete-btn{color:#ef4444}.sleep-delete-btn:hover{background:#ef444433;transform:scale(1.1)}.sleep-modal{border-radius:24px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:480px}.sleep-modal h2{flex-shrink:0;font-size:20px;margin-bottom:20px;padding:24px 24px 0}.sleep-modal .modal-form{gap:16px;margin-bottom:20px;overflow-y:auto;padding:0 24px;scrollbar-color:#8b5cf64d #0000;scrollbar-width:thin}.sleep-modal .modal-form::-webkit-scrollbar{width:4px}.sleep-modal .modal-form::-webkit-scrollbar-track{background:#0000}.sleep-modal .modal-form::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px}.sleep-modal .modal-form::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.sleep-modal .modal-form::-webkit-scrollbar-button{display:none}.sleep-modal .modal-buttons{flex-shrink:0;margin-top:0;padding:0 24px 24px}.sleep-input-mode-toggle{display:flex;gap:8px;margin-bottom:16px}.mode-toggle-btn{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.mode-toggle-btn:hover{background:#10b9811a;border-color:#10b981}.mode-toggle-btn.active{background:linear-gradient(135deg,#10b981,#06b6d4);border-color:#10b981;box-shadow:0 2px 8px #10b9814d;color:#fff}.mode-toggle-btn:disabled{color:#64748b;color:var(--text-muted);cursor:not-allowed;opacity:.5}.mode-toggle-btn:disabled,.mode-toggle-btn:disabled:hover{background:#ccfbf1;background:var(--bg-tertiary);border-color:#d1fae5;border-color:var(--border-color)}.mode-toggle-btn:disabled:hover{transform:none}.sleep-time-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sleep-duration-preview{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border-radius:10px;color:#475569;color:var(--text-secondary);font-size:15px;margin:-8px 0 8px;padding:12px;text-align:center}.sleep-duration-preview strong{color:#8b5cf6;font-size:18px}.sleep-duration-preview.disabled{opacity:.5}.quality-slider-container{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:opacity .2s}.quality-slider-container.disabled{cursor:not-allowed;opacity:.5}.quality-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ef4444,#f59e0b,#eab308,#22c55e,#10b981);border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #8b5cf6;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-webkit-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;width:24px}.quality-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #8b5cf666;transform:scale(1.15)}.quality-slider:disabled{cursor:not-allowed;opacity:.5}.quality-slider:disabled::-webkit-slider-thumb{cursor:not-allowed;transform:none}.quality-slider:disabled::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #0003;transform:none}.quality-slider::-moz-range-thumb{background:#fff;border:3px solid #8b5cf6;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-moz-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;width:24px}.quality-slider-labels{display:flex;justify-content:space-between;margin-top:4px;padding:0 4px}.quality-slider-num{align-items:center;border-radius:50%;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;transition:all .2s;width:28px}.quality-slider-num:hover{background:#8b5cf61a;color:#8b5cf6;transform:scale(1.1)}.quality-slider-num.active{background:#8b5cf6;box-shadow:0 2px 8px #8b5cf666;color:#fff;transform:scale(1.15)}.quality-display{align-items:center;animation:qualityPop .3s ease;background:#8b5cf61a;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px}@keyframes qualityPop{0%{opacity:.5;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.quality-display-emoji{animation:emojiPulse .4s ease;font-size:48px}@keyframes emojiPulse{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.quality-display-text{animation:textSlide .3s ease;color:#8b5cf6;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase}@keyframes textSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-form-group textarea{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;transition:all .2s;width:100%}.modal-form-group textarea:focus{border-color:#10b981;border-color:var(--primary);outline:none}.modal-form-group input:disabled,.modal-form-group textarea:disabled{background:#ccfbf1;background:var(--bg-tertiary);color:#64748b;color:var(--text-muted);cursor:not-allowed;opacity:.5}.time-picker-button{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);cursor:pointer;font-family:Courier New,monospace;font-size:20px;font-weight:600;letter-spacing:2px;padding:14px 16px;transition:all .2s;width:100%}.time-picker-button:hover{background:#8b5cf61a;border-color:#8b5cf6;transform:translateY(-1px)}.time-picker-button:active{transform:translateY(0)}.time-picker-button:disabled{color:#64748b;color:var(--text-muted);cursor:not-allowed;opacity:.5}.time-picker-button:disabled,.time-picker-button:disabled:hover{background:#ccfbf1;background:var(--bg-tertiary);border-color:#d1fae5;border-color:var(--border-color)}.time-picker-button:disabled:hover{transform:none}.time-picker-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.time-picker-modal{animation:slideUp .3s ease;background:#fff;background:var(--bg-primary);border-radius:24px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:400px;overflow:hidden;padding:0;width:90%}.time-picker-modal h3{flex-shrink:0;margin:24px 24px 20px}.time-picker-modal>div:not(h3){padding:0 24px}.time-picker-modal .time-picker-buttons{flex-shrink:0;padding:0 24px 24px}.time-picker-modal h3{color:#0f172a;color:var(--text-primary);font-size:20px;margin:0 0 20px;text-align:center}.time-picker-wheels{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:20px}.time-wheel{align-items:center;display:flex;flex-direction:column;gap:8px}.time-wheel-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.time-wheel-scroll{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:12px;height:200px;overflow-x:hidden;overflow-y:auto;padding:8px;scroll-behavior:smooth;scrollbar-color:#8b5cf64d #0000;scrollbar-width:thin;width:80px}.time-wheel-scroll::-webkit-scrollbar{width:2px}.time-wheel-scroll::-webkit-scrollbar-track{background:#0000}.time-wheel-scroll::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:1px}.time-wheel-scroll::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.time-wheel-scroll::-webkit-scrollbar-button{display:none}.time-option{border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;font-family:Courier New,monospace;font-size:18px;font-weight:600;padding:12px;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.time-option:hover{background:#8b5cf61a;color:#0f172a;color:var(--text-primary)}.time-option.selected{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 12px #8b5cf666;color:#fff;transform:scale(1.05)}.time-separator{color:#0f172a;color:var(--text-primary);font-size:32px;font-weight:700;margin:0 8px;padding-top:28px}.time-picker-preview{background:#8b5cf61a;border-radius:12px;color:#8b5cf6;font-family:Courier New,monospace;font-size:36px;font-weight:700;letter-spacing:4px;margin-bottom:20px;padding:16px;text-align:center}.time-picker-buttons{display:flex;gap:12px}.time-picker-buttons .btn-primary,.time-picker-buttons .btn-secondary{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.time-picker-buttons .btn-secondary{background:#ccfbf1;background:var(--bg-tertiary);color:#475569;color:var(--text-secondary)}.time-picker-buttons .btn-secondary:hover{background:#d1fae5;background:var(--border-color)}.time-picker-buttons .btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.time-picker-buttons .btn-primary:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.dob-picker-modal{max-width:480px;padding:24px}.dob-picker-modal h3{margin-bottom:24px}.dob-picker-wheels{align-items:flex-start;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.dob-wheel{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:120px}.dob-wheel-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.dob-wheel-scroll{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:12px;height:200px;overflow-x:hidden;overflow-y:auto;padding:8px;scroll-behavior:smooth;scrollbar-color:#10b9814d #0000;scrollbar-width:thin;width:100%}.dob-wheel-scroll::-webkit-scrollbar{width:3px}.dob-wheel-scroll::-webkit-scrollbar-track{background:#0000}.dob-wheel-scroll::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:2px}.dob-wheel-scroll::-webkit-scrollbar-thumb:hover{background:#10b98180}.dob-option{align-items:center;border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:2px;padding:10px 8px;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.dob-option:hover{background:#10b9811a;color:#0f172a;color:var(--text-primary)}.dob-option.selected{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 12px #10b98166;color:#fff;transform:scale(1.02)}.dob-day-num{font-size:16px;font-weight:700}.dob-day-name{font-size:10px;opacity:.8;text-transform:uppercase}.dob-picker-preview{background:#10b9811a;border-radius:12px;color:#10b981;color:var(--primary);font-size:22px;font-weight:700;margin-bottom:20px;padding:16px;text-align:center}.dob-picker-button{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:14px 16px;text-align:left;transition:all .2s;width:100%}.dob-picker-button:hover{background:#10b9810d;border-color:#10b981;border-color:var(--primary)}.dob-picker-button:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}@media (max-width:500px){.dob-picker-modal{max-width:95%;padding:20px 16px}.dob-picker-wheels{gap:8px}.dob-wheel{max-width:100px}.dob-wheel-scroll{height:180px;padding:6px}.dob-option{padding:8px 4px}.dob-day-num,.dob-option{font-size:14px}.dob-day-name{font-size:9px}.dob-picker-preview{font-size:18px;padding:12px}}.date-picker-with-nav{align-items:center;display:flex;gap:8px}.date-nav-arrow{align-items:center;background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#8b5cf6;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s;width:40px}.date-nav-arrow:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf6;transform:scale(1.05)}.date-nav-arrow:active:not(:disabled){transform:scale(.95)}.date-nav-arrow:disabled{color:#64748b;color:var(--text-muted);cursor:not-allowed;opacity:.3}.date-picker-button{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 16px;text-align:center;transition:all .2s}.date-picker-button:hover{background:#8b5cf61a;border-color:#8b5cf6;transform:translateY(-1px)}.date-picker-button:active{transform:translateY(0)}.date-display-only{background:#ccfbf1;background:var(--bg-tertiary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#64748b;color:var(--text-muted);cursor:not-allowed;font-size:16px;font-weight:600;opacity:.7;padding:14px 16px;text-align:center;width:100%}.date-picker-modal{max-width:360px}.date-picker-modal h3{margin:24px 24px 20px}.date-picker-modal .date-picker-header,.date-picker-modal .date-picker-preview,.date-picker-modal .date-picker-wheel-container{padding:0 24px}.date-picker-modal .time-picker-buttons{padding:0 24px 24px}.date-picker-header{margin-bottom:20px;text-align:center}.date-picker-month-year{background:#8b5cf61a;border-radius:10px;color:#8b5cf6;font-size:18px;font-weight:700;padding:12px}.date-picker-wheel-container{display:flex;justify-content:center;margin-bottom:20px}.date-wheel{width:100%}.date-wheel-scroll{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:12px;height:280px;overflow-x:hidden;overflow-y:auto;padding:8px;scroll-behavior:smooth;scrollbar-color:#8b5cf64d #0000;scrollbar-width:thin}.date-wheel-scroll::-webkit-scrollbar{width:2px}.date-wheel-scroll::-webkit-scrollbar-track{background:#0000}.date-wheel-scroll::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:1px}.date-wheel-scroll::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.date-wheel-scroll::-webkit-scrollbar-button{display:none}.date-option{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:center;margin-bottom:4px;padding:14px 20px;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.date-option-content{align-items:center;display:flex;justify-content:space-between;width:100%}.date-option:hover{background:#8b5cf61a}.date-option.selected{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 12px #8b5cf666;color:#fff;transform:scale(1.02)}.date-day-num{font-family:Courier New,monospace;font-size:24px;font-weight:700}.date-day-name{font-size:14px;font-weight:600;letter-spacing:1px;opacity:.8;text-transform:uppercase}.date-option.selected .date-day-name{opacity:1}.date-option.disabled{background:#64748b1a;color:#64748b;color:var(--text-muted);cursor:not-allowed;opacity:.5}.date-option.disabled:hover{background:#64748b1a;transform:none}.date-disabled-indicator{color:#10b981;font-size:16px;font-weight:700}.date-picker-preview{background:#8b5cf61a;border-radius:12px;color:#8b5cf6;font-size:18px;font-weight:600;margin-bottom:20px;padding:14px;text-align:center}@media (max-width:900px){.sleep-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.sleep-stats-grid{grid-template-columns:1fr 1fr}.sleep-stat-card{padding:16px 12px}.sleep-modal{max-height:85vh;max-width:95%;width:95%}.sleep-modal h2{font-size:18px;margin-bottom:16px;padding:20px 16px 0}.sleep-modal .modal-form{gap:14px;margin-bottom:16px;padding:0 16px}.sleep-modal .modal-buttons{padding:0 16px 20px}.sleep-time-row{gap:12px}.quality-slider-container{padding:14px}.quality-display-emoji{font-size:40px}.quality-display-text{font-size:14px}.date-picker-button,.time-picker-button{font-size:16px;padding:12px 14px}.sleep-action-buttons{flex-direction:row;gap:8px}.sleep-chart-header,.sleep-log-header{align-items:stretch;flex-direction:column;gap:12px}.sleep-type-toggle{justify-content:center;width:100%}.sleep-type-toggle .toggle-btn{flex:1 1;padding:10px 12px}.sleep-stat-icon{font-size:24px}.sleep-stat-value{font-size:20px}.sleep-time-row{grid-template-columns:1fr}.quality-selector{flex-wrap:wrap}.quality-btn{flex-basis:calc(33.33% - 6px);flex-grow:0;flex-shrink:0}.sleep-log-table{font-size:12px;min-width:700px}.sleep-log-table td,.sleep-log-table th{padding:12px 10px}.sleep-log-table td:first-child,.sleep-log-table th:first-child{min-width:80px}.sleep-log-table td:nth-child(2),.sleep-log-table th:nth-child(2){min-width:50px}.sleep-log-table td:nth-child(3),.sleep-log-table td:nth-child(4),.sleep-log-table th:nth-child(3),.sleep-log-table th:nth-child(4){min-width:70px}.sleep-log-table td:nth-child(5),.sleep-log-table th:nth-child(5){min-width:80px}.sleep-log-table td:nth-child(6),.sleep-log-table th:nth-child(6){min-width:70px}.sleep-log-table td:nth-child(7),.sleep-log-table th:nth-child(7){min-width:120px}}.stats-view{display:flex;flex-direction:column;gap:24px}.stats-header{margin-bottom:8px}.stats-header h2{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.stats-subtitle{font-size:14px}.chart-subtitle,.stats-subtitle{color:#64748b;color:var(--text-muted)}.chart-subtitle{font-size:13px;margin-bottom:16px;margin-top:-8px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.summary-item{background:#f0fdfa;background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:20px;text-align:center}.summary-item.highlight{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 20px #10b9814d;color:#fff}.summary-value{color:#0f172a;color:var(--text-primary);font-size:32px;font-weight:700}.summary-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-help,.summary-label{color:#64748b;color:var(--text-muted)}.summary-help{font-size:11px;opacity:.8}.summary-item.highlight .summary-value{color:#fff}.summary-item.highlight .summary-label{color:#ffffffe6}.summary-item.highlight .summary-help{color:#ffffffb3}.donut-container{height:200px;justify-content:center;position:relative}.donut-center,.donut-container{align-items:center;display:flex}.donut-center{flex-direction:column;gap:2px;position:absolute}.donut-percent{color:#0f172a;color:var(--text-primary);font-size:36px;font-weight:700}.donut-sublabel{color:#64748b;color:var(--text-muted);font-size:12px;text-transform:uppercase}.habit-stats-table{border-collapse:initial;border-spacing:0;width:100%}.habit-stats-table td,.habit-stats-table th{padding:16px 12px;text-align:center}.habit-stats-table th{background:#f0fdfa;background:var(--bg-secondary);border-bottom:2px solid #d1fae5;border-bottom:2px solid var(--border-color);color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.habit-stats-table th:first-child{border-radius:8px 0 0 0;text-align:left}.habit-stats-table th:last-child{border-radius:0 8px 0 0}.habit-stats-table tbody tr{transition:background .2s}.habit-stats-table tbody tr:hover{background:#f0fdfa;background:var(--bg-secondary)}.habit-stats-table tbody td{border-bottom:1px solid #ecfdf5;border-bottom:1px solid var(--border-light);color:#475569;color:var(--text-secondary)}.habit-stats-table .habit-name-cell{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-weight:500;gap:10px}.goal-cell{color:#10b981;color:var(--primary);font-weight:600}.progress-col{width:200px}.progress-bar{background:#ccfbf1;background:var(--bg-tertiary);border-radius:6px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:6px;height:100%;transition:width .3s ease}.streak-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;min-width:36px;padding:6px 12px}.streak-badge.current{background:#dbeafe;color:#1d4ed8}.streak-badge.longest{background:#fef3c7;color:#b45309}.bar-chart-container{height:250px}.top-habits-card{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133}.top-habits-card h3{color:#059669}.top-habits-card .chart-subtitle{color:#0d9488}[data-theme=dark] .top-habits-card{background:linear-gradient(135deg,#10b98126,#06b6d426);border:1px solid #10b9814d}[data-theme=dark] .top-habits-card h3{color:#34d399}[data-theme=dark] .top-habits-card .chart-subtitle{color:#2dd4bf}.top-habits-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.top-habits-toggle{background:#ffffff80;border-radius:8px;display:flex;gap:8px;padding:4px}.top-habits-toggle button{background:#0000;border:none;border-radius:6px;color:#059669;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.top-habits-toggle button:hover{background:#ffffffb3}.top-habits-toggle button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#047857;font-weight:600}[data-theme=dark] .top-habits-toggle{background:#0000004d}[data-theme=dark] .top-habits-toggle button{color:#6ee7b7}[data-theme=dark] .top-habits-toggle button:hover{background:#34d39933}[data-theme=dark] .top-habits-toggle button.active{background:#34d3994d;box-shadow:0 2px 8px #34d39933;color:#34d399}.top-habits-list{display:flex;flex-direction:column;gap:12px}.top-habit-item{align-items:center;animation:fadeInUp .4s ease-out both;background:#fff;border:1px solid #0000;border-radius:12px;display:flex;gap:16px;padding:16px;transition:transform .3s,box-shadow .3s,border-color .3s}.top-habit-item:first-child{animation-delay:.05s}.top-habit-item:nth-child(2){animation-delay:.1s}.top-habit-item:nth-child(3){animation-delay:.15s}.top-habit-item:nth-child(4){animation-delay:.2s}.top-habit-item:nth-child(5){animation-delay:.25s}.top-habit-item:nth-child(6){animation-delay:.3s}.top-habit-item:nth-child(7){animation-delay:.35s}.top-habit-item:nth-child(8){animation-delay:.4s}.top-habit-item:nth-child(9){animation-delay:.45s}.top-habit-item:nth-child(10){animation-delay:.5s}.top-habit-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateX(8px)}[data-theme=dark] .top-habit-item{background:#1e293be6;border:1px solid #34d39933}[data-theme=dark] .top-habit-item:hover{border-color:#34d39966;box-shadow:0 4px 20px #0000004d,0 0 10px #34d3991a}.top-habit-rank{color:#059669;font-size:24px;font-weight:700;min-width:40px;text-align:center}[data-theme=dark] .top-habit-rank{color:#34d399}.top-habit-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.top-habit-name{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px}.top-habit-stats{color:#64748b;color:var(--text-muted);font-size:13px}.top-habit-percent{color:#0d9488;font-size:20px;font-weight:700;min-width:60px;text-align:right}[data-theme=dark] .top-habit-percent{color:#2dd4bf}.empty-state{color:#64748b;color:var(--text-muted);font-size:14px;padding:40px;text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:#ffffffe6;border:1px solid #fff9;border-radius:24px;box-shadow:0 25px 50px #00000026;max-width:90%;padding:32px;width:480px}[data-theme=dark] .modal{background:#1e293bf2;border:1px solid #ffffff1a}.modal h2{color:#0f172a;color:var(--text-primary);font-size:22px;font-weight:700;margin-bottom:24px}.modal-form{gap:20px;margin-bottom:24px}.modal-form,.modal-form-group{display:flex;flex-direction:column}.modal-form-group{gap:8px}.modal-form-group label{color:#475569;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.modal-form-group input{background:#f0fdfa;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s;width:100%}.modal-form-group input:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.modal-form-group small{color:#64748b;color:var(--text-muted);font-size:12px;line-height:1.4}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-buttons button{border-radius:10px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:14px 28px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#10b981,#06b6d4);border:none;box-shadow:0 4px 15px #10b9814d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-secondary{background:#ccfbf1;background:var(--bg-tertiary);border:none;color:#475569;color:var(--text-secondary)}.btn-secondary:hover{background:#d1fae5;background:var(--border-color);color:#0f172a;color:var(--text-primary)}.hamburger-btn{align-items:center;background:#ccfbf1;background:var(--bg-tertiary);border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:10px;width:40px}.hamburger-line{background:#0f172a;background:var(--text-primary);border-radius:2px;height:2px;transition:all .3s ease;width:20px}.hamburger-line.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.header-right-mobile{align-items:center;display:none;gap:8px}.mobile-menu{animation:menuFadeIn .15s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #d1fae5;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);display:none;left:auto;min-width:180px;overflow:hidden;position:absolute;right:12px;top:calc(100% + 8px);z-index:1000}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{background:none;border:none;color:#0f172a;color:var(--text-primary);cursor:pointer;display:block;font-family:inherit;font-size:15px;font-weight:500;padding:14px 20px;text-align:left;transition:background .2s;width:100%}.mobile-menu-item:hover{background:#f0fdfa;background:var(--bg-secondary)}.mobile-menu-item.logout{border-top:1px solid #d1fae5;border-top:1px solid var(--border-color);color:#ef4444;color:var(--danger)}@media (max-width:1440px){.main-content{padding:130px 24px 20px}.header{padding:14px 24px}.habits-table{font-size:12px}.day-cell{width:28px}}@media (max-width:1280px){.stats-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.app-title{font-size:20px}.habits-table td,.habits-table th{padding:10px 6px}.habit-name-cell{min-width:140px}.daily-bars{height:100px}}@media (max-width:1024px){.header{padding:12px 20px}.main-content{padding:130px 20px 16px}.app-title{font-size:18px}.month-selector{padding:4px 10px}.month-text,.year-text{font-size:14px}.tabs-bar button{font-size:13px;padding:10px 16px}.page-header h2{font-size:20px}.card{padding:20px}.habits-table{font-size:11px}.day-cell{width:24px}.check-box{font-size:10px;height:22px;width:22px}.goal-input{padding:6px;width:45px}.goal-input,.habit-stats-table{font-size:12px}.habit-stats-table td,.habit-stats-table th{padding:10px 8px}.daily-bars{height:80px}.overview-label-cell{font-size:10px;min-width:60px}.global-value{font-size:14px}.stat-cell{font-size:10px;padding:6px 2px}.top-habit-item{padding:12px 16px}.top-habit-name{font-size:14px}.top-habit-percent{font-size:16px}.summary-item .summary-value{font-size:28px}}@media (max-width:900px){.header{flex-wrap:wrap;gap:8px;left:0;position:fixed;right:0;top:0;z-index:101}.header-left{flex:1 1}.header-center,.header-right{display:none}.hamburger-btn,.header-right-mobile{display:flex}.mobile-menu{display:block}.mobile-month-row{border-bottom:3px solid;border-image:linear-gradient(90deg,#10b981,#06b6d4) 1;display:flex;padding:12px 16px;position:fixed;top:60px;z-index:100}.gradient-line{display:none}.tabs-bar{padding:10px 16px;top:110px}.tabs-bar button{font-size:12px;padding:8px 16px}.main-content{padding-top:190px}.weekly-overview-card{-webkit-overflow-scrolling:touch;min-height:auto;overflow-x:auto}.weekly-overview-card>div{min-width:650px}.daily-bars{height:200px}.card{min-height:auto}.hero-section{flex-direction:column;padding:100px 24px 40px;text-align:center}.hero-content h1{font-size:32px}.hero-subtitle{margin:0 auto 24px}.hero-visual{margin-top:32px}.pricing-badge{margin-left:auto;margin-right:auto}.hero-login{display:flex;justify-content:center}.cta-section,.features-section{padding:50px 24px}.cta-section h2,.features-section h2{font-size:26px}.cta-section{border-radius:30px;margin:30px 20px}.profile-cards{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;text-align:center}.habit-stats-table{display:block;overflow-x:auto}.habits-grid{overflow-x:auto}.top-habits-header{align-items:flex-start;flex-direction:column;gap:12px}.top-habits-toggle{width:100%}.top-habits-toggle button{flex:1 1}}@media (max-width:768px){.header{left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:101}.app-title{font-size:16px}.header-left .logo-icon{height:28px;width:28px}.month-selector,.nav-btn{padding:4px 8px}.nav-btn{font-size:18px}.month-text,.year-text{font-size:13px;padding:2px 6px}.month-dropdown{grid-template-columns:repeat(3,1fr);min-width:240px}.mobile-month-row{border-bottom:3px solid;border-image:linear-gradient(90deg,#10b981,#06b6d4) 1;padding:12px;position:fixed;top:56px;z-index:100}.gradient-line{display:none}.tabs-bar{padding:8px 12px;top:106px}.tabs-bar button{font-size:11px;padding:8px 12px}.main-content{padding:180px 16px 16px}.weekly-overview-card{-webkit-overflow-scrolling:touch;min-height:auto;overflow-x:auto}.weekly-overview-card>div{min-width:600px}.daily-bars{height:180px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header h2{font-size:18px}.page-header-buttons{flex-direction:row;flex-wrap:wrap;width:100%}.page-header-buttons .add-habit-btn,.page-header-buttons .cancel-edit-btn,.page-header-buttons .edit-habits-btn,.page-header-buttons .save-habits-btn{flex:1 1;justify-content:center;min-width:120px}.card{border-radius:12px;padding:16px}.card h3{font-size:12px;margin-bottom:16px}.habits-table{font-size:10px}.habit-name-cell{min-width:100px}.habit-name{font-size:12px;gap:6px}.habit-color{height:10px;width:10px}.day-cell{width:20px}.check-box{border-radius:4px;font-size:9px;height:18px;width:18px}.goal-input{font-size:11px;padding:4px;width:40px}.delete-btn{font-size:12px;height:20px;width:20px}.summary-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.summary-item{padding:16px}.summary-item .summary-value{font-size:24px}.summary-item .summary-label{font-size:11px}.donut-container{height:180px}.donut-percent{font-size:28px}.daily-bars{gap:1px;height:90px}.overview-label-cell{font-size:9px;min-width:50px;padding:8px 4px}.global-value{font-size:12px}.global-percent{font-size:11px}.day-label{padding:4px 2px}.day-abbr{font-size:8px}.day-number,.stat-cell{font-size:9px}.stat-cell{padding:4px 1px}.week-header{font-size:8px;min-width:0;padding:4px 2px}.weekly-progress-cell{font-size:10px}.week-pct{font-size:9px}.bar-chart-container{height:200px}.habit-stats-table td,.habit-stats-table th{font-size:11px;padding:8px 6px}.progress-col{min-width:60px}.streak-badge{font-size:10px;padding:3px 6px}.top-habit-item{padding:12px}.top-habit-rank{font-size:11px;height:24px;width:24px}.top-habit-name{font-size:13px}.top-habit-stats{font-size:11px}.top-habit-percent{font-size:16px;min-width:50px}.profile-page{padding:16px}.profile-header-card{padding:20px}.profile-avatar,.profile-avatar-placeholder{font-size:28px;height:72px;width:72px}.profile-name{font-size:22px}.profile-card{padding:16px}.form-group input,.form-group select{font-size:14px;padding:12px}.modal{padding:24px;width:95%}.modal h2{font-size:18px}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}@media (max-width:480px){.header{left:0;padding:10px 12px;position:fixed;right:0;top:0;z-index:101}.app-title{font-size:14px}.header-left .logo-icon{height:24px;width:24px}.theme-toggle-btn{font-size:16px}.hamburger-btn,.theme-toggle-btn{height:36px;width:36px}.month-selector{gap:4px;padding:3px 6px}.nav-btn{font-size:16px;padding:3px 6px}.month-text,.year-text{font-size:12px;padding:2px 4px}.month-dropdown{left:50%;min-width:200px;transform:translateX(-50%)}.mobile-month-row{border-bottom:3px solid;border-image:linear-gradient(90deg,#10b981,#06b6d4) 1;padding:10px 12px;position:fixed;top:52px;z-index:100}.gradient-line{display:none}.tabs-bar{padding:8px 10px;top:98px}.tabs-bar button{font-size:10px;padding:6px 10px}.weekly-overview-card{-webkit-overflow-scrolling:touch;min-height:auto;overflow-x:auto}.weekly-overview-card>div{min-width:600px}.daily-bars{height:180px}.overview-label-cell,.week-label-spacer{width:50px}.main-content{padding:175px 12px 12px}.page-header h2{font-size:16px}.page-subtitle{font-size:12px}.add-habit-btn{font-size:13px;padding:10px 16px}.card{padding:12px}.card h3{font-size:11px;margin-bottom:12px}.habits-table{font-size:9px}.habit-name-cell{min-width:80px}.habit-name{font-size:11px;gap:4px}.habit-color{height:8px;width:8px}.day-cell{width:16px}.day-header .day-name{font-size:7px}.day-header .day-num{font-size:8px}.check-box{border-radius:3px;font-size:7px;height:14px;width:14px}.goal-input{padding:3px;width:32px}.delete-btn,.done-cell,.goal-input{font-size:10px}.delete-btn{height:16px;width:16px}.summary-stats{gap:8px}.summary-item{padding:12px}.summary-item .summary-value{font-size:20px}.summary-item .summary-label{font-size:10px}.summary-item .summary-help{font-size:9px}.donut-container{height:150px}.donut-center{gap:2px}.donut-percent{font-size:22px}.donut-sublabel{font-size:10px}.daily-bars{height:160px}.overview-label-cell{font-size:8px;min-width:40px;padding:6px 2px}.global-value{font-size:10px}.global-percent{font-size:9px}.day-label{padding:2px 1px}.day-abbr{font-size:7px}.day-number,.stat-cell{font-size:8px}.stat-cell{padding:3px 1px}.week-header{font-size:7px;min-width:0;padding:2px 1px}.weekly-progress-cell{font-size:8px;padding:4px 2px}.week-pct{font-size:7px}.bar-tooltip{border-radius:8px;font-size:10px;padding:8px 12px}.bar-tooltip-title{font-size:11px;margin-bottom:6px;padding-bottom:6px}.bar-tooltip-row{gap:12px;padding:2px 0}.bar-chart-container{height:160px}.chart-subtitle{font-size:11px}.habit-stats-table td,.habit-stats-table th{font-size:10px;padding:6px 4px}.progress-col{min-width:50px}.progress-bar{height:6px}.streak-badge{font-size:9px;padding:2px 4px}.top-habits-header h3{font-size:12px}.top-habits-toggle button{font-size:11px;padding:6px 10px}.top-habit-item{gap:10px;padding:10px}.top-habit-rank{font-size:10px;height:20px;width:20px}.top-habit-name{font-size:12px}.top-habit-stats{font-size:10px}.top-habit-percent{font-size:14px;min-width:40px}.hero-section{padding:80px 16px 30px}.hero-content h1{font-size:26px}.hero-subtitle{font-size:14px}.hero-card{padding:20px 24px}.hero-habit-row{font-size:14px;padding:10px 0}.hero-check{font-size:12px;height:20px;width:20px}.features-section{padding:40px 16px}.features-section h2{font-size:22px;margin-bottom:32px}.features-grid{gap:16px}.feature-card{padding:24px 20px}.feature-icon{font-size:36px}.feature-card h3{font-size:16px}.feature-card p{font-size:13px}.cta-section{border-radius:24px;margin:20px 16px;padding:50px 20px}.cta-section h2{font-size:22px}.cta-section p{font-size:14px}.home-header{left:0;padding:14px 16px;position:fixed;right:0;top:0}.home-logo{font-size:18px;gap:8px}.home-logo .logo-icon{height:32px;width:32px}.home-mobile-menu{right:12px;top:55px}.back-to-app-btn{font-size:12px;padding:8px 14px}.home-footer{padding:16px}.home-footer p{font-size:12px}.profile-header-card{padding:16px}.profile-avatar,.profile-avatar-placeholder{font-size:24px;height:60px;width:60px}.profile-name{font-size:18px}.profile-email{font-size:13px}.profile-card{padding:14px}.profile-card h3{font-size:14px}.profile-form{flex-direction:column;gap:16px}.form-group{min-width:100%;width:100%}.form-group label{font-size:11px}.form-group input,.form-group select{box-sizing:border-box;font-size:13px;padding:10px 12px;width:100%}.age-display{box-sizing:border-box;width:100%}.save-btn{font-size:13px;padding:12px 20px;width:100%}.date-display{gap:16px}.date-value{font-size:24px}.date-label{font-size:10px}.popup{border-radius:16px;padding:24px 20px}.popup-icon{font-size:40px}.popup-title{font-size:18px}.popup-message{font-size:14px}.popup-btn{font-size:13px;padding:10px 20px}.modal{border-radius:16px;padding:20px 16px}.modal h2{font-size:16px;margin-bottom:20px}.modal-form{gap:16px;margin-bottom:20px}.modal-form-group label{font-size:11px}.modal-form-group input{font-size:14px;padding:12px}.modal-form-group small{font-size:11px}.modal-buttons button{font-size:14px;padding:12px 20px}}@media (max-width:1024px) and (orientation:landscape){.hero-section{flex-direction:row;padding:40px}.hero-content h1{font-size:28px}.features-grid{grid-template-columns:repeat(3,1fr)}}.widgets-view{margin:0 auto;max-width:1200px;padding:24px}.widgets-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.widget-card{background:#fff;background:var(--bg-primary);border:1px solid #d1fae5;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);padding:20px;transition:all .3s ease}.widget-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.widget-frame{border:2px solid #ecfdf5;border:2px solid var(--border-light);border-radius:12px;height:300px;margin-bottom:16px;overflow:hidden;width:100%}.widget-iframe{border:none;border-radius:10px;height:100%;width:100%}.widget-info h3{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.widget-info p{color:#475569;color:var(--text-secondary);font-size:14px;line-height:1.5}.widget-instructions{margin-top:32px}.instruction-card{background:#fff;background:var(--bg-primary);border:1px solid #d1fae5;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);padding:24px}.instruction-card h3{color:#0f172a;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.instruction-steps{display:flex;flex-direction:column;gap:16px}.instruction-step{align-items:flex-start;background:#f0fdfa;background:var(--bg-secondary);border-left:4px solid #10b981;border-left:4px solid var(--primary);border-radius:12px;display:flex;gap:16px;padding:16px}.step-number{align-items:center;background:#10b981;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-content strong{color:#10b981;color:var(--primary);font-weight:600}@media (max-width:900px){.widgets-view{padding:16px}.widgets-grid{gap:20px;grid-template-columns:1fr}.widget-frame{height:250px}.instruction-step{flex-direction:column;gap:12px;text-align:center}.step-number{align-self:center}}@media (max-width:600px){.widget-frame{height:220px}.widget-card{padding:16px}.instruction-card{padding:20px}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;padding:20px}[data-theme=light] .admin-login-page{background:linear-gradient(135deg,#ecfdf5,#f0fdfa 50%,#e0f2fe)}.admin-login-container{max-width:420px;width:100%}.admin-login-card{background:#1e293be6;border:1px solid #34d39933;border-radius:20px;box-shadow:0 20px 60px #0006;padding:40px;position:relative}[data-theme=light] .admin-login-card{background:#fffffff2;border:1px solid #10b98133;box-shadow:0 20px 60px #0000001a}.admin-login-header{margin-bottom:32px;text-align:center}.admin-logo{font-size:48px;margin-bottom:16px}.admin-login-header h1{color:#f1f5f9;font-size:28px;font-weight:700;margin-bottom:8px}[data-theme=light] .admin-login-header h1{color:#0f172a}.admin-login-header p{color:#94a3b8;font-size:14px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;padding:12px 16px}.admin-input-group{display:flex;flex-direction:column;gap:8px}.admin-input-group label{color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-input-group input{background:#0f172a80;border:2px solid #34d39933;border-radius:10px;color:#f1f5f9;font-size:15px;padding:14px 16px;transition:all .2s}[data-theme=light] .admin-input-group input{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.admin-input-group input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.admin-login-btn{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.admin-login-btn:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.admin-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.admin-theme-toggle{background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:40px;position:absolute;right:16px;top:16px;transition:all .2s;width:40px}.admin-theme-toggle:hover{background:#fff3;transform:scale(1.1)}.admin-panel{background:#0f172a;display:flex;min-height:100vh;overflow-x:hidden}[data-theme=light] .admin-panel{background:#f1f5f9}.admin-sidebar{background:#1e293bf2;border-right:1px solid #34d3991a;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:260px;z-index:100}[data-theme=light] .admin-sidebar{background:#fff;border-right:1px solid #e2e8f0}.admin-sidebar-header{align-items:center;border-bottom:1px solid #34d3991a;border-top:1px solid #34d3991a;display:flex;gap:12px;padding:16px 24px}[data-theme=light] .admin-sidebar-header{border-bottom-color:#e2e8f0;border-top-color:#e2e8f0}.admin-logo-small{font-size:28px}.admin-sidebar-header span{color:#f1f5f9;font-size:18px;font-weight:700}[data-theme=light] .admin-sidebar-header span{color:#0f172a}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px 16px}.admin-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s}.admin-nav-item:hover{background:#34d3991a;color:#f1f5f9}[data-theme=light] .admin-nav-item:hover{background:#10b9811a;color:#0f172a}.admin-nav-item.active{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.admin-sidebar-footer{border-top:1px solid #34d3991a;display:flex;flex-direction:column;gap:8px;padding:16px}[data-theme=light] .admin-sidebar-footer{border-top-color:#e2e8f0}.admin-install-btn,.admin-logout-btn,.admin-theme-btn{background:#ffffff0d;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:all .2s}.admin-install-btn:hover,.admin-logout-btn:hover,.admin-theme-btn:hover{background:#ffffff1a;color:#f1f5f9}[data-theme=light] .admin-install-btn:hover,[data-theme=light] .admin-logout-btn:hover,[data-theme=light] .admin-theme-btn:hover{background:#f1f5f9;color:#0f172a}.admin-install-btn{background:#10b9811a;border:1px solid #10b98133;color:#34d399}.admin-install-btn:hover{background:#10b98133;border-color:#10b9814d;color:#6ee7b7}.admin-logout-btn{color:#ef4444}.admin-main{flex:1 1;margin-left:260px;overflow-x:hidden;overflow-y:auto;padding:32px}.admin-main h1{color:#f1f5f9;font-size:28px;font-weight:700;margin-bottom:8px}[data-theme=light] .admin-main h1{color:#0f172a}.admin-subtitle{color:#64748b;font-size:15px;margin-bottom:32px}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.admin-stat-card{align-items:center;background:#1e293bcc;border:1px solid #34d3991a;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .2s}[data-theme=light] .admin-stat-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #0000000d}.admin-stat-card:hover{box-shadow:0 8px 30px #0003;transform:translateY(-4px)}.admin-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.admin-stat-card.primary .admin-stat-icon{background:#6366f133}.admin-stat-card.success .admin-stat-icon{background:#10b98133}.admin-stat-card.danger .admin-stat-icon{background:#ef444433}.admin-stat-card.info .admin-stat-icon{background:#06b6d433}.admin-stat-card.warning .admin-stat-icon{background:#f59e0b33}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-value{color:#f1f5f9;font-size:28px;font-weight:700}[data-theme=light] .admin-stat-value{color:#0f172a}.admin-stat-label{color:#64748b;font-size:13px}.admin-cards-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.admin-cards-row:last-child{margin-bottom:0}.admin-cards-row.full-width{grid-template-columns:1fr}.admin-card{background:#1e293bcc;border:1px solid #34d3991a;border-radius:16px;overflow:hidden;padding:24px}[data-theme=light] .admin-card{background:#fff;border-color:#e2e8f0}.admin-card h3{color:#f1f5f9;font-size:16px;font-weight:600;margin-bottom:20px}[data-theme=light] .admin-card h3{color:#0f172a}.admin-growth-card{min-height:350px;overflow:hidden}.admin-chart-container{height:280px;margin-top:20px;min-width:0;overflow-x:auto;overflow-y:hidden}.admin-chart-loader{align-items:center;display:flex;flex-direction:column;gap:16px;height:280px;justify-content:center;margin-top:20px}.admin-chart-loader p{color:#64748b;font-size:14px}.admin-growth-stats{display:flex;flex-direction:column;gap:16px}.admin-growth-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0}[data-theme=light] .admin-growth-item{border-bottom-color:#f1f5f9}.admin-growth-value{color:#10b981;font-size:24px;font-weight:700}.admin-growth-label{color:#64748b;font-size:14px}.admin-loader-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.admin-loader-container p{color:#64748b;font-size:14px}.admin-spinner-large{animation:spin .8s linear infinite;border:4px solid #10b98133;border-radius:50%;border-top-color:#10b981;height:48px;width:48px}.admin-top-users{display:flex;flex-direction:column;gap:12px}.admin-top-user{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:12px;padding:12px}[data-theme=light] .admin-top-user{background:#f8fafc}.admin-rank{color:#10b981;font-size:14px;font-weight:700;min-width:30px}.admin-user-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.admin-user-info{display:flex;flex:1 1;flex-direction:column}.admin-user-name{font-size:14px}.admin-user-email{color:#64748b}.admin-user-count{color:#06b6d4;font-size:13px;font-weight:600}.admin-empty{color:#64748b;padding:20px;text-align:center}.admin-users-toolbar{display:flex;gap:16px;margin-bottom:24px}.admin-search{display:flex;flex:1 1;gap:8px}.admin-search input{background:#1e293bcc;border:1px solid #34d39933;border-radius:10px;color:#f1f5f9;flex:1 1;font-size:14px;padding:12px 16px}[data-theme=light] .admin-search input{background:#fff;border-color:#e2e8f0;color:#0f172a}.admin-search input:focus{border-color:#10b981;outline:none}.admin-search button{background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:10px;cursor:pointer;font-size:16px;padding:12px 16px}.admin-users-toolbar select{background:#1e293bcc;border:1px solid #34d39933;border-radius:10px;color:#f1f5f9;cursor:pointer;font-size:14px;padding:12px 16px}[data-theme=light] .admin-users-toolbar select{background:#fff;border-color:#e2e8f0;color:#0f172a}.admin-users-table-container{background:#1e293bcc;border:1px solid #34d3991a;border-radius:16px;overflow-x:auto;overflow-y:hidden}[data-theme=light] .admin-users-table-container{background:#fff;border-color:#e2e8f0}.admin-users-table{border-collapse:collapse;width:100%}.admin-users-table td,.admin-users-table th{padding:16px;text-align:left}.admin-users-table th{background:#0f172a80;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}[data-theme=light] .admin-users-table th{background:#f8fafc}.admin-users-table td{border-top:1px solid #ffffff0d;color:#cbd5e1;font-size:14px}[data-theme=light] .admin-users-table td{border-top-color:#f1f5f9;color:#475569}.admin-users-table tr.deactivated{opacity:.6}.admin-user-cell img{border-radius:50%;height:36px;object-fit:cover;width:36px}.admin-user-cell span{color:#f1f5f9;font-weight:500}[data-theme=light] .admin-user-cell span{color:#0f172a}.admin-status-badge.active{background:#10b98133;color:#10b981}.admin-status-badge.inactive{background:#ef444433;color:#ef4444}.admin-sub-date{color:#10b981;font-size:13px;font-weight:500}.admin-text-muted{color:#64748b}.admin-actions{display:flex;gap:8px}.admin-action-btn{border-radius:8px;font-size:16px;height:36px;width:36px}.admin-action-btn.activate{background:#10b98133}.admin-action-btn.deactivate{background:#f59e0b33}.admin-action-btn.delete{align-items:center;background:#ef444433;color:#ef4444;display:flex;justify-content:center}.admin-action-btn.delete:hover{background:#ef44444d;color:#dc2626}.admin-action-btn.email{align-items:center;background:#06b6d433;color:#06b6d4;display:flex;justify-content:center}.admin-action-btn.email:hover{background:#06b6d44d;color:#22d3ee}.admin-action-btn:hover{transform:scale(1.1)}.admin-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.admin-pagination button{background:#1e293bcc;border:1px solid #34d39933;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}[data-theme=light] .admin-pagination button{background:#fff;border-color:#e2e8f0;color:#0f172a}.admin-pagination button:hover:not(:disabled){background:#10b981;border-color:#10b981;color:#fff}.admin-pagination button:disabled{cursor:not-allowed;opacity:.5}.admin-pagination span{color:#64748b;font-size:14px}.admin-toast{animation:slideIn .3s ease;border-radius:10px;font-size:14px;font-weight:500;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.admin-toast.success{background:#10b981;color:#fff}.admin-toast.error{background:#ef4444;color:#fff}.admin-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.admin-popup{background:#1e293b;border:1px solid #34d39933;border-radius:16px;max-width:400px;padding:32px;text-align:center;width:90%}[data-theme=light] .admin-popup{background:#fff;border-color:#e2e8f0}.admin-popup h3{color:#f1f5f9;font-size:20px;font-weight:700;margin-bottom:12px}[data-theme=light] .admin-popup h3{color:#0f172a}.admin-popup p{color:#94a3b8;line-height:1.6;margin-bottom:24px;white-space:pre-line}.admin-popup-buttons{display:flex;gap:12px;justify-content:center}.admin-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.admin-btn.secondary{background:#ffffff1a;color:#94a3b8}.admin-btn.secondary:hover{background:#fff3}.admin-btn.danger{align-items:center;background:#ef4444;color:#fff;display:flex;gap:8px;justify-content:center}.admin-btn.danger:hover:not(:disabled){background:#dc2626}.admin-btn.danger:disabled{cursor:not-allowed;opacity:.6}.admin-btn.primary{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.admin-btn.primary:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-1px)}.admin-btn.primary:disabled,.admin-btn.secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-email-popup,.admin-reject-popup{max-width:500px;text-align:left;width:95%}.admin-popup-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.admin-popup-icon.reject{background:linear-gradient(135deg,#ef444433,#f9731633)}.admin-popup-icon.email{background:linear-gradient(135deg,#06b6d433,#8b5cf633)}.admin-popup-subtitle{font-size:14px;margin-bottom:20px!important;text-align:center}.admin-popup-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.admin-popup-form label{color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-popup-form label .required{color:#ef4444}.admin-popup-form input,.admin-popup-form textarea{background:#0f172a80;border:2px solid #ffffff1a;border-radius:10px;color:#f1f5f9;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s}[data-theme=light] .admin-popup-form input,[data-theme=light] .admin-popup-form textarea{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.admin-popup-form input:focus,.admin-popup-form textarea:focus{border-color:#10b981;outline:none}.admin-popup-form textarea{min-height:100px}.admin-popup-note{color:#64748b!important;font-size:12px!important;margin:4px 0 0!important;padding:0!important}.admin-mobile-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border-bottom:1px solid #34d3991a;display:none;height:60px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}[data-theme=light] .admin-mobile-header{background:#fffffff2;border-bottom-color:#e2e8f0}.admin-mobile-logo{align-items:center;color:#f1f5f9;display:flex;font-size:18px;font-weight:700;gap:10px}[data-theme=light] .admin-mobile-logo{color:#0f172a}.admin-logo-icon{font-size:24px}.admin-mobile-actions{align-items:center;display:flex;gap:8px}.admin-theme-btn-mobile{background:#ffffff1a;border:none;border-radius:10px;cursor:pointer;font-size:18px;height:40px;transition:all .2s;width:40px}[data-theme=light] .admin-theme-btn-mobile{background:#f1f5f9}.admin-hamburger{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:10px;width:40px}.admin-hamburger-line{background:#fff;border-radius:2px;height:2px;transition:all .3s;width:20px}.admin-hamburger-line.open:first-child{transform:rotate(45deg) translate(5px,5px)}.admin-hamburger-line.open:nth-child(2){opacity:0}.admin-hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.admin-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media (max-width:1200px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}.admin-cards-row{grid-template-columns:1fr}}@media (max-width:900px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-stat-card{padding:16px}.admin-stat-icon{font-size:24px;height:48px;width:48px}.admin-stat-value{font-size:22px}}@media (max-width:768px){.admin-mobile-header{display:flex}.admin-mobile-overlay{display:block}.admin-sidebar{height:calc(100vh - 60px);left:-280px;position:fixed;top:60px;transition:left .3s ease;width:260px;z-index:100}.admin-sidebar.open{left:0}.admin-main{margin-left:0;padding:76px 16px 16px}.admin-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.admin-stat-card{flex-direction:column;gap:10px;padding:14px;text-align:center}.admin-stat-icon{font-size:22px;height:44px;width:44px}.admin-stat-value{font-size:20px}.admin-stat-label{font-size:11px}.admin-users-toolbar{flex-direction:column;gap:12px}.admin-users-table-container{margin:0 -16px;overflow-x:auto;padding:0 16px}.admin-users-table{min-width:700px}.admin-main h1{font-size:22px}.admin-subtitle{font-size:13px}.admin-card{padding:16px}.admin-growth-card{min-height:280px}.admin-chart-container{height:200px}.admin-subscriptions-grid{grid-template-columns:1fr}.admin-popup{padding:24px;width:95%}.admin-email-popup,.admin-reject-popup{max-width:95%}}@media (max-width:480px){.admin-mobile-header{padding:0 12px}.admin-main{padding:72px 12px 12px}.admin-stats-grid{gap:10px;grid-template-columns:1fr}.admin-stat-card{flex-direction:row;padding:12px 14px;text-align:left}.admin-stat-icon{border-radius:10px;font-size:20px;height:40px;width:40px}.admin-stat-value{font-size:18px}.admin-page-header{flex-direction:column;gap:12px}.admin-reload-btn{justify-content:center;width:100%}.admin-main h1{font-size:20px}.admin-card h3{font-size:14px}.admin-top-user{padding:10px}.admin-user-avatar{height:32px;width:32px}.admin-user-name{font-size:13px}.admin-user-email{font-size:11px}.admin-pagination{flex-direction:column;gap:12px}.admin-pagination button{width:100%}.admin-subscription-header{flex-direction:column;text-align:center}.admin-subscription-actions{flex-direction:column}.admin-popup{padding:20px}.admin-popup h3{font-size:18px}.admin-popup-buttons{flex-direction:column}.admin-popup-buttons button{width:100%}.admin-toast{left:12px;right:12px;top:72px;transform:none}}.admin-nav-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:auto;padding:2px 8px}.admin-subscriptions{max-width:1400px}.admin-empty-state{background:#1e293b80;border:1px solid #34d3991a;border-radius:16px;padding:80px 40px;text-align:center}[data-theme=light] .admin-empty-state{background:#fff;border-color:#e2e8f0}.admin-empty-icon{font-size:64px;margin-bottom:16px}.admin-empty-state h3{color:#f1f5f9;font-size:20px;font-weight:600;margin-bottom:8px}[data-theme=light] .admin-empty-state h3{color:#0f172a}.admin-empty-state p{color:#64748b;font-size:14px}.admin-subscriptions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.admin-subscription-card{background:#1e293bcc;border:1px solid #34d39933;border-radius:16px;overflow:hidden;transition:all .2s}[data-theme=light] .admin-subscription-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #0000000d}.admin-subscription-card:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.admin-subscription-header{align-items:center;background:#10b9811a;border-bottom:1px solid #34d3991a;display:flex;gap:16px;padding:20px}[data-theme=light] .admin-subscription-header{background:#f0fdf4;border-bottom-color:#d1fae5}.admin-subscription-avatar{border:3px solid #10b981;border-radius:50%;height:56px;object-fit:cover;width:56px}.admin-subscription-info{flex:1 1}.admin-subscription-info h4{color:#f1f5f9;font-size:16px;font-weight:600;margin:0 0 4px}[data-theme=light] .admin-subscription-info h4{color:#0f172a}.admin-subscription-info p{color:#64748b;font-size:13px;margin:0 0 4px}.admin-subscription-date{color:#94a3b8;font-size:11px}.admin-subscription-screenshot{padding:20px}.admin-subscription-screenshot h5{color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.admin-screenshot-container{display:flex;flex-direction:column;gap:12px}.admin-screenshot-container img{background:#0003;border-radius:8px;cursor:pointer;max-height:200px;object-fit:contain;transition:all .2s;width:100%}.admin-screenshot-container img:hover{opacity:.9;transform:scale(1.02)}.admin-view-btn{background:#06b6d433;border:1px solid #06b6d44d;border-radius:8px;color:#06b6d4;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.admin-view-btn:hover{background:#06b6d44d}.admin-no-screenshot{align-items:center;background:#ef44441a;border:1px dashed #ef44444d;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:40px}.admin-no-screenshot span{font-size:32px;margin-bottom:8px}.admin-no-screenshot p{color:#ef4444;font-size:13px;margin:0}.admin-subscription-actions{border-top:1px solid #34d3991a;display:flex;gap:12px;padding:20px}[data-theme=light] .admin-subscription-actions{border-top-color:#e2e8f0}.admin-btn.approve{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;display:flex;flex:1 1;gap:8px;justify-content:center}.admin-btn.approve:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.admin-btn.approve:disabled,.admin-btn.reject:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-btn.reject{background:#ef444433;border:1px solid #ef44444d;color:#ef4444;flex:1 1}.admin-btn.reject:hover:not(:disabled){background:#ef44444d}.admin-image-preview-overlay{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:40px;position:fixed;right:0;top:0;z-index:10001}.admin-image-preview-container{cursor:default;max-height:90vh;max-width:90vw;position:relative}.admin-image-preview-container img{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:100%}.admin-image-preview-close{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:-16px;top:-16px;transition:all .2s;width:40px}.admin-image-preview-close:hover{background:#dc2626;transform:scale(1.1)}@media (max-width:768px){.admin-subscriptions-grid{grid-template-columns:1fr}.admin-subscription-actions{flex-direction:column}}.admin-page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.admin-page-header h1{margin-bottom:8px}.admin-reload-btn{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.admin-reload-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.admin-reload-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.admin-reload-btn .admin-spinner{height:16px;width:16px}@media (max-width:768px){.admin-page-header{align-items:stretch;flex-direction:column}.admin-reload-btn{align-self:flex-start}}.admin-subscription-tabs{background:#1e293b80;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}[data-theme=light] .admin-subscription-tabs{background:#f8fafc}.admin-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.admin-tab:hover{background:#34d3991a;color:#f1f5f9}[data-theme=light] .admin-tab:hover{background:#10b9811a;color:#0f172a}.admin-tab.active{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.admin-tab-count{background:#fff3;border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.admin-tab.active .admin-tab-count{background:#ffffff4d}.admin-tab-content{margin-top:24px}.admin-table-wrapper{background:#1e293b80;border:1px solid #34d3991a;border-radius:12px;overflow-x:auto;overflow-y:visible}[data-theme=light] .admin-table-wrapper{background:#fff;border-color:#e2e8f0}.admin-subscriptions-table{border-collapse:collapse;min-width:900px;table-layout:fixed;width:100%}.admin-subscriptions-table th{background:#34d3991a;color:#34d399;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}[data-theme=light] .admin-subscriptions-table th{background:#10b9811a;color:#10b981}.admin-subscriptions-table td{border-bottom:1px solid #34d3990d;color:#cbd5e1;padding:16px}[data-theme=light] .admin-subscriptions-table td{border-bottom-color:#f1f5f9;color:#475569}.admin-subscriptions-table tbody tr:hover{background:#34d3990d}[data-theme=light] .admin-subscriptions-table tbody tr:hover{background:#10b9810d}.admin-user-cell{align-items:center;display:flex;gap:12px}.admin-table-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.admin-user-name{color:#f1f5f9;font-weight:600;margin-bottom:2px}[data-theme=light] .admin-user-name{color:#0f172a}.admin-user-email{color:#94a3b8;font-size:12px}[data-theme=light] .admin-user-email{color:#64748b}.admin-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.admin-status-badge.active{background:#22c55e33;color:#22c55e}.admin-status-badge.expired{background:#ef444433;color:#ef4444}.admin-status-badge.pending{background:#f59e0b33;color:#f59e0b}.admin-days-left{font-weight:600}.admin-days-left.normal{color:#22c55e}.admin-days-left.warning{color:#f59e0b}.admin-days-left.danger{color:#ef4444}@media (max-width:768px){.admin-table-container{overflow-x:auto}.admin-subscriptions-table{min-width:600px}.admin-subscriptions-table td,.admin-subscriptions-table th{font-size:12px;padding:12px 8px}.admin-user-cell{gap:8px}.admin-table-avatar{height:32px;width:32px}.admin-section-header{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.admin-subscriptions-table{min-width:500px}.admin-subscriptions-table td,.admin-subscriptions-table th{font-size:11px;padding:8px 6px}}.admin-table-actions{align-items:center;display:flex;gap:8px}.admin-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-action-btn.pause{background:#f59e0b33;color:#f59e0b}.admin-action-btn.pause:hover{background:#f59e0b4d;transform:scale(1.1)}.admin-action-btn.resume{background:#22c55e33;color:#22c55e}.admin-action-btn.resume:hover{background:#22c55e4d;transform:scale(1.1)}.admin-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.admin-status-badge.paused{background:#8b5cf633;color:#8b5cf6}@media (max-width:768px){.admin-subscription-tabs{flex-direction:column;gap:8px}.admin-tab{width:100%}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-subscriptions-table{min-width:800px}}@media (max-width:480px){.admin-subscriptions-table{min-width:700px}.admin-subscriptions-table td,.admin-subscriptions-table th{font-size:11px;padding:8px 6px}.admin-action-btn,.admin-table-avatar{height:28px;width:28px}.admin-action-btn{font-size:12px}}
/*# sourceMappingURL=main.158811d0.css.map*/