:root{--primary-color: #4361ee;--secondary-color: #3f37c9;--accent-color: #4895ef;--light-color: #f8f9fa;--dark-color: #212529;--text-color: #333;--text-light: #6c757d;--white: #fff;--gray: #e9ecef;--dark-gray: #adb5bd;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease;--black: #000}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--white)}.lp-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{line-height:1.2;margin-bottom:1rem}p{margin-bottom:1rem}a{text-decoration:none;color:inherit}.lp-btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:var(--transition);text-align:center;font-size:1rem}.lp-btn-primary{background-color:var(--primary-color);color:var(--white);border:none}.lp-btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow)}.lp-btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.lp-btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.lp-scrolled{background-color:#fff;box-shadow:0 4px 20px #0000001a}.lp-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.lp-logo img{height:60px;width:250px}.lp-nav-links{display:flex;gap:2rem}.lp-nav-links a{color:var(--text-color);font-weight:500;transition:var(--transition)}.lp-nav-links a:hover{color:var(--primary-color)}.lp-auth-buttons{display:flex;gap:1rem}.lp-hero{padding:10rem 0 5rem;background:linear-gradient(135deg,#f5f7ff,#e8ecff);text-align:center}.lp-hero-content h1{font-size:3rem;font-weight:800;margin-bottom:1.5rem;color:var(--dark-color)}.lp-subtitle{font-size:1.25rem;color:var(--text-light);max-width:700px;margin:0 auto 3rem}.lp-cta-buttons{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.lp-trust-note{margin-top:1.5rem;font-size:1rem;color:var(--text-light);text-align:center}.lp-features-section{padding:5rem 0}.lp-features-section h2{text-align:center;font-size:2.5rem;margin-bottom:1rem}.lp-section-description{text-align:center;color:var(--text-light);font-size:1.125rem;max-width:700px;margin:0 auto 3rem}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.lp-feature-card{padding:2rem;background-color:var(--white);border-radius:.5rem;box-shadow:var(--shadow);transition:var(--transition)}.lp-feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.lp-feature-icon-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#4361ee1a;border-radius:50%;margin-bottom:1.5rem;color:var(--primary-color)}.lp-feature-icon{font-size:1.5rem}.lp-feature-card h3{font-size:1.25rem;margin-bottom:1rem}.lp-feature-card p{color:var(--text-light)}.lp-about-section{padding:5rem 0;background-color:#fff}.lp-about-content{max-width:800px;margin:0 auto;text-align:center}.lp-about-content h2{font-size:2.5rem;margin-bottom:1.5rem}.lp-about-content p{font-size:1.125rem;color:var(--text-light);margin-bottom:2rem}footer{background-color:#ebe9e9;color:var(--black);padding:4rem 0 2rem}.lp-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.lp-footer-section{margin-bottom:2rem}.lp-footer-section h3{color:var(--black);margin-bottom:1.5rem;font-size:1.25rem}.lp-footer-section p{color:var(--text-light)}.lp-footer-section a{display:block;color:var(--text-light);margin-bottom:.75rem;transition:var(--transition)}.lp-footer-section a:hover{color:var(--black)}.lp-social-links{display:flex;gap:1rem;margin-top:1.5rem}.lp-social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;font-size:1.25rem;transition:var(--transition)}.lp-social-links a:hover{transform:translateY(-3px)}.lp-footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:var(--dark-gray)}.lp-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.lp-modal-content{background-color:var(--white);border-radius:.5rem;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;padding:2rem;position:relative;animation:lp-modalFadeIn .3s ease-out}.lp-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light)}.lp-modal-content h2{margin-bottom:1.5rem;color:var(--primary-color)}.lp-modal-content h3{margin:1.5rem 0 .75rem;font-size:1.25rem}.lp-modal-body{color:var(--text-light);line-height:1.7}@keyframes lp-modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.lp-navbar{flex-direction:column;gap:1rem}.lp-nav-links{gap:1rem}.lp-hero{padding:8rem 0 3rem}.lp-hero-content h1{font-size:2.5rem}.lp-features-grid{grid-template-columns:1fr}}@media (max-width: 480px){.lp-hero-content h1{font-size:2rem}.lp-subtitle{font-size:1rem}.lp-auth-buttons{flex-direction:column;width:100%}.lp-btn{width:100%}.lp-cta-buttons{flex-direction:column}}.lp-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:.5rem}.lp-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#334155;line-height:1.6}.homePage-dashboard-container{min-height:100vh;background:#f5f5f5;padding:0}.homePage-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;padding:1rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a}.homePage-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.homePage-header-title{display:flex;align-items:center;gap:25rem}.brand-logo{height:40px;width:auto;margin-right:1rem;vertical-align:middle}.Dashboardoverview{font-size:1.25rem;font-weight:600;color:#000}.user-profile{display:flex;align-items:center}.profile-info{display:flex;align-items:center;gap:1rem}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid #e2e8f0;object-fit:cover}.user-details{display:flex;flex-direction:column}.username{font-weight:600;color:#1e293b;font-size:.95rem}.user-role{font-size:.8rem;color:#64748b;margin:0}.homePage-main-content{padding:2rem;max-width:1400px;margin:0 auto}.homePage-dashboard-main{display:flex;flex-direction:column;gap:2rem}.homepage-overview-section{margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end))}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px #00000026}.stat-card.instagram{--gradient-start: #833ab4;--gradient-end: #fd1d1d}.stat-card.facebook{--gradient-start: #1877f2;--gradient-end: #42a5f5}.stat-card.youtube{--gradient-start: #ff0000;--gradient-end: #ff6b6b}.stat-card.smart-scheduling{background:#fff;border-top:4px solid #6366f1}.stat-card.trend-discovery{background:#fff;border-top:4px solid #f59e42}.stat-card.brand-collaboration{background:#fff;border-top:4px solid #db2777}.homePage-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.homePage-card-title{display:flex;align-items:center;gap:.75rem}.icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))}.platform-icon{width:24px;height:24px;color:#fff}.homePage-platform-name{font-weight:600;font-size:1.1rem;color:#1e293b}.trending-icon{width:20px;height:20px;color:#10b981}.card-stats{margin-top:1rem}.follower-count{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.follower-label{color:#64748b;font-size:.95rem;margin:0}.homePage-filter-section{margin:1rem 0}.homePage-filter-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #f1f5f9}.homePage-filter-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.homePage-filter-title h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.homePage-filter-title p{color:#64748b;font-size:.9rem;margin:0}.homePage-filter-dropdown{position:relative;min-width:200px}.homePage-filter-select{appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:.75rem 2.5rem .75rem 1rem;font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;width:100%}.homePage-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dropdown-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#64748b;pointer-events:none}.stat-card.smart-scheduling .platform-icon{color:#6366f1;background:#e0e7ff;border-radius:8px}.stat-card.trend-discovery .platform-icon{color:#f59e42;background:#fef9c3;border-radius:8px}.stat-card.brand-collaboration .platform-icon{color:#db2777;background:#fce7f3;border-radius:8px}@media (max-width: 768px){.homePage-header{padding:1rem}.homePage-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.homePage-header-title{flex-direction:column;align-items:flex-start;gap:.5rem}.homePage-main-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.homePage-filter-header{flex-direction:column;align-items:flex-start}.homePage-filter-dropdown{min-width:100%}.post-card{flex-direction:column;align-items:flex-start;text-align:left}.post-details{flex-direction:column;align-items:flex-start;gap:.5rem}.post-icons{align-self:flex-end}.post-thumbnail{align-self:center}}@media (max-width: 480px){.logo{font-size:1.5rem}.Dashboardoverview{font-size:1.1rem}.stat-card{padding:1.25rem}.follower-count{font-size:1.75rem}.homePage-posts-container,.homePage-filter-container,.post-card{padding:1.25rem}.post-details{width:100%}}.stat-card,.post-card,.homePage-filter-container,.homePage-posts-container{animation:fadeInUp .6s ease-out}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.homePage-dashboard-container .stat-card:nth-child(1){animation-delay:.1s}.homePage-dashboard-container .stat-card:nth-child(2){animation-delay:.2s}.homePage-dashboard-container .stat-card:nth-child(3){animation-delay:.3s}.homePage-filter-section{animation-delay:.4s}.homePage-posts-section{animation-delay:.5s}.stat-card:focus,.homePage-filter-select:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.homePage-dashboard-container{background:#fff}.homePage-header{background:#fff;box-shadow:none;border-bottom:1px solid #e2e8f0}.stat-card,.homePage-filter-container,.homePage-posts-container{box-shadow:none;border:1px solid #e2e8f0}}.stat-card.ai-chatbot{background:#fff;border-top:4px solid #3b82f6}.stat-card.ai-chatbot .platform-icon{color:#3b82f6;background:#dbeafe;border-radius:8px}.stat-card.ai-chatbot{--gradient-start: #3b82f6;--gradient-end: #60a5fa}.stat-card.manage-subscription{background:#fff;border-top:4px solid #f59e0b}.stat-card.manage-subscription .platform-icon{color:#f59e0b;background:#fef3c7;border-radius:8px}.stat-card.manage-subscription{--gradient-start: #f59e0b;--gradient-end: #fbbf24}.stat-card.settings{background:#fff;border-top:4px solid #6b7280}.stat-card.settings .platform-icon{color:#6b7280;background:#f3f4f6;border-radius:8px}.stat-card.settings{--gradient-start: #6b7280;--gradient-end: #9ca3af}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fafafa;color:#262626;line-height:1.6}.ig-dashboard-container{min-height:100vh;display:flex;flex-direction:column}.ig-dashboard-header{background:#fff;color:#000;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.ig-header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto}.ig-branding{display:flex;align-items:center;gap:1rem}.ig-branding .logo-icon{font-size:2rem;color:#fff}.ig-dashboard-title{font-size:1.8rem;font-weight:700;margin:0}.ig-home-button{background:#fe000033;border:1px solid rgba(255,255,255,.3);color:#ff0202;padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .3s ease}.ig-home-button:hover{background:#ff25254d;transform:translateY(-1px)}.ig-header-actions{display:flex;align-items:center;gap:1rem}.ig-date-range-picker{display:flex;align-items:center;gap:.5rem;background:#9292921a;padding:.5rem;border-radius:8px;border:1px solid rgba(138,132,132,.2)}.date-input-group{display:flex;align-items:center;gap:.3rem}.ig-date-input{background:#fffcfce6;border:none;padding:.4rem .6rem;border-radius:4px;font-size:.85rem;color:#333}.ig-date-separator{color:#000;font-size:.85rem;margin:0 .3rem}.ig-apply-btn,.ig-export-btn{background:red;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease;display:flex;align-items:center;gap:.4rem}.ig-apply-btn:hover,.ig-export-btn:hover{background:red;transform:translateY(-1px)}.ig-dashboard-tabs{background:#ffffff1a;border-top:1px solid rgba(255,255,255,.1)}.ig-dashboard-tabs ul{display:flex;list-style:none;max-width:1400px;margin:0 auto;padding:0 2rem}.ig-dashboard-tabs li{margin-right:.5rem}.ig-dashboard-tabs li a{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;color:#000c;text-decoration:none;border-radius:6px 6px 0 0;transition:all .3s ease;cursor:pointer;font-weight:500}.ig-dashboard-tabs li.active a{background:#fff;color:#000;font-weight:600}.ig-dashboard-tabs li:not(.active) a:hover{background:#ffffff1a;color:#000}.ig-dashboard-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.ig-metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.ig-metric-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e8ed;transition:all .3s ease}.ig-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.ig-metric-card.followers{border-left:4px solid #1da1f2}.ig-metric-card.following{border-left:4px solid #17bf63}.ig-metric-card.posts{border-left:4px solid #fd1d1d}.ig-metric-card.engagement{border-left:4px solid #fcb045}.ig-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ig-metric-header h3{font-size:.9rem;color:#657786;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ig-metric-header i{font-size:1.2rem;color:#aab8c2}.ig-metric-value{font-size:2.2rem;font-weight:700;color:#14171a;margin-bottom:.5rem}.ig-metric-change{display:flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:500}.ig-metric-change.positive{color:#17bf63}.ig-metric-change.negative{color:#e0245e}.ig-metric-change.neutral{color:#657786}.ig-analytics-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e8ed}.ig-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f7f9fa}.ig-section-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;color:#14171a;font-weight:600}.ig-section-header i{color:#833ab4}.ig-timeframe-selector select,.ig-segment-selector select{padding:.5rem 1rem;border:1px solid #e1e8ed;border-radius:6px;background:#fff;color:#14171a;font-size:.9rem;cursor:pointer}.ig-view-all-btn{background:#833ab4;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.ig-view-all-btn:hover{background:#6a2c91;transform:translateY(-1px)}.ig-engagement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.ig-engagement-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:1.5rem;transition:all .3s ease;position:relative}.ig-engagement-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:#833ab4}.ig-engagement-card.highlight{background:linear-gradient(135deg,#833ab4,#fd1d1d);color:#fff;border:none}.ig-engagement-card.highlight .ig-metric-info h4,.ig-engagement-card.highlight .ig-metric-value,.ig-engagement-card.highlight .ig-metric-change{color:#fff}.ig-engagement-metric{display:flex;justify-content:space-between;align-items:flex-start}.ig-metric-info h4{font-size:.9rem;color:#495057;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.3rem}.ig-metric-info .ig-metric-value{font-size:1.8rem;font-weight:700;color:#212529;margin-bottom:.3rem}.ig-metric-chart{width:60px;height:40px;position:relative}.ig-chart-placeholder{background:linear-gradient(135deg,#833ab4,#fd1d1d);border-radius:3px;width:100%;opacity:.8}.ig-benchmark-indicator{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-size:.8rem;display:flex;align-items:center;gap:.3rem}.tooltip{cursor:help;opacity:.7}.tooltip:hover{opacity:1}.ig-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.ig-content-card{background:#fff;border:1px solid #e1e8ed;border-radius:10px;overflow:hidden;transition:all .3s ease}.ig-content-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.ig-content-preview{height:200px;position:relative;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#aab8c2}.ig-content-stats{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem}.ig-content-stats span{background:#000000b3;color:#fff;padding:.3rem .6rem;border-radius:15px;font-size:.75rem;display:flex;align-items:center;gap:.2rem}.ig-content-info{padding:1rem}.ig-content-info h4{font-size:1rem;font-weight:600;color:#14171a;margin-bottom:.3rem}.ig-content-info p{color:#657786;font-size:.85rem;margin-bottom:.8rem}.ig-engagement-rate{display:flex;align-items:center;gap:.5rem}.ig-rate-bar{height:4px;background:linear-gradient(90deg,#833ab4,#fd1d1d);border-radius:2px;flex:1}.ig-engagement-rate span{font-size:.8rem;color:#657786;font-weight:500;white-space:nowrap}.ig-audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.ig-audience-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:1.5rem;transition:all .3s ease}.ig-audience-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.ig-audience-card h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#495057;font-weight:600;margin-bottom:1rem}.ig-gender-chart{display:flex;border-radius:6px;overflow:hidden;height:40px}.ig-male-segment,.ig-female-segment{display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500}.ig-male-segment{background:#1da1f2;color:#fff}.ig-female-segment{background:#fd1d1d;color:#fff}.ig-location-list{list-style:none}.ig-location-list li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;position:relative}.ig-country-flag{font-size:1.2rem}.ig-country-name{flex:1;font-weight:500;color:#495057}.ig-country-percent{font-weight:600;color:#212529;font-size:.9rem}.ig-location-bar{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#833ab4,#fd1d1d);border-radius:1px}.ig-time-distribution{display:flex;flex-direction:column;gap:.8rem}.ig-time-block{padding:.8rem;border-radius:6px;text-align:center;font-weight:500}.ig-time-block.peak{background:#17bf63;color:#fff}.ig-time-block.moderate{background:#fcb045;color:#fff}.ig-time-block.low{background:#e9ecef;color:#495057}.ig-time-block span:first-child{display:block;font-weight:600;margin-bottom:.2rem}.ig-time-block span:last-child{font-size:.8rem;opacity:.9}.ig-dashboard-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:1.5rem 2rem;margin-top:auto}.ig-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.ig-footer-links{display:flex;gap:1.5rem}.ig-footer-links a{color:#657786;text-decoration:none;font-size:.85rem;transition:color .3s ease}.ig-footer-links a:hover{color:#833ab4}.ig-footer-copyright{color:#657786;font-size:.85rem}.ig-footer-version{display:flex;align-items:center;gap:.3rem;color:#657786;font-size:.8rem}.ig-footer-version .ig-fas.fa-circle{color:#17bf63;font-size:.5rem}@media (max-width: 1200px){.ig-dashboard-content{padding:1.5rem}.ig-metrics-summary{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ig-engagement-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.ig-header-content{padding:1rem;flex-direction:column;gap:1rem}.ig-branding{flex-wrap:wrap;justify-content:center}.ig-header-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}.ig-date-range-picker{flex-wrap:wrap}.ig-dashboard-tabs ul{padding:0 1rem;flex-wrap:wrap}.ig-dashboard-content{padding:1rem}.ig-analytics-section{padding:1.5rem}.ig-section-header{flex-direction:column;gap:1rem;align-items:flex-start}.ig-metrics-summary,.ig-engagement-grid,.ig-content-grid,.ig-audience-grid{grid-template-columns:1fr}}@media (max-width: 480px){.ig-dashboard-title{font-size:1.4rem}.ig-metric-value{font-size:1.8rem}.ig-engagement-metric{flex-direction:column;align-items:flex-start;gap:.5rem}.ig-metric-chart{width:100%;height:30px}}.ig-metric-card,.ig-engagement-card,.ig-content-card,.ig-audience-card{animation:fadeInUp .6s ease-out}.ig-fas,.ig-fab,.far{font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";font-weight:900}.ig-fab,.far{font-weight:400}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.fb-dashboard-container{min-height:100vh;display:flex;flex-direction:column}.fb-header{background:#fff;color:#000;box-shadow:0 4px 20px #1877f226;position:sticky;top:0;z-index:1000}.fb-header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto}.fb-header-left{display:flex;align-items:center;gap:1.5rem}.fb-fab.fa-facebook.header-logo{font-size:2rem;color:#000;margin-right:.5rem}.fb-header-title{font-size:1.5rem;font-weight:600;margin:0}.fb-home-button{display:flex;align-items:center;gap:.5rem;background:#004cfc33;border:none;color:#0576ff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fb-home-button:hover{background:#005eff4d;transform:translateY(-1px)}.fb-header-right{display:flex;align-items:center;gap:1rem}.fb-date-range-container{display:flex;align-items:center;gap:.5rem;background:#026cff1a;padding:.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fb-date-input-wrapper{position:relative;display:flex;align-items:center}.fb-date-input-wrapper i{position:absolute;left:.75rem;color:#ffffffb3;z-index:1}.fb-date-input{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#000;padding:.5rem .5rem .5rem 2.5rem;border-radius:6px;font-size:.9rem}.fb-date-input::placeholder{color:#ffffffb3}.fb-date-separator{color:#000c;font-weight:500;margin:0 .5rem}.fb-apply-button,.fb-export-button{background:#0a36fa;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fb-apply-button:hover,.fb-export-button:hover{background:#05f;transform:translateY(-1px)}.fb-nav-tabs{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.fb-tabs-list{display:flex;list-style:none;max-width:1400px;margin:0 auto;padding:0 2rem}.fb-tab-item{position:relative}.tab-link{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;color:#000c;text-decoration:none;transition:all .3s ease;border-radius:8px 8px 0 0;font-weight:500}.tab-link:hover{color:#000;background:#ffffff1a}.tab-link.tab-active{color:#000;background:#ffffff26}.fb-tab-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0616ff;border-radius:2px 2px 0 0}.fb-main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.fb-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.fb-metric-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.fb-metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.fb-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.fb-metric-title{font-size:.9rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-icon{font-size:1.5rem;color:#1877f2;opacity:.7}.fb-metric-value{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.fb-metric-change{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.fb-metric-change.positive{color:#10b981}.fb-metric-change.negative{color:#ef4444}.fb-metric-change.neutral{color:#6b7280}.fb-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.fb-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:600;color:#333}.section-icon{color:#1877f2;font-size:1.2rem}.fb-timeframe-select,.fb-audience-select,.fb-online-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;color:#333;cursor:pointer;transition:all .3s ease}.fb-timeframe-select:hover,.fb-audience-select:hover,.fb-online-select:hover{border-color:#1877f2}.fb-page-performance{margin-bottom:2.5rem}.fb-engagement-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.fb-engagement-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.fb-engagement-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.fb-engagement-card.highlighted{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #1877f2}.fb-engagement-content{display:flex;justify-content:space-between;align-items:flex-start}.fb-engagement-info{flex:1}.fb-engagement-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#333;margin-bottom:.75rem}.tooltip-icon{color:#9ca3af;font-size:.8rem;cursor:help}.fb-engagement-value{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:.5rem}.fb-engagement-change{display:flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:500}.fb-engagement-change.positive{color:#10b981}.fb-engagement-change.negative{color:#ef4444}.fb-chart-container{width:60px;height:80px;position:relative;margin-left:1rem}.fb-chart-bar{position:absolute;bottom:0;right:0;width:100%;background:linear-gradient(180deg,#1877f2,#42a5f5);border-radius:4px 4px 0 0;transition:height .8s ease}.fb-benchmark{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280}.benchmark-icon{color:#1877f2}.fb-top-posts{margin-bottom:2.5rem}.fb-view-all-button{background:#1877f2;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.fb-view-all-button:hover{background:#166fe5;transform:translateY(-1px)}.fb-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.fb-post-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.fb-post-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.fb-post-image{height:180px;position:relative;display:flex;align-items:flex-end;padding:1rem}.fb-post-stats{display:flex;gap:1rem}.fb-stat-item{background:#ffffffe6;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;color:#333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fb-post-content{padding:1.5rem}.fb-post-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.fb-post-date{color:#6b7280;font-size:.9rem;margin-bottom:1rem}.fb-engagement-bar-container{position:relative;background:#f3f4f6;height:8px;border-radius:4px;margin-bottom:1rem;overflow:hidden}.fb-engagement-bar{height:100%;background:linear-gradient(90deg,#1877f2,#42a5f5);border-radius:4px;transition:width .8s ease}.fb-engagement-text{position:absolute;right:0;top:-1.5rem;font-size:.8rem;font-weight:500;color:#333}.fb-post-type{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.85rem;font-weight:500}.fb-audience-insights{margin-bottom:2.5rem}.fb-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.fb-insight-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.fb-insight-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#333;margin-bottom:1.5rem}.fb-insight-title i{color:#1877f2}.fb-gender-chart{display:flex;flex-direction:column;gap:1rem}.fb-gender-male,.fb-gender-female{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500}.fb-locations-list{list-style:none}.fb-location-item{margin-bottom:1rem}.fb-location-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.fb-location-flag{font-size:1.2rem}.fb-location-name{flex:1;font-weight:500}.fb-location-percent{font-weight:600;color:#1877f2}.fb-location-bar{height:6px;background:linear-gradient(90deg,#1877f2,#42a5f5);border-radius:3px;transition:width .8s ease}.fb-age-groups{display:flex;flex-direction:column;gap:1rem}.fb-age-group{display:flex;align-items:center;gap:1rem}.fb-age-range{min-width:60px;font-weight:500}.fb-age-bar{height:8px;background:linear-gradient(90deg,#1877f2,#42a5f5);border-radius:4px;transition:width .8s ease}.fb-online-times{margin-bottom:2.5rem}.fb-heatmap-container{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.fb-heatmap-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.fb-heatmap-day{text-align:center;font-size:.8rem;font-weight:500;color:#6b7280;padding:.5rem 0}.fb-heatmap-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.fb-heatmap-cell{aspect-ratio:1;border-radius:2px;transition:all .3s ease}.fb-heatmap-cell:hover{transform:scale(1.1)}.fb-intensity-0{background-color:#ebedf0}.fb-intensity-1{background-color:#c6e48b}.fb-intensity-2{background-color:#7bc96f}.fb-intensity-3{background-color:#239a3b}.fb-intensity-4{background-color:#196127}.fb-intensity-5{background-color:#1877f2}.fb-intensity-6{background-color:#166fe5}.fb-heatmap-hours{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.fb-heatmap-hour{text-align:center;font-size:.8rem;font-weight:500;color:#6b7280;padding:.5rem 0}.fb-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:1.5rem 2rem;margin-top:auto}.fb-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.fb-footer-links{display:flex;gap:1.5rem}.fb-footer-link{color:#6b7280;text-decoration:none;font-size:.9rem;transition:color .3s ease}.fb-footer-link:hover{color:#1877f2}.fb-footer-copyright{color:#6b7280;font-size:.9rem}.fb-footer-status{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.status-indicator{color:#10b981;font-size:.6rem}@media (max-width: 1200px){.fb-main-content{padding:1.5rem}.fb-header-content{padding:1rem 1.5rem}.fb-tabs-list{padding:0 1.5rem}}@media (max-width: 768px){.fb-header-content{flex-direction:column;gap:1rem;padding:1rem}.fb-header-left{justify-content:center}.fb-header-right{width:100%;justify-content:center}.fb-date-range-container{flex-wrap:wrap;justify-content:center}.fb-tabs-list{flex-wrap:wrap;justify-content:center;padding:0 1rem}.fb-main-content{padding:1rem}.fb-summary-cards{grid-template-columns:1fr;gap:1rem}.fb-engagement-metrics,.fb-posts-grid,.fb-insights-grid{grid-template-columns:1fr}.fb-section-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 480px){.fb-header-title{font-size:1.2rem}.fb-metric-value{font-size:1.8rem}.fb-engagement-value{font-size:1.5rem}.fb-heatmap-grid{grid-template-columns:repeat(7,1fr)}.fb-heatmap-hours{grid-template-columns:repeat(4,1fr)}}.fb-metric-card,.fb-engagement-card,.fb-post-card,.fb-insight-card{animation:fadeInUp .6s ease forwards}.fb-metric-card:hover .metric-icon,.fb-engagement-card:hover .fb-chart-bar{transform:scale(1.05)}button:focus,select:focus,input:focus{outline:2px solid #1877f2;outline-offset:2px}html{scroll-behavior:smooth}body{font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;color:#030303;line-height:1.6}.yt-dashboard-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f9f9f9}.yt-dashboard-header{background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px #00000014;position:sticky;top:0;z-index:100}.yt-header-content{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%}.yt-branding{display:flex;align-items:center;gap:16px}.yt-branding .logo-icon{font-size:32px;color:red}.yt-dashboard-title{font-size:24px;font-weight:500;color:#030303;margin:0}.yt-home-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;color:#606060;transition:all .2s ease}.yt-home-button:hover{background:#e0e0e0;color:#030303}.yt-header-actions{display:flex;align-items:center;gap:16px}.yt-date-range-picker{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f8f8;border:1px solid #d3d3d3;border-radius:4px}.yt-date-input-group{display:flex;align-items:center;gap:6px}.yt-date-input-group i{color:#606060;font-size:14px}.yt-date-input{border:none;background:transparent;font-size:14px;color:#030303;outline:none;cursor:pointer}.yt-date-separator{color:#606060;font-size:14px;margin:0 4px}.yt-apply-btn,.yt-export-btn{padding:8px 16px;border:1px solid #065fd4;background:#065fd4;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease}.yt-apply-btn:hover,.yt-export-btn:hover{background:#0448a0;border-color:#0448a0}.yt-export-btn{background:transparent;color:#065fd4}.yt-export-btn:hover{background:#065fd4;color:#fff}.yt-dashboard-tabs{background:#fff;border-top:1px solid #e5e5e5}.yt-dashboard-tabs ul{display:flex;list-style:none;max-width:1400px;margin:0 auto;padding:0 24px}.yt-dashboard-tabs li{margin-right:32px}.yt-dashboard-tabs li a{display:flex;align-items:center;gap:8px;padding:16px 0;text-decoration:none;color:#000;font-weight:500;font-size:14px;border-bottom:3px solid transparent;transition:all .2s ease}.yt-dashboard-tabs li:hover a,.yt-dashboard-tabs li.active a{color:#065fd4;border-bottom-color:#065fd4}.yt-dashboard-content{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.yt-metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.yt-metric-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border-left:4px solid #e0e0e0}.yt-metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.yt-metric-card.yt-views{border-left-color:#ff6b35}.yt-metric-card.yt-watch-time{border-left-color:#4285f4}.yt-metric-card.yt-subscribers{border-left-color:#34a853}.yt-metric-card.yt-revenue{border-left-color:#fbbc04}.yt-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.yt-metric-header h3{font-size:14px;font-weight:500;color:#606060;text-transform:uppercase;letter-spacing:.5px}.yt-metric-header i{font-size:20px;color:#a0a0a0}.yt-metric-value{font-size:32px;font-weight:600;color:#030303;margin-bottom:8px}.yt-metric-change{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.yt-metric-change.positive{color:#1db584}.yt-metric-change.negative{color:#e53e3e}.yt-metric-change.neutral{color:#606060}.yt-analytics-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.yt-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.yt-section-header h2{font-size:20px;font-weight:600;color:#030303;display:flex;align-items:center;gap:12px}.yt-section-header h2 i{font-size:18px;color:#065fd4}.yt-timeframe-selector select,.yt-segment-selector select{padding:8px 12px;border:1px solid #d3d3d3;border-radius:4px;background:#fff;font-size:14px;color:#030303;cursor:pointer;outline:none}.yt-view-all-btn{padding:8px 16px;border:1px solid #065fd4;background:transparent;color:#065fd4;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.yt-view-all-btn:hover{background:#065fd4;color:#fff}.yt-engagement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.yt-engagement-card{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef;transition:all .3s ease;position:relative}.yt-engagement-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.yt-engagement-card.highlight{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-color:#34a853}.yt-engagement-metric{display:flex;justify-content:space-between;align-items:flex-start}.yt-metric-info h4{font-size:14px;font-weight:500;color:#606060;margin-bottom:8px;display:flex;align-items:center;gap:6px}.yt-metric-info .tooltip{cursor:help;color:#a0a0a0;font-size:12px}.yt-metric-info .yt-metric-value{font-size:24px;font-weight:600;color:#030303;margin-bottom:6px}.yt-metric-chart{width:60px;height:40px;position:relative}.yt-chart-placeholder{background:linear-gradient(45deg,#065fd4,#4285f4);border-radius:2px;width:100%;min-height:20px;position:absolute;bottom:0;opacity:.8}.yt-benchmark-indicator{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;font-size:12px;color:#34a853;font-weight:500;display:flex;align-items:center;gap:6px}.yt-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.yt-content-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.yt-content-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.yt-content-preview{height:200px;position:relative;display:flex;align-items:flex-end;padding:16px;background-color:#000}.yt-content-stats{display:flex;gap:16px;color:#fff;font-size:14px;font-weight:500}.yt-content-stats span{display:flex;align-items:center;gap:4px;background:#000000b3;padding:4px 8px;border-radius:4px}.yt-content-info{padding:20px}.yt-content-info h4{font-size:16px;font-weight:600;color:#030303;margin-bottom:8px;line-height:1.4}.yt-content-info p{font-size:14px;color:#606060;margin-bottom:16px}.yt-engagement-rate{margin-bottom:16px}.yt-rate-bar{height:4px;background:#34a853;border-radius:2px;margin-bottom:6px}.yt-engagement-rate span{font-size:14px;color:#606060;font-weight:500}.yt-watch-time-distribution{display:flex;gap:8px}.yt-watch-time-block{flex:1;padding:8px;border-radius:4px;text-align:center;font-size:12px}.yt-watch-time-block.high-watch{background:#e8f5e8;color:#1b5e20}.yt-watch-time-block.medium-watch{background:#fff3e0;color:#e65100}.yt-watch-time-block span:first-child{display:block;font-weight:600;margin-bottom:2px}.yt-audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.yt-audience-card{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}.yt-audience-card h4{font-size:16px;font-weight:600;color:#030303;margin-bottom:16px;display:flex;align-items:center;gap:8px}.yt-audience-card h4 i{color:#065fd4}.yt-gender-chart{display:flex;border-radius:4px;overflow:hidden;height:40px}.yt-male-segment,.yt-female-segment{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff}.yt-male-segment{background:#4285f4}.yt-female-segment{background:#ea4335}.yt-location-list,.yt-source-list,.yt-feature-list{list-style:none}.yt-location-list li,.yt-source-list li,.yt-feature-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e9ecef;position:relative}.yt-location-list li:last-child,.yt-source-list li:last-child,.yt-feature-list li:last-child{border-bottom:none}.yt-country-name,.yt-source-list li span:first-child,.yt-feature-list li span:first-child{flex:1;font-weight:500;color:#030303}.yt-country-percent,.yt-source-list li span:last-child,.yt-feature-list li span:last-child{font-weight:600;color:#065fd4;min-width:40px;text-align:right}.yt-location-bar,.yt-source-bar,.yt-feature-bar{position:absolute;bottom:0;left:0;height:2px;background:#065fd4;border-radius:1px}.yt-age-distribution{display:flex;flex-direction:column;gap:12px}.yt-age-group{display:flex;align-items:center;gap:12px}.yt-age-group span:first-child{min-width:60px;font-weight:500;color:#030303}.yt-age-bar{height:20px;background:#065fd4;border-radius:10px;min-width:20px}.yt-traffic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.yt-traffic-card{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}.yt-traffic-card h4{font-size:16px;font-weight:600;color:#030303;margin-bottom:16px;display:flex;align-items:center;gap:8px}.yt-traffic-card h4 i{color:#065fd4}.yt-device-distribution{display:flex;flex-direction:column;gap:12px}.yt-device-group{display:flex;align-items:center;gap:12px}.yt-device-group span:first-child{min-width:80px;font-weight:500;color:#030303}.yt-device-group span:last-child{min-width:40px;font-weight:600;color:#065fd4;text-align:right}.yt-device-bar{height:20px;background:#065fd4;border-radius:10px;flex:1;min-width:20px}.yt-dashboard-footer{background:#f8f9fa;border-top:1px solid #e5e5e5;padding:24px;margin-top:auto}.yt-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.yt-footer-links{display:flex;gap:24px}.yt-footer-links a{color:#606060;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.yt-footer-links a:hover{color:#065fd4}.yt-footer-copyright,.yt-footer-version{font-size:14px;color:#606060}.yt-footer-version .yt-fas.fa-circle{color:#34a853;font-size:8px;margin:0 4px}@media (max-width: 1200px){.yt-dashboard-content{padding:16px}.yt-header-content{padding:12px 16px}.yt-dashboard-tabs ul{padding:0 16px}}@media (max-width: 768px){.yt-header-content{flex-direction:column;gap:16px;align-items:stretch}.yt-header-actions{justify-content:center;flex-wrap:wrap}.yt-dashboard-tabs ul{flex-wrap:wrap;gap:8px}.yt-dashboard-tabs li{margin-right:16px}.yt-metrics-summary,.yt-engagement-grid,.yt-content-grid,.yt-audience-grid,.yt-traffic-grid{grid-template-columns:1fr}}@media (max-width: 480px){.yt-branding{flex-direction:column;align-items:center;gap:8px}.yt-dashboard-title{font-size:20px}.yt-date-range-picker{flex-direction:column;gap:8px}.yt-section-header{flex-direction:column;align-items:stretch;gap:16px}.yt-metric-value{font-size:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.yt-analytics-section,.yt-metric-card,.yt-engagement-card,.yt-content-card,.yt-audience-card,.yt-traffic-card{animation:fadeInUp .5s ease-out}.yt-text-center{text-align:center}.yt-text-right{text-align:right}.yt-mb-0{margin-bottom:0}.yt-mt-16{margin-top:16px}.yt-p-0{padding:0}.yt-hidden{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#2d3748;background-color:#f7fafc}.ss-app-container{min-height:100vh;background:#fff;padding:0}.ss-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a}.ss-header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.ss-header-left{display:flex;align-items:center;gap:1rem}.ss-logo{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;box-shadow:0 4px 15px #4f46e54d}.ss-logo-icon{color:#fff;width:28px;height:28px}.ss-brand-info{display:flex;flex-direction:column}.ss-brand-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0}.ss-brand-subtitle{font-size:.875rem;color:#718096;margin:0}.ss-home-button{display:flex;align-items:center;gap:20px;padding:8px;width:90px;height:30px;background:#4f46e5;border:4px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#fff;transition:all .2s ease}.ss-home-button:hover{background:#4f46e5;color:#fff}.ss-header-right{display:flex;align-items:center;gap:1rem}.ss-notification-bell{position:relative;padding:.75rem;background:#fef5e7;border-radius:50%;cursor:pointer;transition:all .2s ease}.ss-notification-bell:hover{background:#fbd38d;transform:scale(1.05)}.ss-bell-icon{color:#ed8936;width:20px;height:20px}.ss-notification-count{position:absolute;top:-5px;right:-5px;background:#e53e3e;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.ss-export-btn{display:flex;align-items:center;gap:10px;padding:8px;width:100px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4f46e54d}.ss-export-btn:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.ss-btn-icon{width:18px;height:18px}.ss-reminder-notification{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:12px;margin:2rem;padding:1.5rem;box-shadow:0 4px 15px #f5656533;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ss-reminder-content{display:flex;align-items:flex-start;gap:1rem}.ss-reminder-icon{color:#e53e3e;width:24px;height:24px;margin-top:.25rem}.ss-reminder-title{font-size:1.125rem;font-weight:700;color:#742a2a;margin-bottom:.5rem}.ss-reminder-list{display:flex;flex-direction:column;gap:.75rem}.ss-reminder-item{display:flex;justify-content:space-between;align-items:center;background:#ffffffb3;padding:.75rem;border-radius:8px}.ss-reminder-text{flex:1;font-size:.875rem;color:#742a2a}.ss-reminder-date{font-weight:500;margin-left:.5rem}.ss-send-reminder-btn{padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ss-send-reminder-btn:hover{background:#c53030;transform:scale(1.05)}.ss-main-content{max-width:1200px;margin:0 auto;padding:2rem}.ss-filters-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.ss-filters-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ss-filter-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#4a5568;margin-right:1rem}.ss-filter-icon{width:20px;height:20px;color:#667eea}.ss-filter-input,.ss-search-input{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;min-width:120px}.ss-filter-input:focus,.ss-search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.ss-search-container{display:flex;align-items:center;position:relative}.ss-search-icon{position:absolute;left:.75rem;width:16px;height:16px;color:#a0aec0}.ss-search-input{padding-left:2.5rem;width:200px}.ss-clear-filters-btn{padding:.75rem 1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:.875rem;cursor:pointer;transition:all .2s ease}.ss-clear-filters-btn:hover{background:#edf2f7;border-color:#cbd5e0}.ss-add-todo-section{margin-bottom:2rem}.ss-add-todo-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #48bb784d}.ss-add-todo-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #48bb7866;background:linear-gradient(135deg,#38a169,#2f855a)}.ss-add-form{background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid #e2e8f0}.ss-form-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:2px solid #667eea}.ss-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.ss-form-group{margin-bottom:1.5rem}.ss-form-label{display:block;font-weight:600;color:#4a5568;margin-bottom:.5rem;font-size:.875rem}.ss-form-input,.ss-form-textarea{width:100%;padding:.875rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease}.ss-form-input:focus,.ss-form-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.ss-form-textarea{resize:vertical;min-height:100px;font-family:inherit}.ss-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.ss-submit-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 12px #4f46e54d}.ss-submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #4f46e566}.ss-cancel-btn{padding:.875rem 2rem;background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.ss-cancel-btn:hover{background:#edf2f7;border-color:#cbd5e0}.ss-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.ss-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;transition:all .3s ease}.ss-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.ss-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.pending-icon{background:linear-gradient(135deg,#fbd38d,#ed8936)}.completed-icon{background:linear-gradient(135deg,#9ae6b4,#48bb78)}.total-icon{background:linear-gradient(135deg,#90cdf4,#4299e1)}.ss-stat-icon .ss-icon{width:28px;height:28px;color:#fff}.ss-stat-number{font-size:2rem;font-weight:800;color:#2d3748;margin:0}.ss-stat-label{font-size:.875rem;color:#718096;font-weight:500;margin:0}.ss-todos-section{margin-bottom:3rem}.ss-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#2d3748}.pending-title{color:#ed8936}.completed-title{color:#48bb78}.ss-section-icon{width:28px;height:28px}.ss-todos-list{display:grid;gap:1rem}.todo-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.todo-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#e2e8f0;transition:all .3s ease}.todo-card.completed:before{background:linear-gradient(135deg,#48bb78,#38a169)}.todo-card.overdue:before{background:linear-gradient(135deg,#f56565,#e53e3e)}.todo-card.due-soon:before{background:linear-gradient(135deg,#ed8936,#dd6b20)}.todo-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f;border-color:#cbd5e0}.todo-card.completed{opacity:.8}.ss-todo-content{display:flex;gap:1rem}.ss-todo-main{flex:1}.ss-todo-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.ss-checkbox{width:24px;height:24px;border:2px solid #cbd5e0;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ss-checkbox.checked{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#48bb78}.ss-check-icon{width:14px;height:14px;color:#fff}.ss-todo-meta{display:flex;align-items:center;gap:.75rem;flex:1}.ss-platform-name{font-weight:700;font-size:1rem;color:#2d3748}.ss-content-type{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px}.ss-content-icon{width:16px;height:16px;color:#fff}.ss-content-type-text{font-size:.875rem;color:#718096;font-weight:500;text-transform:capitalize}.ss-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.overdue-badge{background:#fed7d7;color:#c53030;border:1px solid #fc8181}.due-soon-badge{background:#feebc8;color:#c05621;border:1px solid #f6ad55}.ss-todo-caption{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:1rem}.completed-text{text-decoration:line-through;color:#a0aec0}.ss-todo-details{display:flex;gap:1.5rem;margin-bottom:1rem}.ss-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#718096}.ss-detail-icon{width:16px;height:16px;color:#a0aec0}.ss-todo-keywords{display:flex;align-items:center;gap:.5rem;background:#f7fafc;padding:.5rem;border-radius:8px;border:1px solid #e2e8f0}.ss-hash-icon{width:16px;height:16px;color:#667eea}.ss-keywords-text{font-size:.875rem;color:#4a5568;font-weight:500}.ss-delete-btn{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ss-delete-btn:hover{background:#feb2b2;border-color:#fc8181;transform:scale(1.1)}.ss-delete-icon{width:18px;height:18px;color:#e53e3e}.ss-empty-state{text-align:center;padding:3rem;color:#a0aec0}.ss-empty-icon{width:48px;height:48px;margin:0 auto 1rem;opacity:.5}@media (max-width: 768px){.ss-header-content{padding:0 1rem;flex-direction:column;gap:1rem}.ss-main-content{padding:1rem}.ss-filters-content{flex-direction:column;align-items:stretch}.ss-filter-input,.ss-search-input{min-width:auto;width:100%}.ss-search-input{width:100%}.ss-form-row,.ss-stats-container{grid-template-columns:1fr}.ss-form-actions{flex-direction:column}.ss-todo-header{flex-wrap:wrap}.ss-todo-details{flex-direction:column;gap:.5rem}.ss-reminder-item{flex-direction:column;gap:.75rem;align-items:stretch}}@media (max-width: 480px){.ss-brand-title,.ss-section-title{font-size:1.25rem}.todo-card{padding:1rem}.ss-todo-content{flex-direction:column;gap:1rem}.ss-delete-btn{align-self:flex-end}}:root{--primary: #6366f1;--primary-hover: #4f46e5;--error: #ef4444;--success: #10b981;--text: #1e293b;--text-light: #64748b;--border: #e2e8f0;--border-hover: #cbd5e1;--background: #f8fafc;--card-bg: #ffffff;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--background);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background-image:radial-gradient(circle at 10% 20%,#6366f10d,#fff 90%)}.auth-card{background:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow-lg);width:100%;max-width:28rem;padding:2.5rem;transition:var(--transition)}.auth-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.875rem;font-weight:700;color:var(--text);margin-bottom:.5rem;background:linear-gradient(90deg,#000,#000);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;border-inline-color:transparent}.auth-subtitle{color:var(--text-light);font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-light);width:1rem;height:1rem}.form-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;transition:var(--transition);background-color:var(--card-bg);color:var(--text)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.form-input::placeholder{color:var(--text-light);opacity:.6}.input-error{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px #ef444433}.error-message{color:var(--error);font-size:.75rem;margin-top:.25rem}.error-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#ef44441a;border-radius:.5rem;margin-bottom:.5rem}.error-icon{width:1rem;height:1rem;color:var(--error)}.error-text{font-size:.875rem;color:var(--error)}.password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;color:var(--text-light);transition:var(--transition)}.password-toggle:hover{color:var(--primary)}.toggle-icon{width:1rem;height:1rem}.password-hint{color:var(--text-light);font-size:.75rem;margin-top:.25rem}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.remember-me{display:flex;align-items:center;gap:.5rem}.remember-checkbox{width:1rem;height:1rem;border:1px solid var(--border);border-radius:.25rem;appearance:none;cursor:pointer;transition:var(--transition)}.remember-checkbox:checked{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.remember-label{font-size:.875rem;color:var(--text-light);cursor:pointer}.forgot-password{background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.forgot-password:hover{text-decoration:underline}.terms-checkbox{display:flex;align-items:flex-start;gap:.5rem;margin:.5rem 0}.checkbox-input{width:1rem;height:1rem;border:1px solid var(--border);border-radius:.25rem;appearance:none;cursor:pointer;transition:var(--transition);flex-shrink:0;margin-top:.125rem}.checkbox-input:checked{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.checkbox-label{font-size:.875rem;color:var(--text-light);cursor:pointer;text-align:left}.link{color:var(--primary);text-decoration:none;font-weight:500;transition:var(--transition)}.link:hover{text-decoration:underline;color:var(--primary-hover)}.submit-button{background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submitting{pointer-events:none}.button-loading{display:flex;align-items:center;gap:.5rem}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;margin-top:1.5rem}.switch-text{color:var(--text-light);font-size:.875rem}.switch-link{background:none;border:none;color:var(--primary);font-weight:500;cursor:pointer;transition:var(--transition)}.switch-link:hover{text-decoration:underline}.auth-success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background-image:radial-gradient(circle at 10% 20%,#10b9810d,#fff 90%)}.success-card{background:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow-lg);width:100%;max-width:28rem;padding:2.5rem;text-align:center;transition:var(--transition)}.success-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.success-icon{width:4rem;height:4rem;color:var(--success);margin:0 auto 1.5rem}.success-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1rem}.success-message{color:var(--text-light);margin-bottom:1.5rem}.success-button{background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);width:100%;margin-top:1rem}.success-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.forgot-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background-image:radial-gradient(circle at 10% 20%,#6366f10d,#fff 90%)}.forgot-card{background:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow-lg);width:100%;max-width:28rem;padding:2.5rem;transition:var(--transition)}.forgot-header{text-align:center;margin-bottom:2rem}.forgot-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.forgot-subtitle{color:var(--text-light);font-size:.875rem}.forgot-form{display:flex;flex-direction:column;gap:1.25rem}.reset-button{background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.reset-button:hover{background-color:var(--primary-hover)}.reset-button:disabled{opacity:.7;cursor:not-allowed}.back-button{background:none;border:none;color:var(--primary);font-weight:500;cursor:pointer;transition:var(--transition);text-align:center;padding:.5rem}.back-button:hover{text-decoration:underline}.reset-success{text-align:center}.reset-success-icon{width:4rem;height:4rem;color:var(--success);margin:0 auto 1.5rem}.reset-success-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.reset-success-message{color:var(--text-light);margin-bottom:1.5rem}@media (max-width: 480px){.auth-card,.forgot-card,.success-card{padding:1.5rem}.auth-title{font-size:1.5rem}}