.blog-card{background:var(--color-surface);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden;max-width:600px;margin:20px auto;width:100%;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card-image-wrapper{width:100%;height:200px;overflow:hidden}.blog-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.blog-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:var(--space-4);margin-bottom:0}.blog-card-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:var(--space-2) var(--space-4)}.blog-card-date{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:var(--space-2) var(--space-4)}.blog-card-link{display:inline-block;margin:var(--space-4);color:var(--color-primary-600);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color .2s ease}.blog-card-link:hover{color:var(--color-primary-700)}.blog-article{max-width:800px;margin:3rem auto;padding:1.5rem;line-height:1.7}.blog-article-cover{width:100%;max-height:450px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-md,8px);margin-bottom:2rem}.blog-article-title{font-size:var(--font-size-4xl,2rem);font-weight:700;margin-bottom:.5rem}.blog-article-meta{font-size:var(--font-size-sm,.875rem);color:var(--color-muted,#666);margin-bottom:2rem}.blog-article-content{font-size:var(--font-size-md,1rem);color:var(--color-text,#222)}.blog-article-content p{margin-bottom:1.25rem}.blog-article-content h2,.blog-article-content h3{margin:2rem 0 1rem;font-weight:600}.blog-article-content a{color:var(--color-primary,#0070f3);text-decoration:underline}.blog-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:1.5rem 0}.blog-article-tag{background:var(--color-primary-50,#f0f4ff);color:var(--color-primary-700,#1e40af);padding:6px 12px;border-radius:20px;font-size:var(--font-size-sm);font-weight:500;display:inline-block;transition:background .2s ease,color .2s ease}.blog-article-tag:hover{background:var(--color-primary-100,#e0e7ff);color:var(--color-primary-800,#1e3a8a)}.blog-filter-container{width:100%;display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:0 20px}.blog-filter{display:flex;gap:12px}.blog-filter button{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);font-weight:500;transition:.2s}.blog-filter button:hover{box-shadow:var(--shadow-md)}.blog-filter button.active{background:var(--color-primary-600);color:white}.blog-actions-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-right:20px}.blog-editor input[type=file],.blog-editor input[type=text],.blog-editor textarea{all:unset;display:block;width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:.5rem;padding:1rem;font-size:1rem;line-height:1.5}.blog-editor .custom-radio input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;position:relative;cursor:pointer;margin:0;transition:all .2s ease;display:inline-block;vertical-align:middle;box-shadow:inset 0 0 0 0 #7c3aed}.blog-editor .custom-radio input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:#7c3aed;border-radius:50%;transition:all .2s ease}.blog-editor .custom-radio input[type=radio]:hover{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.2)}.blog-editor .custom-radio input[type=radio]:focus{outline:none;box-shadow:0 0 0 2px rgba(124,58,237,.3)}.publish-toggle-wrapper{display:flex;align-items:center;gap:.5rem}.publish-toggle-wrapper input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:#2563eb;cursor:pointer}.publish-toggle-wrapper label{font-weight:600;cursor:pointer}.blog-pagination{gap:12px;margin:40px 0}.blog-pagination,.pagination-number{display:flex;justify-content:center;align-items:center}.pagination-number{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-color,#d1d5db);background:var(--color-surface,white);color:var(--color-text,#374151);font-weight:600;cursor:pointer;transition:all .2s ease;padding:0}.pagination-number:hover{border-color:var(--color-primary-600,#2563eb);color:var(--color-primary-600,#2563eb);background:var(--color-primary-50,#eff6ff)}.pagination-number.active{background:var(--color-primary-600,#2563eb);color:white;border-color:var(--color-primary-600,#2563eb);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.blog-search-input{width:100%;padding:12px 20px;border-radius:var(--border-radius-xl,12px);border:2px solid var(--border-color,#e5e7eb);background:var(--color-surface,white);font-size:1rem;transition:all .2s ease;outline:none}.blog-search-input:focus{border-color:var(--color-primary-600,#2563eb);box-shadow:0 0 0 4px var(--color-primary-50,#eff6ff)}@media (max-width:768px){.blog-card{margin:16px}.blog-card-title{font-size:var(--font-size-base)}.blog-card-description,.blog-card-link{font-size:var(--font-size-xs)}.blog-card-link{padding:var(--space-1) var(--space-3)}.blog-article{padding:1rem}.blog-article-title{font-size:1.5rem}.blog-article-meta{font-size:.75rem}.blog-article-content{font-size:.9rem}.blog-article-tags{gap:6px}.blog-filter-container,.create-blog-wrapper{padding:0 12px}}