:root{--color-primary:#4a6cf7;--color-secondary:#f8fafc;--color-border:#e2e8f0;--color-text-primary:#1a202c;--color-text-secondary:#4a5568;--color-text-muted:#718096;--color-success:#48bb78;--color-warning:#ed8936;--color-info:#4299e1;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.home-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem}.home-wrapper{max-width:1200px;margin:0 auto;padding:2rem 0}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;background:white;padding:2rem;border-radius:1rem;box-shadow:var(--shadow-md)}.welcome-content h1.welcome-title{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;background:linear-gradient(135deg,var(--color-primary) 0,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.primary-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0,#3a5bd9 100%);color:white;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.primary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.section-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)!important;margin-bottom:1.5rem}.analytics-section{margin-bottom:3rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.analytics-card{background:white;padding:2rem;border-radius:1rem;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:1.5rem;transition:all .2s;border-left:4px solid transparent}.analytics-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.followers-card{border-left-color:var(--color-primary)}.engagement-card{border-left-color:var(--color-success)}.posts-card{border-left-color:var(--color-warning)}.card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;color:white}.followers-card .card-icon{background:linear-gradient(135deg,var(--color-primary) 0,#3a5bd9 100%)}.engagement-card .card-icon{background:linear-gradient(135deg,var(--color-success) 0,#38a169 100%)}.posts-card .card-icon{background:linear-gradient(135deg,var(--color-warning) 0,#dd6b20 100%)}.card-content{flex:1}.card-title{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em}.card-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem}.card-change{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem}.card-change.positive{color:var(--color-success);background-color:rgba(72,187,120,.1)}.card-change.neutral{color:var(--color-info);background-color:rgba(66,153,225,.1)}.actions-section{margin-bottom:3rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background:white;padding:2rem;border-radius:1rem;box-shadow:var(--shadow-md);border:none;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:1rem}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;color:white}.create-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.schedule-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.analyze-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.action-content h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.action-content p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.activity-section{margin-bottom:2rem}.activity-card{background:white;border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem}.activity-list{display:flex;flex-direction:column;gap:1.5rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;transition:all .2s}.activity-item:hover{background-color:var(--color-secondary)}.activity-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;color:white}.instagram-icon{background:linear-gradient(135deg,#e1306c,#fd1d1d 50%,#f77737)}.facebook-icon{background:linear-gradient(135deg,#1877f2,#42a5f5)}.profile-icon{background:linear-gradient(135deg,var(--color-text-secondary) 0,var(--color-text-muted) 100%)}.activity-content{flex:1}.activity-text{font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin:0 0 .25rem}.activity-time{font-size:.75rem;color:var(--color-text-muted)}@media (max-width:768px){.home-wrapper{padding:1rem 0}.header-section{flex-direction:column;gap:1.5rem;text-align:center}.welcome-title{font-size:1.75rem!important}.actions-grid,.analytics-grid{grid-template-columns:1fr}.action-card,.analytics-card{padding:1.5rem}.card-value{font-size:1.5rem}}@media (max-width:480px){.home-container{padding:.5rem}.activity-card,.header-section{padding:1.5rem}.action-card,.analytics-card{padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-card,.activity-card,.analytics-card{animation:fadeInUp .6s ease-out}.analytics-card:nth-child(2){animation-delay:.1s}.analytics-card:nth-child(3){animation-delay:.2s}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:2rem;height:2rem;border-top:3px solid var(--color-border);border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fed7d7;color:#c53030;border-radius:.5rem;font-size:.875rem;margin-top:.5rem}.retry-button{padding:.25rem .5rem;background-color:#c53030;color:white;border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer}.connect-prompt-banner{margin-top:.5rem}.connect-prompt-banner.connect-prompt{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border:2px solid #818cf8;border-radius:.75rem;gap:1.5rem;flex-wrap:wrap}.connect-prompt-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:300px}.connect-icon{width:40px;height:40px;color:#4f46e5;flex-shrink:0}.connect-prompt-text h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.connect-prompt-text p{font-size:.875rem;color:#475569;margin:0;line-height:1.5}.connect-button{padding:.625rem 1.25rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:white;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(79,70,229,.3);white-space:nowrap}.connect-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,70,229,.4);background:linear-gradient(135deg,#4338ca,#5b21b6)}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:white;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;margin-right:1rem}.refresh-button:hover{background:var(--color-primary);color:white}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.facebook-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#1877f2,#42a5f5);color:white;border-radius:1rem;font-size:.75rem;font-weight:500}@media (max-width:768px){.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{flex-direction:column;gap:.5rem;width:100%}.refresh-button{margin-right:0}}.pages-section{margin-bottom:3rem}.pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.page-card{background:white;border-radius:1rem;box-shadow:var(--shadow-md);padding:1.5rem;transition:all .2s;border-left:4px solid #1877f2;color:var(--color-text-primary)}.page-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-info{flex:1}.page-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)!important;margin:0 0 .25rem}.page-id{font-size:.75rem;color:var(--color-text-muted)!important;font-family:monospace}.facebook-icon-small{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:linear-gradient(135deg,#1877f2,#42a5f5);color:white;border-radius:.5rem}.page-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.page-stat{gap:.75rem}.page-stat,.stat-icon{display:flex;align-items:center}.stat-icon{justify-content:center;width:2rem;height:2rem;border-radius:.5rem;color:white}.followers-stat{background:linear-gradient(135deg,var(--color-primary) 0,#3a5bd9 100%)}.engagement-stat{background:linear-gradient(135deg,var(--color-success) 0,#38a169 100%)}.engagement-stat.high-engagement{background:linear-gradient(135deg,#48bb78,#38a169)}.engagement-stat.medium-engagement{background:linear-gradient(135deg,#ed8936,#dd6b20)}.engagement-stat.low-engagement{background:linear-gradient(135deg,#e53e3e,#c53030)}.posts-stat{background:linear-gradient(135deg,var(--color-warning) 0,#dd6b20 100%)}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:.75rem;color:var(--color-text-muted)!important;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)!important}.page-actions{display:flex;gap:.75rem}.page-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;flex:1;justify-content:center}.page-action-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0,#3a5bd9 100%);color:white}.page-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(74,108,247,.3)}.page-action-btn.secondary{background:white;color:var(--color-primary);border:1px solid var(--color-border)}.page-action-btn.secondary:hover{background:var(--color-secondary);border-color:var(--color-primary)}@media (max-width:768px){.pages-grid{grid-template-columns:1fr}.page-card{padding:1.25rem}.page-actions{flex-direction:column}.page-action-btn{flex:none}}.page-card{animation:fadeInUp .6s ease-out}.page-card:nth-child(2){animation-delay:.1s}.page-card:nth-child(3){animation-delay:.2s}.page-card:nth-child(4){animation-delay:.3s}