.stats-container{padding-top:120px;padding-left:40px;padding-right:40px;position:relative;z-index:1;min-height:100vh;max-width:1400px;margin:0 auto}.background-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-blur{position:absolute;border-radius:50%;filter:blur(120px);animation:pulse-stats 6s ease-in-out infinite}.bg-blur-1{top:25%;left:25%;background:rgba(59,130,246,.1);animation-delay:0s}.bg-blur-1,.bg-blur-2{width:384px;height:384px}.bg-blur-2{bottom:25%;right:25%;background:rgba(139,92,246,.1);animation-delay:2s}.bg-blur-3{top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:rgba(6,182,212,.05);animation-delay:4s}.analytics-block{background:rgba(15,23,42,.3);backdrop-filter:blur(24px);border:1px solid rgba(51,65,85,.4);border-radius:24px;padding:32px;margin-bottom:32px;position:relative;z-index:10}.block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:24px}.title-group{display:flex;flex-direction:column;gap:8px}.title-group h2{font-size:28px;font-weight:600;background:linear-gradient(135deg,var(--primary-blue),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.title-group p{color:var(--text-secondary);margin:0;font-size:14px}.button-group{display:flex;gap:12px}.force-refresh-btn,.info-btn,.refresh-btn{padding:12px 20px;border-radius:12px;font-weight:500;font-size:14px;transition:all .3s;display:flex;align-items:center;gap:8px;cursor:pointer;border:none}.info-btn{background:rgba(30,41,59,.6);color:#9CA3AF;border:1px solid rgba(51,65,85,.6);backdrop-filter:blur(8px)}.info-btn:hover{background:rgba(51,65,85,.6);color:white}.refresh-btn{color:white;background:linear-gradient(135deg,var(--primary-blue),var(--accent-cyan));box-shadow:0 4px 12px rgba(74,159,255,.3);transform:scale(1)}.refresh-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(74,159,255,.4)}.refresh-btn:disabled{background:rgba(55,65,81,.6);cursor:not-allowed;opacity:.7;box-shadow:none;transform:scale(1)}.force-refresh-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;box-shadow:0 4px 12px rgba(239,68,68,.3)}.force-refresh-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(239,68,68,.4)}.force-refresh-btn:disabled{background:rgba(55,65,81,.6);cursor:not-allowed;opacity:.7;box-shadow:none;transform:scale(1)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px}.stats-card{background:rgba(15,23,42,.4);backdrop-filter:blur(24px);border:1px solid rgba(51,65,85,.5);border-radius:16px;padding:24px;transition:all .5s ease;cursor:pointer;position:relative;overflow:hidden;display:block}.stats-card,.stats-card:hover{text-decoration:none;color:inherit}.stats-card:hover{background:rgba(30,41,59,.6);border:1px solid rgba(74,159,255,.4);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px rgba(74,159,255,.15)}.stats-card.connection-error{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}.card-gradient,.stats-card.loading{pointer-events:none}.card-gradient{position:absolute;inset:0;border-radius:16px;opacity:0;transition:opacity .5s ease}.stats-card:hover .card-gradient{opacity:.05}.card-gradient.blue{background:linear-gradient(135deg,#3B82F6,#06B6D4)}.card-gradient.purple{background:linear-gradient(135deg,#8B5CF6,#EC4899)}.card-gradient.violet{background:linear-gradient(135deg,#7C3AED,#8B5CF6)}.card-gradient.teal{background:linear-gradient(135deg,#3B82F6,#14B8A6)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative;z-index:10}.icon-wrapper{padding:8px;border-radius:12px;transition:all .3s ease;position:relative;z-index:2}.icon-wrapper.blue{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(6,182,212,.2))}.icon-wrapper.purple{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(236,72,153,.2))}.icon-wrapper.violet{background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(139,92,246,.2))}.icon-wrapper.teal{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(20,184,166,.2))}.stats-card:hover .icon-wrapper.blue{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(6,182,212,.3))}.stats-card:hover .icon-wrapper.purple{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(236,72,153,.3))}.stats-card:hover .icon-wrapper.violet{background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(139,92,246,.3))}.stats-card:hover .icon-wrapper.teal{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(20,184,166,.3))}.card-title{font-size:16px;font-weight:500;color:white;margin:0;transition:color .3s ease;display:flex;align-items:center;gap:8px}.stats-card:hover .card-title{color:#60A5FA}.stats-number{font-size:20px;font-weight:700;color:white;letter-spacing:-.5px;display:block;margin:12px 0 6px;line-height:1.2;position:relative;z-index:10;transition:color .3s ease}.stats-card:hover .stats-number{color:#DBEAFE}.card-description{color:var(--text-secondary);font-size:13px;margin:0;position:relative;z-index:10;transition:color .3s ease}.stats-card:hover .card-description{color:#CBD5E1}.error-indicator{color:#ef4444;font-weight:600}.card-bottom-line{position:absolute;bottom:0;left:0;height:2px;width:0;transition:width .5s ease}.card-bottom-line.blue{background:linear-gradient(90deg,#3B82F6,#06B6D4)}.card-bottom-line.purple{background:linear-gradient(90deg,#8B5CF6,#EC4899)}.card-bottom-line.violet{background:linear-gradient(90deg,#7C3AED,#8B5CF6)}.card-bottom-line.teal{background:linear-gradient(90deg,#3B82F6,#14B8A6)}.stats-card:hover .card-bottom-line{width:100%}.loading-spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--primary-blue)}.inline-spinner,.loading-spinner{display:inline-block;animation:spin 1s linear infinite}.inline-spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--primary-blue);margin-left:8px}.notification{position:fixed;top:100px;right:20px;padding:15px 25px;border-radius:10px;z-index:10000;animation:slideIn .3s ease;min-width:300px;opacity:0;transform:translateX(100%);transition:all .3s ease}.notification.visible{opacity:1;transform:translateX(0)}.notification.success{background:rgba(74,255,136,.1);border:1px solid rgba(74,255,136,.3);color:rgba(74,255,136,1)}.notification.error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);color:rgba(255,107,107,1)}.notification.info{background:rgba(74,159,255,.1);border:1px solid rgba(74,159,255,.3);color:rgba(74,159,255,1)}.notification.warning{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);color:rgba(251,191,36,1)}.notification-content{display:flex;align-items:center;gap:12px}.connection-error-banner{position:fixed;top:80px;left:0;right:0;background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.3);color:#ef4444;z-index:9999;backdrop-filter:blur(10px)}.banner-content{max-width:1200px;margin:0 auto;padding:16px 40px;display:flex;align-items:center;gap:16px}.banner-text{flex:1}.banner-text strong{display:block;font-weight:600;margin-bottom:4px}.banner-text p{margin:0;font-size:14px;opacity:.8}.banner-action{padding:8px 16px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.banner-action:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.6)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{background:rgba(15,23,42,.95);backdrop-filter:blur(24px);border-radius:24px;padding:32px;max-width:32rem;width:100%;border:1px solid rgba(51,65,85,.6);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title-group{display:flex;align-items:center;gap:16px}.modal-icon{padding:12px;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(6,182,212,.2));border-radius:16px;border:1px solid rgba(59,130,246,.3)}.modal-title{font-size:20px;font-weight:600;color:white;margin:0}.close-btn{padding:8px;background:transparent;border:none;border-radius:8px;color:#9CA3AF;cursor:pointer;font-size:16px;transition:all .3s ease}.close-btn:hover{background:rgba(51,65,85,.6);color:white}.modal-body{display:flex;flex-direction:column;gap:16px;color:#CBD5E1;line-height:1.6;margin-bottom:32px}.info-section{margin-bottom:20px}.info-section h4{color:white;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.info-section p{margin:8px 0;font-size:14px;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end}.close-modal-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-cyan));color:white;border:none;border-radius:12px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;transform:scale(1)}.close-modal-btn:hover{transform:scale(1.05)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-stats{0%,to{opacity:.4}50%{opacity:.8}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-container{padding-left:20px;padding-right:20px;padding-top:100px}.stats-grid{grid-template-columns:1fr}.block-header{flex-direction:column;align-items:flex-start;margin-bottom:32px}.analytics-block{padding:24px}.title-group h2{font-size:24px}.button-group{width:100%;justify-content:center}.banner-content{padding:16px 20px;flex-direction:column;text-align:center;gap:12px}.notification{left:20px;right:20px;min-width:auto}}@media (max-width:480px){.analytics-block{padding:20px;margin-bottom:20px}.stats-card{padding:20px}.title-group h2{font-size:20px}.button-group{flex-direction:column;width:100%}.force-refresh-btn,.info-btn,.refresh-btn{width:100%;justify-content:center}}