*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}.news-container{max-width:600px;margin:1rem auto;background:#f5f7fb;border:1px solid #dfe3eb;border-radius:8px;padding:1rem}.news-container h2{text-align:center;color:#141e50;margin-bottom:1.5rem}.news-container form{background-color:#fff;display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:8px}.news-container form>div{display:flex;flex-direction:column;gap:.4rem}.news-container form label{font-weight:600;color:#141e50}.news-container form input,.news-container form textarea,.news-container form select{padding:.6rem;border-radius:7px;border:1px solid #dfe3eb;font-size:.95rem}.news-container form textarea{resize:vertical;min-height:120px}.news-container form input[type=file]{padding:.3rem;background:#fff}.news-container form .actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.news-container form .actions button{padding:.6rem 1.5rem;border-radius:10px;border:none;font-weight:700;cursor:pointer;min-width:130px}.news-container form .actions button button:disabled{opacity:.5;cursor:not-allowed}.news-container form .actions .create-btn{background-color:#141e50;color:#fff}.news-container form .actions .publish-btn{background-color:#1ec8c8;color:#141e50}.news-container form .error{color:red;text-align:center;font-size:.9rem}@media (min-width: 768px){.news-container{max-width:90%}.news-container form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.news-container form textarea,.news-container form .actions,.news-container form .error{grid-column:1/-1}}.news-list-section h2{color:#141e50;text-align:center}.news-list-section .news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:2rem;background-color:#f5f7fb}.news-list-section .news-list .news-card{display:flex;background-color:#fff;border-radius:12px;overflow:hidden;border:1px solid #dfe3eb;box-shadow:0 6px 16px #00000014;transition:transform .2s ease}.news-list-section .news-list .news-card:hover{transform:translateY(-4px)}@media (max-width: 768px){.news-list-section .news-list .news-card{flex-direction:column}.news-list-section .news-list .news-card .news-image{flex:none;width:100%;max-width:100%;height:180px}.news-list-section .news-list .news-card .news-content{flex:none;width:100%}}.news-list-section .news-list .news-image{position:relative;flex:0 0 40%;max-width:40%;height:200px}.news-list-section .news-list .news-image img,.news-list-section .news-list .news-image iframe{object-fit:cover;border:none}.news-list-section .news-list .news-content{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.news-list-section .news-list .news-content h3{color:#141e50;margin-bottom:.5rem}.news-list-section .news-list .news-content p{color:#1ec8c8;flex-grow:1}.news-list-section .news-list .news-content .published-date{display:block;font-size:.8rem;color:#777;margin-bottom:.5rem}.news-list-section .news-list .news-content .read-more{align-self:flex-start;padding:.4rem .8rem;background-color:#141e50;color:#fff;border-radius:6px;text-decoration:none;font-size:.9rem;cursor:pointer}.news-list-section .news-list .news-content .read-more:hover{opacity:.9}.news-list-section .news-list .news-content .admin-actions{display:flex;gap:.5rem;margin-top:.8rem}.news-list-section .news-list .news-content .admin-actions button{padding:.4rem .8rem;border-radius:6px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;color:#fff;transition:opacity .2s ease}.news-list-section .news-list .news-content .admin-actions button:hover{opacity:.9}.news-list-section .news-list .news-content .admin-actions button:first-child{background-color:#e53935}.news-list-section .news-list .news-content .admin-actions button:last-child{background-color:#1ec8c8;color:#141e50}.pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin:2rem 0}.pagination button{min-width:36px;padding:.4rem .7rem;border-radius:6px;border:1px solid #dfe3eb;background-color:#fff;cursor:pointer;font-weight:600}.pagination button:hover:not(:disabled){background-color:#141e50;color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button.active{background-color:#141e50;color:#fff;pointer-events:none}.news-detail{max-width:1000px;margin:2rem auto;background-color:#fff;border-radius:12px;overflow:hidden;border:1px solid #dfe3eb;box-shadow:0 6px 16px #00000014;display:grid;grid-template-columns:280px 1fr;gap:1rem;padding:1.5rem}.news-image{grid-row:1;grid-column:1;position:relative;width:100%}.news-image img{width:100%;height:auto;display:block;object-fit:cover;border-radius:8px}.news-content{padding:2rem;display:flex;flex-direction:column;grid-column:2;grid-row:1}.news-content h2{color:#141e50;margin-bottom:.5rem;font-size:1.6rem}.news-content .published-date{display:block;color:#1ec8c8;font-size:.9rem;margin-top:1.5rem}.news-content .location{color:#141e50;margin-bottom:1.5rem;font-size:.9rem;font-weight:700}.news-text{color:#141e50;line-height:1.7;font-size:1rem;grid-column:1/-1;grid-row:2}.news-text p{margin-bottom:1rem}@media (max-width: 768px){.news-detail{grid-template-columns:1fr}.news-image{grid-column:1;grid-row:2;height:220px}.news-content{grid-column:1;grid-row:1;width:100%;padding:0}.news-content h2{font-size:1.4rem;text-align:center}.news-content .published-date{padding-top:.5rem;text-align:center}.news-content .location{text-align:center}.news-text{grid-column:1;grid-row:3}}.detail-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #dfe3eb;background-color:#fafafa}.admin-buttons{display:flex;gap:.6rem}.btn{padding:.4rem .8rem;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:.85rem;transition:opacity .2s ease}.btn:hover{opacity:.9}.back{background-color:transparent;color:#141e50}.edit{background-color:#1ec8c8;color:#141e50}.delete{background-color:#b71c1c;color:#fff}.image-slider{grid-row:1;grid-column:1;position:relative;width:100%;height:260px;overflow:hidden}.image-slider img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;border-radius:10px}.news-video{grid-column:1/-1}.slider-track{display:flex;transition:transform .4s ease;width:100%;height:100%}.slider-track img{width:100%;height:100%;flex-shrink:0;object-fit:cover;border-radius:10px}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:26px;font-weight:700}.slider-btn.left{left:10px}.slider-btn.right{right:10px}@media (max-width: 768px){.image-slider{grid-column:1;grid-row:2;height:220px}}.error-box{background-color:#ffe5e5;color:#b00020;border:1px solid #ffb3b3;padding:12px;margin-bottom:15px;border-radius:6px;font-weight:500}.media-section{margin:1rem 0}.image-preview{display:flex;gap:1rem;flex-wrap:wrap}.img-box,.video-box{position:relative}.img-box img{width:120px;height:120px;object-fit:cover;border-radius:6px}.img-box button,.video-box button{position:absolute;top:3px;right:3px;background:#e53935;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer}
