@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.wpzoom-instagram-insights{padding:20px}.wpzoom-instagram-insights.is-loading{pointer-events:none}.wpzoom-instagram-insights .insights-container{margin-top:20px}.wpzoom-instagram-insights .insights-container.is-loading .metric-card,.wpzoom-instagram-insights .insights-container.is-loading .chart-container,.wpzoom-instagram-insights .insights-container.is-loading .recent-posts-section{position:relative}.wpzoom-instagram-insights .insights-error{margin:15px 0;padding:12px 15px;position:relative}.wpzoom-instagram-insights .insights-error.fade-out{animation:fade-out .3s ease-out forwards}.wpzoom-instagram-insights .insights-error p{margin:0;padding-right:30px}.wpzoom-instagram-insights .insights-error .notice-dismiss{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:0;background:none;border:none;cursor:pointer}.wpzoom-instagram-insights .insights-error .notice-dismiss:before{content:"";font:normal 16px/1 dashicons;color:#787c82}.wpzoom-instagram-insights .insights-error .notice-dismiss:hover:before{color:#d63638}.wpzoom-instagram-insights .insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.wpzoom-instagram-insights .account-selector select,.wpzoom-instagram-insights .period-selector select{min-width:200px;padding:8px 12px;border-radius:4px;border:1px solid #ddd;font-size:14px;background-color:#fff}.wpzoom-instagram-insights .account-selector select:focus,.wpzoom-instagram-insights .period-selector select:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:none}.wpzoom-instagram-insights .date-range-display{background:#f0f0f1;padding:10px 15px;border-radius:4px;margin-bottom:20px;text-align:center;font-size:14px;color:#50575e}.wpzoom-instagram-insights .insights-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;margin-bottom:30px}.wpzoom-instagram-insights .metric-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.wpzoom-instagram-insights .metric-card h3{margin:0 0 10px 0;font-size:14px;color:#666;font-weight:500}.wpzoom-instagram-insights .metric-card .metric-value{font-size:28px;font-weight:600;margin-bottom:8px;color:#1d2327;min-height:34px}.wpzoom-instagram-insights .metric-card .metric-value.skeleton{background:#e0e0e0;border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite;width:80%;height:34px}.wpzoom-instagram-insights .metric-card .metric-change{font-size:14px;color:#666;min-height:21px}.wpzoom-instagram-insights .metric-card .metric-change.skeleton{background:#e0e0e0;border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite;width:60%;height:21px}.wpzoom-instagram-insights .metric-card .metric-change.positive{color:#28a745}.wpzoom-instagram-insights .metric-card .metric-change.positive:before{content:"↑"}.wpzoom-instagram-insights .metric-card .metric-change.negative{color:#dc3545}.wpzoom-instagram-insights .metric-card .metric-change.negative:before{content:"↓"}.wpzoom-instagram-insights .metric-card.followers .followers-breakdown{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #ddd}.wpzoom-instagram-insights .metric-card.followers .followers-breakdown .breakdown-item{display:flex;flex-direction:column;align-items:center;flex:1}.wpzoom-instagram-insights .metric-card.followers .followers-breakdown .breakdown-item .breakdown-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.wpzoom-instagram-insights .metric-card.followers .followers-breakdown .breakdown-item .breakdown-value{font-size:16px;font-weight:600;color:#1d2327}.wpzoom-instagram-insights .metric-card.followers .followers-breakdown .breakdown-item .breakdown-value.positive{color:#28a745}.wpzoom-instagram-insights .metric-card.followers .followers-breakdown .breakdown-item .breakdown-value.negative{color:#dc3545}.wpzoom-instagram-insights .metric-card.followers .followers-breakdown .breakdown-item.new .breakdown-value{color:#28a745}.wpzoom-instagram-insights .metric-card.followers .followers-breakdown .breakdown-item.lost .breakdown-value{color:#dc3545}.wpzoom-instagram-insights .insights-charts{display:grid;grid-template-columns:1fr;gap:30px;margin-top:30px}@media(min-width: 1200px){.wpzoom-instagram-insights .insights-charts{grid-template-columns:1fr 1fr}}.wpzoom-instagram-insights .chart-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);height:400px;position:relative}.wpzoom-instagram-insights .chart-container .chart-title{margin:0 0 5px 0;font-size:14px;font-weight:600;color:#1d2327}.wpzoom-instagram-insights .chart-container .chart-note{margin:0 0 10px 0;font-size:12px;color:#666;font-style:italic}.wpzoom-instagram-insights .chart-container canvas{max-height:calc(100% - 40px)}.wpzoom-instagram-insights .chart-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.wpzoom-instagram-insights .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #2271b1;border-radius:50%;animation:spin 1s linear infinite}.wpzoom-instagram-insights .recent-posts-section{margin-top:40px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.wpzoom-instagram-insights .recent-posts-section h2{margin:0 0 20px 0;font-size:18px;color:#1d2327}.wpzoom-instagram-insights .recent-posts-grid{display:flex;flex-direction:column;gap:20px}.wpzoom-instagram-insights .recent-posts-grid.is-loading .recent-post{display:none}.wpzoom-instagram-insights .recent-posts-grid .no-posts{color:#666;font-style:italic;padding:20px;text-align:center}.wpzoom-instagram-insights .posts-loading-placeholder{display:flex;flex-direction:column;gap:20px}.wpzoom-instagram-insights .post-skeleton{background:#e0e0e0;border-radius:8px;height:200px;animation:skeleton-pulse 1.5s ease-in-out infinite}.wpzoom-instagram-insights .recent-post{background:#f8f9fa;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;align-items:flex-start}.wpzoom-instagram-insights .recent-post:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.wpzoom-instagram-insights .recent-post .post-thumbnail{flex:0 0 200px;height:200px;background:#eee;position:relative;overflow:hidden}.wpzoom-instagram-insights .recent-post .post-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wpzoom-instagram-insights .recent-post .post-thumbnail .media-type-badge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.wpzoom-instagram-insights .recent-post .post-content{flex:1;padding:15px}.wpzoom-instagram-insights .recent-post .post-caption{margin-bottom:15px;font-size:14px;color:#1d2327;line-height:1.5}.wpzoom-instagram-insights .recent-post .post-stats{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:12px}.wpzoom-instagram-insights .recent-post .post-stats .stat{background:#fff;padding:10px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.wpzoom-instagram-insights .recent-post .post-stats .stat .label{display:block;font-size:11px;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.wpzoom-instagram-insights .recent-post .post-stats .stat .value{font-size:16px;font-weight:600;color:#1d2327}.wpzoom-instagram-insights .recent-post .post-meta{margin-top:15px;padding-top:15px;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.wpzoom-instagram-insights .recent-post .post-meta .view-post{text-decoration:none;color:#2271b1;font-size:13px;font-weight:500}.wpzoom-instagram-insights .recent-post .post-meta .view-post:hover{color:#135e96;text-decoration:underline}.wpzoom-instagram-insights .recent-post .post-meta .post-date{font-size:12px;color:#666}@media(max-width: 768px){.wpzoom-instagram-insights .recent-post{flex-direction:column}.wpzoom-instagram-insights .recent-post .post-thumbnail{flex:0 0 auto;width:100%;height:250px}.wpzoom-instagram-insights .recent-post .post-stats{grid-template-columns:repeat(2, 1fr)}}.wpzoom-instagram-insights .load-more-wrapper{margin-top:20px;text-align:center}.wpzoom-instagram-insights .load-more-wrapper .load-more-button{min-width:200px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s ease}.wpzoom-instagram-insights .load-more-wrapper .load-more-button:disabled{opacity:.7;cursor:not-allowed}.wpzoom-instagram-insights .load-more-wrapper .load-more-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.wpzoom-instagram-insights.is-demo{position:relative;min-height:80vh}.wpzoom-instagram-insights.is-demo .insights-demo-content{filter:blur(3px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.7}.wpzoom-instagram-insights.is-demo .demo-chart-placeholder{width:100%;height:calc(100% - 40px);display:flex;align-items:center;justify-content:center}.wpzoom-instagram-insights.is-demo .demo-chart-placeholder svg{width:100%;height:100%}.wpzoom-instagram-insights.is-demo .demo-thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%)}.wpzoom-instagram-insights.is-demo .demo-post .post-thumbnail{background:#f0f0f0}.wpzoom-instagram-insights .insights-upsell-overlay{position:absolute;top:60px;left:0;right:0;bottom:0;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;z-index:100;background:hsla(0,0%,100%,.1)}.wpzoom-instagram-insights .insights-upsell-modal{background:#fff;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.15);padding:40px 50px;max-width:520px;text-align:center;animation:modal-appear .3s ease-out}@keyframes modal-appear{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.wpzoom-instagram-insights .insights-upsell-modal .upsell-icon{margin-bottom:20px}.wpzoom-instagram-insights .insights-upsell-modal .upsell-icon svg{width:64px;height:64px}.wpzoom-instagram-insights .insights-upsell-modal h2{margin:0 0 15px 0;font-size:24px;font-weight:600;color:#1d2327}.wpzoom-instagram-insights .insights-upsell-modal .upsell-description{margin:0 0 25px 0;font-size:15px;line-height:1.6;color:#666}.wpzoom-instagram-insights .insights-upsell-modal .upsell-features{text-align:left;margin:0 0 30px 0;padding:0;list-style:none}.wpzoom-instagram-insights .insights-upsell-modal .upsell-features li{position:relative;padding-left:28px;margin-bottom:12px;font-size:14px;color:#1d2327;line-height:1.5}.wpzoom-instagram-insights .insights-upsell-modal .upsell-features li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;background:linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);border-radius:50%}.wpzoom-instagram-insights .insights-upsell-modal .upsell-features li:after{content:"✓";position:absolute;left:4px;top:3px;font-size:11px;color:#fff;font-weight:bold}.wpzoom-instagram-insights .insights-upsell-modal .upsell-features li:last-child{margin-bottom:0}.wpzoom-instagram-insights .insights-upsell-modal .button-upsell-primary{display:inline-block;background:linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);color:#fff !important;font-size:16px;font-weight:600;padding:14px 40px;border-radius:6px;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.wpzoom-instagram-insights .insights-upsell-modal .button-upsell-primary:hover{box-shadow:0 4px 15px rgba(220,39,67,.4);color:#fff !important}.wpzoom-instagram-insights .insights-upsell-modal .button-upsell-primary:active{transform:translateY(0)}.wpzoom-instagram-insights .insights-upsell-modal .upsell-note{margin:20px 0 0 0;font-size:13px;color:#666}