:root{--primary-color: #101A36;--secondary-color: #1e40af;--accent-color: #3b82f6;--light-gray: #f8fafc;--border-radius: 12px;--box-shadow: 0 10px 25px rgba(0,0,0,0.1);--transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}body{font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background: linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color: #1e293b;line-height: 1.7}.blog-index-container{max-width: 1200px;margin: 2rem auto;padding: 0 1rem}.blog-header{text-align: center;margin-bottom: 2rem;padding: 120px 20px 48px;background: linear-gradient(135deg,rgba(16,26,54,.80) 0%,rgba(43,16,82,.80) 100%),url('/img/headers/general/general-3.webp') center center/cover no-repeat #101A36;border-radius: 0 0 24px 24px}.blog-header .blog-main-title{-webkit-text-fill-color: #ffffff;color: #ffffff}.blog-header .blog-subtitle{color: #e2e8f0}.blog-main-title{font-size: 3rem;font-weight: 800;background: linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 1rem}.blog-subtitle{font-size: 1.2rem;color: #64748b;max-width: 600px;margin: 0 auto}.admin-actions{display: flex;justify-content: center;gap: 1rem;margin-bottom: 3rem}.btn-admin{background: linear-gradient(135deg,var(--primary-color),var(--accent-color));color: white;padding: 1rem 2rem;border-radius: var(--border-radius);text-decoration: none;font-weight: 600;transition: var(--transition);display: inline-flex;align-items: center;gap: 0.5rem}.btn-admin:hover{transform: translateY(-3px);box-shadow: 0 10px 25px rgba(11,63,137,0.3);color: white;text-decoration: none}.sort-section{display: flex;justify-content: center;align-items: center;gap: 1rem;margin-bottom: 2rem;padding: 1.5rem;background: white;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.sort-label{font-weight: 600;color: var(--primary-color);font-size: 1.25rem}.sort-buttons{display: flex;gap: 0.5rem}.btn-sort{padding: 1.125rem 2.25rem;border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 1.125rem;transition: var(--transition);display: inline-flex;align-items: center;gap: 0.5rem;border: 2px solid var(--primary-color);background: white;color: var(--primary-color)}.btn-sort.active{background: linear-gradient(135deg,var(--primary-color),var(--accent-color));color: white}.btn-sort:hover{transform: translateY(-2px);box-shadow: 0 8px 20px rgba(11,63,137,0.2);text-decoration: none}.btn-sort.active:hover{color: white}.btn-sort:not(.active):hover{background: var(--light-gray);color: var(--primary-color)}.blog-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: 2.5rem;margin-bottom: 3rem}.blog-card-wrapper{position: relative}.blog-card-link{text-decoration: none;color: inherit;display: block}.blog-card{background: white;border-radius: var(--border-radius);box-shadow: var(--box-shadow);overflow: hidden;transition: var(--transition);position: relative}.blog-card-link:hover .blog-card{transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0,0,0,0.15)}.blog-image{width: 100%;height: 250px;object-fit: cover;transition: var(--transition)}.blog-card-link:hover .blog-image{transform: scale(1.05)}.blog-image-placeholder{width: 100%;height: 250px;background: linear-gradient(135deg,var(--light-gray),#e2e8f0);display: flex;align-items: center;justify-content: center;color: #94a3b8;font-size: 4rem}.blog-card-content{padding: 2rem}.blog-card-meta{display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem;color: #64748b;font-size: 1.125rem}.blog-card-title{font-size: 2rem;font-weight: 700;color: var(--primary-color);margin-bottom: 1rem;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.blog-card-excerpt{color: #64748b;font-size: 1.125rem;line-height: 1.7;margin-bottom: 1.5rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.blog-card-actions{display: flex;justify-content: space-between;align-items: center;gap: 1rem}.btn-read-more{background: linear-gradient(135deg,var(--primary-color),var(--accent-color));color: white;padding: 1.125rem 2.25rem;border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 1.125rem;transition: var(--transition);display: inline-flex;align-items: center;gap: 0.5rem}.btn-read-more:hover{transform: translateY(-2px);box-shadow: 0 8px 20px rgba(11,63,137,0.3);color: white;text-decoration: none}.card-admin-actions{position: absolute;top: 10px;right: 10px;display: flex;gap: 0.5rem;z-index: 10}.btn-edit,.btn-delete{padding: 0.5rem;border-radius: 6px;text-decoration: none;font-weight: 600;transition: var(--transition);display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px}.btn-edit{background: linear-gradient(135deg,#10b981,#059669);color: white}.btn-edit:hover{transform: scale(1.1);color: white;text-decoration: none}.btn-delete{background: linear-gradient(135deg,#ef4444,#dc2626);color: white;border: none;cursor: pointer}.btn-delete:hover{transform: scale(1.1)}.empty-state{text-align: center;padding: 4rem 2rem;background: white;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.empty-state-icon{font-size: 4rem;color: #cbd5e1;margin-bottom: 1rem}.empty-state-title{font-size: 1.5rem;font-weight: 700;color: var(--primary-color);margin-bottom: 1rem}.empty-state-text{color: #64748b;margin-bottom: 2rem}.delete-form{display: inline}.articles-counter{text-align: center;margin-bottom: 1.5rem;padding: 1.5rem;background: white;border-radius: var(--border-radius);box-shadow: var(--box-shadow);display: flex;justify-content: center;align-items: center;gap: 0.75rem;flex-wrap: wrap}.counter-number{font-size: 2.5rem;font-weight: 800;color: var(--primary-color);text-shadow: 0 1px 2px rgba(11,63,137,0.1)}.counter-text{font-size: 1.25rem;color: #64748b;font-weight: 600}.counter-pagination{font-size: 1.125rem;color: #94a3b8;font-weight: 500}.pagination-wrapper{display: flex;justify-content: center;align-items: center;gap: 0.5rem;margin: 3rem 0 1rem;flex-wrap: wrap}.pagination-button,.pagination-active{padding: 1.125rem 1.75rem;border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 1.125rem;transition: var(--transition);min-width: 50px;text-align: center;display: inline-flex;align-items: center;justify-content: center}.pagination-button{background: white;color: var(--primary-color);border: 2px solid rgba(11,63,137,0.2)}.pagination-button:hover{background: var(--primary-color);color: white;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(11,63,137,0.3);text-decoration: none}.pagination-active{background: linear-gradient(135deg,var(--primary-color),var(--accent-color));color: white;border: 2px solid var(--primary-color);box-shadow: 0 4px 12px rgba(11,63,137,0.3)}.pagination-ellipsis{padding: 0.75rem 0.5rem;color: #94a3b8;font-weight: 600}.pagination-info{text-align: center;color: #64748b;font-size: 1.125rem;margin-bottom: 2rem;font-weight: 500}@media (max-width: 768px){.blog-header{padding-top: calc(var(--header-height) + 20px) !important}.blog-index-container{margin: 1rem auto;padding: 0 0.5rem}.blog-main-title{font-size: 2rem}.blog-grid{grid-template-columns: 1fr;gap: 1.5rem}.admin-actions{flex-direction: column;align-items: center}.sort-section{flex-direction: column;gap: 1rem;padding: 1rem}.sort-buttons{flex-direction: column;width: 100%}.btn-sort{text-align: center;justify-content: center}.blog-card-actions{flex-direction: column;align-items: stretch}.card-admin-actions{justify-content: center}.articles-counter{flex-direction: column;gap: 0.5rem;padding: 1rem}.counter-number{font-size: 1.75rem}.pagination-wrapper{gap: 0.25rem;margin: 2rem 0 0.75rem}.pagination-button,.pagination-active{padding: 0.5rem 0.75rem;font-size: 0.85rem;min-width: 38px}.pagination-info{font-size: 0.85rem;margin-bottom: 1.5rem}}@media (max-width: 480px){.blog-card-content{padding: 1.5rem}}body{background:#101A36!important;color:#e8edf7!important}h1,.blog-title{color:#ffffff!important}.blog-main-title{background:linear-gradient(135deg,#ffffff,#6E9BFF)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.blog-subtitle,.blog-card-meta,.blog-card-excerpt,.empty-state-text,.counter-text,.pagination-info,.sort-label{color:#c7d3ea!important}.sort-section,.blog-card,.empty-state,.articles-counter{background:#16224a!important;border-color:rgba(60,101,207,.35)!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important}.blog-card h2,.blog-card h3,.blog-card-title,.empty-state-title,.counter-number{color:#ffffff!important}.blog-image-placeholder{background:linear-gradient(135deg,#1c2a55,#0d1631)!important}.btn-sort,.pagination-button{background:#16224a!important;color:#c7d3ea!important;border-color:rgba(60,101,207,.4)!important}.btn-sort.active,.pagination-active{background:linear-gradient(135deg,#264083,#3C65CF)!important;color:#ffffff!important;border-color:#3C65CF!important}.btn-read-more{background:#2B1052!important;border:1px solid #7300FF!important;color:#ffffff!important;border-radius:24px!important}