.admin-blog{padding-top:2rem}.admin-blog .container,.admin-blog .container .blog-list{flex-direction:column;gap:1rem;display:flex}.admin-blog .blog-table{background-color:#fff;border:1px solid #ccc;border-radius:8px;flex-direction:column;padding:1rem;display:flex}.admin-blog .blog-table .blog-headings{background-color:#f5f5f5}.admin-blog .blog-table .blog-headings,.admin-blog .blog-table .blog-item{grid-template-columns:64px 2fr 1fr 1fr 1fr;gap:1rem;padding:.5rem 1rem;font-weight:700;display:grid}.admin-blog .blog-table img{object-fit:cover;border-radius:4px;width:50px;height:50px}.admin-blog .blog-table .blog-item{border-bottom:1px solid #eee}.admin-blog .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.admin-blog .page-header h1{color:#333;margin:0 0 .5rem}.admin-blog .page-header p{color:#666;margin:0}.admin-blog .blog-image{border-radius:4px;width:60px;height:40px;overflow:hidden}.admin-blog .blog-image img{object-fit:cover;width:100%;height:100%}.admin-blog .blog-image .no-image{color:#999;text-align:center;background:#f5f5f5;justify-content:center;align-items:center;width:100%;height:100%;font-size:.75rem;display:flex}.admin-blog .blog-title h4{color:#333;margin:0 0 .25rem;font-size:.9rem;font-weight:600;line-height:1.3}.admin-blog .blog-title .blog-excerpt{color:#666;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.3;display:-webkit-box;overflow:hidden}.admin-blog .category-badge{color:#1565c0;background:#e3f2fd;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.admin-blog .status-badge{border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.admin-blog .status-badge.status-published{color:#2e7d32;background:#e8f5e8}.admin-blog .status-badge.status-draft{color:#ef6c00;background:#fff3e0}.admin-blog .action-buttons{align-items:center;gap:.25rem;display:flex}.admin-blog .action-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:flex}.admin-blog .action-btn.view{color:#1565c0;background:#e3f2fd}.admin-blog .action-btn.view:hover{background:#bbdefb}.admin-blog .action-btn.edit{color:#ef6c00;background:#fff3e0}.admin-blog .action-btn.edit:hover{background:#ffe0b2}.admin-blog .loading-blogs,.admin-blog .error-blogs{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.admin-blog .loading-blogs p,.admin-blog .error-blogs p{color:#666;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-blog .no-results{text-align:center;padding:2rem}.admin-blog .no-results p{color:#666;margin:0 0 1rem}.blog-details{padding-top:2rem}.blog-details .blog-image{object-fit:cover;border-radius:8px;width:100%;max-height:500px;box-shadow:0 2px 8px #0000001a}.blog-details .blog-detail-card{flex-direction:column;gap:1.5rem;display:flex}.blog-details .blog-meta{align-items:center;gap:1.5rem;display:flex}.blog-details .blog-meta .meta-item{background:#fff;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.blog-details .actions{align-self:flex-end;align-items:center;gap:.5rem;display:flex}.blog-details .blog-excerpt h3{color:#333;margin-bottom:1rem}.blog-details .blog-excerpt p{color:#666;line-height:1.6}.blog-details .blog-content{color:#333;line-height:1.8}.blog-details .blog-content h1,.blog-details .blog-content h2,.blog-details .blog-content h3,.blog-details .blog-content h4,.blog-details .blog-content h5,.blog-details .blog-content h6{color:#333;margin-top:2rem;margin-bottom:1rem}.blog-details .blog-content p{margin-bottom:1rem}.blog-details .blog-content img{margin:1rem 0}.blog-form-container{max-width:1000px;margin:0 auto;padding:20px}.blog-form-container .form-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.blog-form-container .form-header h2{color:#333;margin:0;font-size:1.8rem}.blog-form-container .blog-form{flex-direction:column;gap:25px;display:flex}.blog-form-container .blog-form .form-group{flex-direction:column;display:flex}.blog-form-container .blog-form .form-group label{color:#333;margin-bottom:8px;font-size:1rem;font-weight:600}.blog-form-container .blog-form .form-group label .required{color:#e74c3c}.blog-form-container .blog-form .form-group input,.blog-form-container .blog-form .form-group textarea{border:2px solid #ddd;border-radius:8px;padding:12px;font-size:1rem;transition:border-color .3s}.blog-form-container .blog-form .form-group input:focus,.blog-form-container .blog-form .form-group textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.blog-form-container .blog-form .form-group input.error,.blog-form-container .blog-form .form-group textarea.error{border-color:#e74c3c}.blog-form-container .blog-form .form-group select{cursor:pointer;background-color:#fff;border:2px solid #ddd;border-radius:8px;padding:12px;font-size:1rem;transition:border-color .3s}.blog-form-container .blog-form .form-group select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.blog-form-container .blog-form .form-group select.error{border-color:#e74c3c}.blog-form-container .blog-form .form-group .char-count{color:#666;text-align:right;margin-top:4px;font-size:.8rem}.blog-form-container .blog-form .form-group .help-text{color:#666;margin-top:4px;font-size:.85rem;font-style:italic}.blog-form-container .blog-form .form-group .error-message{color:#e74c3c;margin-top:4px;font-size:.85rem}.blog-form-container .blog-form .image-upload-container{text-align:center;border:2px dashed #ddd;border-radius:8px;padding:20px;transition:border-color .3s}.blog-form-container .blog-form .image-upload-container:hover{border-color:#007bff}.blog-form-container .blog-form .image-upload-container .image-preview{margin-bottom:15px;position:relative}.blog-form-container .blog-form .image-upload-container .image-preview img{border-radius:8px;max-width:300px;max-height:200px;box-shadow:0 2px 8px #0000001a}.blog-form-container .blog-form .image-upload-container .image-preview .remove-image{position:absolute;top:-8px;right:-8px}.blog-form-container .blog-form .image-upload-container .upload-help{color:#666;margin-top:8px;font-size:.85rem}.blog-form-container .blog-form .seo-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.blog-form-container .blog-form .seo-preview h4{color:#333;margin:0 0 15px;font-size:1.1rem}.blog-form-container .blog-form .seo-preview .preview-box{background:#fff;border:1px solid #ddd;border-radius:5px;padding:15px}.blog-form-container .blog-form .seo-preview .preview-box .preview-url{color:#1a0dab;margin-bottom:5px;font-size:.9rem}.blog-form-container .blog-form .seo-preview .preview-box .preview-title{color:#1a0dab;margin-bottom:5px;font-size:1.1rem;font-weight:600;text-decoration:underline}.blog-form-container .blog-form .seo-preview .preview-box .preview-excerpt{color:#545454;font-size:.9rem;line-height:1.4}.blog-form-container .blog-form .error-alert{color:#e74c3c;background:#fdf2f2;border:1px solid #e74c3c;border-radius:8px;margin:15px 0;padding:12px}.blog-form-container .blog-form .form-actions{border-top:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;display:flex}.blog-form-container .blog-form .form-actions .action-buttons{gap:15px;display:flex}.blog-form-container .blog-form .form-actions .form-info .checkbox-label{color:#666;align-items:center;gap:8px;font-size:.9rem;display:flex}.blog-form-container .blog-form .form-actions .form-info .checkbox-label input[type=checkbox]{margin:0}@media (max-width:768px){.blog-form-container .blog-form .form-actions{flex-direction:column-reverse;align-items:stretch;gap:15px}.blog-form-container .blog-form .form-actions .action-buttons{justify-content:center}}.edit-blog-loading,.edit-blog-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.edit-blog-loading .spinner,.edit-blog-error .spinner{border:3px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.edit-blog-loading h2,.edit-blog-error h2{color:#dc3545;margin-bottom:1rem}.edit-blog-loading p,.edit-blog-error p{color:#666;margin-bottom:2rem}