*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;-webkit-font-smoothing:antialiased;background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.news-container{min-height:100vh}.main-header{color:#fff;background-color:#d60000;padding:1rem 2rem 2.5rem 2.2rem;position:relative}.header-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;display:flex}.header-date{color:#f3f4f6;font-size:.85rem;font-weight:500}.google-login-btn{color:#d60000;cursor:pointer;background-color:#fff;border:2px solid #fff;border-radius:.25rem;padding:.4rem .8rem;font-size:.8rem;font-weight:800;transition:all .2s ease-in-out}.google-login-btn:hover{color:#fff;background-color:#0000}.logged-in-profile{align-items:center;gap:.75rem;display:flex}.user-badge-role{color:#fff;letter-spacing:.05em;background-color:#10b981;border-radius:.25rem;padding:.15rem .4rem;font-size:.65rem;font-weight:900}.username-text{font-size:.85rem;font-weight:700}.logout-btn{color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.logout-btn:hover{color:#000;background-color:#fff}.main-header-title{letter-spacing:.02em;margin-top:.5rem;font-family:serif;font-size:3.5rem;font-weight:900}.main-header-subtitle{color:#39e700;margin-top:.25rem;font-size:1.35rem;font-weight:700}.category-subnav{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:.6rem 2rem}.subnav-inner{justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;display:flex}.subnav-links{gap:1.75rem;display:flex}.subnav-link{color:#4b5563;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s}.subnav-link:hover{color:#000}.search-wrapper{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;padding-right:.5rem;transition:border-color .2s,background-color .2s;display:flex;overflow:hidden}.search-wrapper:focus-within{background-color:#fff;border-color:#d60000}.search-input{color:#111827;background:0 0;border:none;outline:none;width:220px;padding:.45rem .75rem;font-size:.85rem}.search-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;font-size:.85rem;display:flex}.admin-control-bar{color:#fff;background-color:#1f2937;border-bottom:2px solid #111827;padding:.75rem 2rem}.admin-control-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:80rem;margin:0 auto;display:flex}.control-bar-title{text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;font-size:.85rem;font-weight:700}.control-links-group{gap:.5rem;display:flex}.panel-btn{border-radius:.375rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:opacity .2s}.panel-btn:hover{opacity:.9}.action-write{color:#fff;background-color:#dc2626}.action-dashboard{color:#fff;background-color:#4b5563}.action-master{color:#fff;background-color:#7c3aed}.news-layout-wrapper{max-width:80rem;margin:0 auto;padding:2rem 1rem}.hero-sidebar-section{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.hero-sidebar-section{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-wrapper{grid-column:span 3/span 3}.sidebar-column{grid-column:span 2/span 2}}.hero-position-container,.sidebar-position-container,.grid-card-position-container{width:100%;position:relative}.hero-card{background-color:#000;border-radius:.5rem;height:520px;display:block;position:relative;overflow:hidden}.hero-image{object-fit:cover;opacity:.85;width:100%;height:100%}.hero-gradient-overlay{background:linear-gradient(#0000 0%,#0000004d 50%,#000000f2 100%);position:absolute;inset:0}.hero-content{color:#fff;max-width:36rem;padding:2rem;position:absolute;bottom:0;left:0}.hero-badge{color:#fff;text-transform:uppercase;background-color:#d60000;border-radius:.25rem;margin-bottom:.5rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.hero-title{margin-bottom:.5rem;font-size:1.85rem;font-weight:800;line-height:1.2}.hero-description{color:#d1d5db;font-size:.95rem}.sidebar-column{flex-direction:column;justify-content:space-between;gap:.5rem;height:520px;display:flex}.sidebar-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex:1;align-items:center;gap:1rem;padding:.6rem;text-decoration:none;display:flex}.sidebar-img-wrapper{border-radius:.35rem;width:6.5rem;height:100%;overflow:hidden}.sidebar-img{object-fit:cover;width:100%;height:100%}.sidebar-text-box{flex-direction:column;min-width:0;display:flex}.sidebar-badge{color:#d60000;text-transform:uppercase;font-size:.7rem;font-weight:700}.sidebar-title{color:#111827;line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;display:-webkit-box;overflow:hidden}.sidebar-date{color:#9ca3af;font-size:.7rem}.item-inline-actions{z-index:10;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.card-inline-actions{z-index:10;gap:.4rem;display:flex;position:absolute;top:.5rem;left:.5rem}.action-inline-btn{cursor:pointer;color:#fff;border:none;border-radius:.25rem;padding:.35rem .7rem;font-size:.75rem;font-weight:700;text-decoration:none;box-shadow:0 2px 4px #0003}.action-inline-btn.edit{background-color:#2563eb}.action-inline-btn.delete{background-color:#dc2626}.sidebar-inline-actions{gap:.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.action-mini-btn{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem;padding:.25rem .4rem;font-size:.7rem;text-decoration:none;box-shadow:0 1px 2px #0000001a}.feed-section{margin-top:4rem}.feed-header{border-bottom:2px solid #d60000;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.feed-title{text-transform:uppercase;font-size:1.5rem;font-weight:900}.feed-page-indicator{color:#4b5563;background:#f3f4f6;border-radius:10px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.feed-card{height:100%;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.feed-card-img-box{width:100%;height:11rem;overflow:hidden}.feed-card-img{object-fit:cover;width:100%;height:100%}.feed-card-body{flex-direction:column;flex-grow:1;padding:1rem;display:flex}.feed-card-category{color:#d60000;text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.feed-card-title{line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:-webkit-box;overflow:hidden}.feed-card-date{color:#6b7280;margin-top:auto;font-size:.7rem}.pagination-container{border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.pagination-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{gap:.25rem;display:flex}.pagination-num-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:2.25rem;height:2.25rem;font-weight:600}.pagination-num-btn.active{color:#fff;background-color:#d60000;border-color:#d60000}.article-detail-container{max-width:850px;margin:0 auto;padding:2.5rem 1.25rem}.article-meta-tag{color:#fff;text-transform:uppercase;letter-spacing:.05em;background-color:#d60000;border-radius:.25rem;margin-bottom:1rem;padding:.25rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.article-detail-title{color:#111827;letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-size:2.25rem;font-weight:800;line-height:1.15}@media (min-width:768px){.article-detail-title{font-size:3.25rem}}.share-action-bar{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.share-btn{cursor:pointer;color:#fff;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1.1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .15s ease-in-out,transform .1s ease-in-out;display:inline-flex;box-shadow:0 1px 2px #0000000d}.share-btn:hover{opacity:.9}.share-btn:active{transform:scale(.98)}.share-btn.native-share{background-color:#111827}.share-btn.whatsapp-share{background-color:#25d366}.share-btn.facebook-share{background-color:#1877f2}.share-btn.twitter-share{background-color:#000;border:1px solid #262626}.article-image-box{border-radius:.5rem;width:100%;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 12px #0000000d}.article-detail-image{object-fit:cover;width:100%;height:auto;max-height:480px;display:block}.article-detail-content{color:#2d3748;white-space:pre-wrap;letter-spacing:-.003em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.2rem;line-height:1.65}@media (min-width:768px){.article-detail-content{font-size:1.25rem;line-height:1.75}}.admin-page-container{max-width:75rem;margin:2.5rem auto;padding:0 1.5rem}.admin-page-header{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1rem}.admin-page-header h2{color:#111827;font-size:1.75rem;font-weight:800}.admin-page-header p{color:#6b7280;font-size:.95rem}.admin-unauthorized{text-align:center;color:#991b1b;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:.5rem;max-width:40rem;margin:5rem auto;padding:2rem;font-weight:700}.admin-form-core{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.form-grid-two-cols{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.form-grid-two-cols{grid-template-columns:2fr 1fr}}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:#374151;text-transform:uppercase;font-size:.85rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;outline:none;padding:.6rem .75rem;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#d60000}.form-seo-fieldset{background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:.5rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.form-seo-fieldset legend{color:#4b5563;padding:0 .5rem;font-size:.85rem;font-weight:800}.form-submit-master-btn{color:#fff;cursor:pointer;background-color:#d60000;border:none;border-radius:.375rem;padding:.85rem;font-size:1rem;font-weight:700;transition:opacity .2s}.form-submit-master-btn:hover{opacity:.9}.admin-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow-x:auto}.admin-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.admin-data-table th{color:#374151;text-transform:uppercase;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:.85rem 1.25rem;font-size:.8rem;font-weight:700}.admin-data-table td{color:#4b5563;border-bottom:1px solid #f3f4f6;padding:1rem 1.25rem}.table-title-cell{font-weight:700;color:#111827!important}.table-action-row{gap:.5rem;display:flex}.table-btn{cursor:pointer;border:none;border-radius:.25rem;padding:.35rem .7rem;font-size:.8rem;font-weight:700;text-decoration:none}.table-btn.edit-btn{color:#2563eb;background-color:#eff6ff}.table-btn.delete-btn{color:#dc2626;background-color:#fef2f2}.table-empty-msg{text-align:center;color:#9ca3af;padding:2rem!important}.master-username-bold{color:#111827;font-weight:700}.role-pill{border-radius:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:900;display:inline-block}.role-pill.master{color:#6d28d9;background-color:#ede9fe}.role-pill.admin{color:#0369a1;background-color:#e0f2fe}.role-pill.user{color:#4b5563;background-color:#f3f4f6}.role-toggle-action-btn{cursor:pointer;border:none;border-radius:.375rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700}.role-toggle-action-btn.escalate{color:#fff;background-color:#10b981}.role-toggle-action-btn.demote{color:#fff;background-color:#f59e0b}.master-locked-text{color:#9ca3af;font-size:.8rem;font-style:italic}