.countpage-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:999999;overflow-y:auto}.countpage-modal-overlay.active{display:flex;justify-content:center;align-items:flex-start}.countpage-modal-container{max-width:1400px;width:100%;margin:20px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d}.countpage-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #e0e0e0;margin-bottom:30px}.countpage-modal-title{font-size:28px;font-weight:700;color:#2c3e50}.countpage-modal-close{background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s}.countpage-modal-close:hover{background:#c0392b}.countpage-progress{margin:30px 0;text-align:center}.countpage-progress-bar{width:100%;height:30px;background:#ecf0f1;border-radius:15px;overflow:hidden;margin-bottom:10px}.countpage-progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transition:width .3s}.countpage-progress-text{font-size:16px;color:#7f8c8d;margin-top:10px}.countpage-error{background:#e74c3c;color:#fff;padding:20px;border-radius:8px;margin:20px 0;text-align:center;font-size:16px}.countpage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.countpage-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 4px 15px #0003}.countpage-stat-card.countpage-stat-bw{background:linear-gradient(135deg,#95a5a6,#2c3e50)}.countpage-stat-card.countpage-stat-color{background:linear-gradient(135deg,#f093fb,#f5576c)}.countpage-stat-icon{font-size:36px;margin-bottom:10px}.countpage-stat-value{font-size:48px;font-weight:700;margin:10px 0}.countpage-stat-label{font-size:18px;opacity:.9}.countpage-pages-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:30px}.countpage-section{background:#f8f9fa;padding:20px;border-radius:12px}.countpage-section-title{font-size:22px;font-weight:600;color:#2c3e50;margin-bottom:20px}.countpage-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.countpage-page-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center}.countpage-page-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.countpage-page-thumbnail{width:100%;aspect-ratio:1 / 1.414;object-fit:contain;border:1px solid #ddd;border-radius:4px;background:#fff}.countpage-page-number{margin-top:8px;font-weight:700;font-size:14px;color:#34495e}.countpage-page-number small{font-size:9px;color:#ff6b00}.countpage-zoom-modal{display:none}.countpage-zoom-modal.active{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}.countpage-zoom-content{max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.countpage-zoom-header{color:#fff;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.countpage-zoom-image-container{background:#fff;padding:10px;border-radius:8px;max-width:100%;max-height:70vh;overflow:auto}.countpage-zoom-image{max-width:100%;height:auto;display:block}.countpage-zoom-close{margin-top:20px;background:#e74c3c;color:#fff;border:none;padding:12px 30px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:background .3s}.countpage-zoom-close:hover{background:#c0392b}@media(max-width:768px){.countpage-modal-container{margin:10px;padding:15px}.countpage-stats,.countpage-pages-wrapper{grid-template-columns:1fr}.countpage-pages-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}