.blog-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;min-height:100vh}.blog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e8e8e8;gap:2rem}.header-content h1{font-size:3rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.blog-subtitle{font-size:1.125rem;color:#666;margin:0;max-width:600px;line-height:1.6}.admin-actions{flex-shrink:0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-text{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 .5rem}.empty-subtext{font-size:1rem;color:#888;margin:0}@media (max-width:1024px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.header-content h1{font-size:2.5rem}}@media (max-width:768px){.blog-container{padding:2rem 1rem}.blog-header{flex-direction:column;gap:1.5rem}.header-content h1{font-size:2rem}.blog-subtitle{font-size:1rem}.posts-grid{grid-template-columns:1fr}}@media (max-width:480px){.header-content h1{font-size:1.75rem}}