.dark-mode-toggle{background:transparent;border:2px solid #e2e8f0;color:#4a5568;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease;margin-left:.5rem}.dark-mode-toggle:hover{background:#f7fafc;border-color:#ff6b35;color:#ff6b35;transform:scale(1.1)}.dark-mode{background-color:#1a202c;color:#e2e8f0}.dark-mode .header{background:#2d3748;border-bottom-color:#4a5568}.dark-mode .news-detail-article,.dark-mode .news-card,.dark-mode .reading-history{background:#2d3748;color:#e2e8f0}.dark-mode .news-detail-title,.dark-mode .news-card-title{color:#f7fafc}.dark-mode .news-detail-body,.dark-mode .news-card-description{color:#cbd5e0}.dark-mode .dark-mode-toggle{border-color:#4a5568;color:#e2e8f0}.dark-mode .dark-mode-toggle:hover{background:#4a5568;border-color:#ff6b35;color:#ff6b35}.header{background:linear-gradient(135deg,#ff6b35,#ff8c42);box-shadow:0 2px 20px #0000001a;position:fixed;top:0;width:100%;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.header.visible{transform:translateY(0)}.header.hidden{transform:translateY(-100%)}.navbar{padding:.6rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo h1{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0;text-decoration:none}.nav-logo span{color:gold;font-weight:300}.nav-menu{display:flex}.nav-list{display:flex;list-style:none;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.4rem .9rem;border-radius:25px;transition:all .3s ease;font-size:.95rem}.nav-link:hover,.nav-link.active{background:#fff3;transform:translateY(-2px)}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:.3s;border-radius:2px}@media (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:60px;flex-direction:column;background:#ff6b35f2;width:100%;text-align:center;transition:.3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 27px #0000000d}.nav-menu.active{left:0}.nav-list{flex-direction:column;gap:0;padding:2rem 0}.nav-item{margin:.5rem 0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.footer{background:#2c3e50;color:#fff;padding:3rem 0 1rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.5rem;margin-bottom:1rem;color:gold}.footer-section h4{font-size:1.1rem;margin-bottom:1rem;color:#ecf0f1}.footer-section p{line-height:1.6;opacity:.9}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:gold}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#34495e;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:gold;transform:translateY(-2px)}.social-links a svg{width:20px;height:20px;fill:currentColor}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #34495e;opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.social-links{justify-content:center}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px #ff6b3566;z-index:1000;transition:all .3s ease;animation:fadeInUp .3s ease}.back-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 6px 20px #ff6b3599}.back-to-top:active{transform:translateY(-2px) scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.back-to-top{bottom:1.5rem;right:1.5rem;width:45px;height:45px;font-size:1rem}}.hero{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;text-align:center;padding:100px 0 60px;margin-top:0}.hero-content h2{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-content p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}@media (max-width: 768px){.hero-content h2{font-size:2rem}.hero-content p{font-size:1rem;padding:0 1rem}}@media (max-width: 480px){.hero{padding:100px 0 60px}.hero-content h2{font-size:1.8rem}}.breaking-news{background:#ff6b35;margin:2rem 0;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #ff6b354d;cursor:pointer;transition:transform .2s ease}.breaking-news:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3566}.breaking-header{background:#e55a2b;padding:1rem;text-align:center}.breaking-header h3{color:#fff;font-size:1.1rem;font-weight:600}.breaking-header i{margin-right:.5rem;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.breaking-ticker{background:#ff6b35;padding:1rem;overflow:hidden;position:relative;min-height:50px;display:flex;align-items:center}.ticker-wrapper{width:100%;overflow:hidden;position:relative;min-height:50px;display:flex;align-items:center}.ticker-content{color:#fff;font-weight:500;font-size:1rem;line-height:1.5;display:flex;align-items:center;justify-content:center;width:100%;animation:fadeIn .5s ease-in-out}.ticker-text{white-space:normal;word-wrap:break-word;text-align:center;padding:0 1rem}@media (max-width: 768px){.ticker-content{font-size:.9rem}.breaking-header h3{font-size:1rem}}.currency-widget{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:6px;padding:.5rem .75rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.currency-widget:hover{box-shadow:0 4px 12px #0000001a}.currency-loading{text-align:center;padding:.3rem;color:#666;font-size:.75rem}.currency-loading i{margin-right:.5rem;color:#ff6b35}.currency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;padding-bottom:.4rem;border-bottom:1px solid #e8e8e8}.currency-title{font-size:.75rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.3rem}.currency-title i{color:#ff6b35;font-size:.8rem}.currency-update{font-size:.65rem;color:#666;display:flex;align-items:center;gap:.25rem}.currency-update i{font-size:.65rem;color:#999}.currency-rates{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.currency-item{display:flex;align-items:center;gap:.5rem;flex:1;min-width:90px;padding:.5rem .6rem;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e8e8e8;border-radius:8px;transition:all .3s ease;cursor:default}.currency-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#d0d0d0}.currency-item-usd{border-left:3px solid #28a745}.currency-item-usd:hover{border-left-color:#218838;background:linear-gradient(135deg,#f0fff4,#fff)}.currency-item-eur{border-left:3px solid #007bff}.currency-item-eur:hover{border-left-color:#0056b3;background:linear-gradient(135deg,#f0f8ff,#fff)}.currency-item-gbp{border-left:3px solid #dc3545}.currency-item-gbp:hover{border-left-color:#c82333;background:linear-gradient(135deg,#fff5f5,#fff)}.currency-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-size:1rem;color:#495057;flex-shrink:0}.currency-item-usd .currency-icon{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.currency-item-eur .currency-icon{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.currency-item-gbp .currency-icon{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.currency-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.currency-label{font-size:.7rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.currency-value{font-size:.85rem;font-weight:700;color:#2c3e50;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.2;white-space:nowrap}@media (max-width: 768px){.currency-widget{padding:.45rem .65rem}.currency-header{flex-direction:column;align-items:flex-start;gap:.25rem}.currency-rates{gap:.4rem}.currency-item{min-width:80px;padding:.4rem .5rem}.currency-icon{width:28px;height:28px;font-size:.9rem}.currency-value{font-size:.75rem}.currency-label{font-size:.65rem}}@media (max-width: 480px){.currency-widget{padding:.4rem .6rem}.currency-rates{justify-content:space-around}.currency-item{min-width:70px;padding:.35rem .4rem;gap:.4rem}.currency-icon{width:24px;height:24px;font-size:.8rem}.currency-value{font-size:.7rem}.currency-label{font-size:.6rem}}.news-slider{margin:6rem 0 3rem;position:relative}.slider-btn{position:absolute;top:1rem;transform:translateY(0);width:40px;height:40px;border:2px solid rgba(255,255,255,.9);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#2d3748;z-index:10;box-shadow:0 4px 12px #0003}.slider-btn.prev-btn{left:1rem}.slider-btn.next-btn{right:1rem}.slider-btn:hover{border-color:#ff6b35;background:#ff6b35;color:#fff;transform:translateY(0) scale(1.1);box-shadow:0 6px 20px #ff6b3566}.slider-btn:active{transform:translateY(0) scale(.95)}.slider-container{position:relative;width:100%;overflow:hidden;border-radius:16px;box-shadow:0 10px 30px #0000001a;touch-action:pan-y}.slider-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.slider-slide{min-width:100%;position:relative;cursor:pointer;overflow:hidden;background:#fff}.slider-slide.active{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:.8}to{opacity:1}}.slide-image{position:relative;width:100%;height:400px;overflow:hidden}.slide-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.slider-slide:hover .slide-image img{transform:scale(1.1)}.slide-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);pointer-events:none}.slide-content{position:absolute;bottom:0;left:0;right:0;padding:2rem 4.5rem;color:#fff;z-index:2}.slide-category{display:inline-block;background:#ff6b35;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.slide-title{font-size:2rem;font-weight:700;margin-bottom:.75rem;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slide-description{font-size:1rem;opacity:.95;margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 5px rgba(0,0,0,.3)}.slide-meta{display:flex;gap:1.5rem;align-items:center;font-size:.9rem;opacity:.9}.slide-meta span{display:inline-flex;align-items:center;gap:.5rem}.slider-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#FF6B35 transparent;max-width:100%}.slider-dots::-webkit-scrollbar{height:4px}.slider-dots::-webkit-scrollbar-track{background:transparent}.slider-dots::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:2px}.slider-dot{min-width:40px;height:40px;border-radius:20px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0 .875rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#4a5568;position:relative;box-shadow:0 2px 8px #0000001a;flex-shrink:0;white-space:nowrap}.slider-dot:hover{background:#f7fafc;border-color:#ff6b35;color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3540}.slider-dot.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-color:#ff6b35;color:#fff;min-width:56px;box-shadow:0 4px 16px #ff6b3566;transform:scale(1.05)}.slider-dot.active:hover{background:linear-gradient(135deg,#ff8c42,#ff6b35);transform:translateY(-2px) scale(1.08);box-shadow:0 6px 20px #ff6b3580}.dot-number{display:inline-block;line-height:1}.dot-total{display:inline-block;opacity:.85;font-size:.65rem;margin-left:.15rem;font-weight:500;line-height:1}@media (max-width: 768px){.news-slider{margin:4.5rem 0 2rem}.slide-image{height:300px}.slide-content{padding:1.5rem 3rem}.slide-title{font-size:1.5rem}.slide-description{font-size:.9rem}.slider-btn{width:36px;height:36px;top:.75rem;font-size:.875rem}.slider-btn.prev-btn{left:.5rem}.slider-btn.next-btn{right:.5rem}.slider-dots{gap:.35rem;margin-top:1rem;padding:.5rem;justify-content:flex-start}.slider-dot{min-width:32px;height:32px;padding:0 .5rem;font-size:.7rem;flex-shrink:0}.slider-dot.active{min-width:42px}.dot-total{font-size:.65rem}.slider-dots{gap:.4rem}.slider-dot{min-width:32px;height:32px;padding:0 .5rem;font-size:.7rem}.slider-dot.active{min-width:44px}}@media (max-width: 480px){.slide-image{height:250px}.slide-content{padding:1rem}.slide-title{font-size:1.25rem}.slide-description{font-size:.85rem}}.dark-mode .slider-btn{background:#2d3748e6;border-color:#ffffff4d;color:#cbd5e0}.dark-mode .slider-btn:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}.dark-mode .slider-dot{background:#2d3748;border-color:#4a5568;color:#cbd5e0}.dark-mode .slider-dot:hover{background:#374151;border-color:#ff6b35;color:#ff6b35}.dark-mode .slider-dot.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-color:#ff6b35;color:#fff}.dark-mode .slider-container{box-shadow:0 10px 30px #0000004d}.dark-mode .slider-slide{background:#2d3748}.dark-mode .slider-dot{background:#4a5568}.dark-mode .slider-dot:hover{background:#718096}.featured-news{margin-bottom:3rem}.featured-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.featured-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.featured-image{width:100%;height:300px;object-fit:cover}.featured-content{padding:2rem}.featured-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#333;line-height:1.3}.featured-excerpt{color:#666;font-size:1rem;margin-bottom:1rem;line-height:1.5}.featured-meta{display:flex;justify-content:space-between;align-items:center;color:#999;font-size:.9rem;gap:1rem;flex-wrap:wrap}.news-date{color:#999}@media (max-width: 768px){.featured-content{padding:1.5rem}.featured-title{font-size:1.3rem}}.dark-mode .featured-card{background:#1f2937;box-shadow:0 10px 30px #0000004d}.dark-mode .featured-card:hover{box-shadow:0 20px 40px #00000080}.dark-mode .featured-title{color:#e5e7eb}.dark-mode .featured-excerpt{color:#9ca3af}.dark-mode .featured-meta{color:#6b7280}.dark-mode .news-source{color:#ff6b35}.dark-mode .news-date,.dark-mode .news-views{color:#9ca3af}@media (max-width: 480px){.featured-content{padding:1rem}}.news-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid #f0f0f0}.news-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #0000001f}.news-image{width:100%;height:200px;object-fit:cover}.news-content{padding:1.5rem}.news-category{display:inline-block;background:#ff6b35;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500;margin-bottom:1rem}.news-title{font-size:1.1rem;font-weight:600;margin-bottom:.8rem;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-excerpt{color:#666;font-size:.9rem;margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-meta{display:flex;justify-content:space-between;align-items:center;color:#999;font-size:.85rem;gap:.5rem;flex-wrap:wrap}.news-reading-time{display:inline-flex;align-items:center;gap:.25rem;color:#ff6b35;font-size:.85rem;font-weight:500}.news-reading-time i{font-size:.75rem}.news-views{display:inline-flex;align-items:center;gap:.25rem;color:#999;font-size:.85rem}.news-views i{font-size:.75rem}@media (max-width: 480px){.news-content{padding:1rem}}.dark-mode .news-card:hover{box-shadow:0 15px 35px #0000004d}.dark-mode .news-meta,.dark-mode .news-views{color:#a0aec0}.news-section{margin:3rem 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e1e8ed}.section-header h2{font-size:2rem;color:#333;font-weight:600}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.news-card-wrapper{animation:fadeInUp .3s ease-out forwards;opacity:0;pointer-events:none}.news-card-wrapper.visible{pointer-events:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.no-news{text-align:center;padding:3rem;color:#999;font-size:1.1rem}@media (max-width: 768px){.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.section-header h2{font-size:1.5rem}.news-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.news-grid{gap:1rem}}.dark-mode .no-news{color:#a0aec0}.category-filter{margin:0;padding:0;border-bottom:none}.category-chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-chip{padding:.5rem 1.25rem;border:2px solid #e2e8f0;background:#fff;border-radius:25px;font-size:.9rem;font-weight:500;color:#4a5568;cursor:pointer;transition:all .3s ease;white-space:nowrap}.category-chip:hover{border-color:#ff6b35;color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3533}.category-chip.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-color:#ff6b35;color:#fff;box-shadow:0 4px 12px #ff6b354d}.category-skeleton{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.skeleton-chip{width:80px;height:36px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:25px;animation:shimmer 1.5s infinite}@media (max-width: 768px){.category-filter{margin:1.5rem 0;padding:1rem 0}.category-chips{gap:.5rem}.category-chip{padding:.4rem 1rem;font-size:.85rem}}.dark-mode .category-filter{border-bottom-color:#4a5568}.dark-mode .category-chip{background:#2d3748;border-color:#4a5568;color:#cbd5e0}.dark-mode .category-chip:hover{border-color:#ff6b35;color:#ff6b35;background:#2d3748}.dark-mode .category-chip.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-color:#ff6b35;color:#fff}.dark-mode .skeleton-chip{background:linear-gradient(90deg,#2d3748 25%,#374151,#2d3748 75%)}.date-filter{position:relative;display:inline-block}.date-filter-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.65rem 1rem;font-size:.8rem;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s;min-width:120px;justify-content:space-between}.date-filter-button:hover{border-color:#ff6b35;color:#ff6b35}.date-filter-button i:first-child{color:#ff6b35}.date-filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;background:transparent}.date-filter-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:999;overflow:hidden;min-width:180px}.date-filter-option{width:100%;padding:.75rem 1rem;text-align:left;background:#fff;border:none;cursor:pointer;font-size:.9rem;color:#374151;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:background-color .15s}.date-filter-option:hover{background:#f3f4f6}.date-filter-option.active{background:#eff6ff;color:#ff6b35;font-weight:600}.date-filter-option.active i{color:#ff6b35}@media (max-width: 768px){.date-filter-button{min-width:130px;padding:.625rem 1rem;font-size:.875rem}.date-filter-dropdown{min-width:160px}}.dark-mode .date-filter-button{background:#2d3748;border-color:#4a5568;color:#cbd5e0}.dark-mode .date-filter-button:hover{border-color:#ff6b35;color:#ff6b35}.dark-mode .date-filter-dropdown{background:#2d3748;border-color:#4a5568;box-shadow:0 10px 25px #0000004d}.dark-mode .date-filter-option{background:#2d3748;color:#cbd5e0}.dark-mode .date-filter-option:hover{background:#374151}.dark-mode .date-filter-option.active{background:#1a202c;color:#ff6b35}.search-bar{display:flex;gap:.75rem;width:100%;margin:0;align-items:stretch}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:stretch}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#718096;font-size:.875rem;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;line-height:1}.search-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#718096;font-size:1rem;z-index:2;pointer-events:none}.search-input{width:100%;padding:.65rem .875rem .65rem 2.5rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;transition:all .3s ease;background:#fff;box-sizing:border-box;line-height:1.5;height:100%}.search-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.search-clear:hover{color:#2d3748}.search-button{padding:.65rem 1.25rem;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #ff6b3540;box-sizing:border-box;align-self:stretch;min-width:fit-content}.search-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.search-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #ff6b3566}.search-button:hover:not(:disabled):before{width:300px;height:300px}.search-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.search-button.searching{animation:pulse .6s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.search-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #ff6b3533}.search-button i{font-size:1rem;transition:transform .3s ease}.search-button:hover:not(:disabled) i{transform:scale(1.1)}.search-button span{position:relative;z-index:1}@media (max-width: 768px){.search-bar{flex-direction:column;gap:.5rem}.search-button{width:100%}}.skeleton-card,.skeleton-featured{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;animation:pulse 1.5s ease-in-out infinite}.skeleton-card{display:flex;flex-direction:column}.skeleton-featured{margin-bottom:2rem}.skeleton-image,.skeleton-image-large{width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-image{height:200px}.skeleton-image-large{height:400px}.skeleton-content{padding:1.5rem}.skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:.75rem;animation:shimmer 1.5s infinite}.skeleton-line-short{width:40%}.skeleton-line-medium{width:70%}.skeleton-line-long{width:90%}.skeleton-line:last-child{margin-bottom:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.adsense-container{margin:2rem 0;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center}.adsense-container.adsense-inline{margin:1.5rem 0}.adsense-container.adsense-sidebar{position:sticky;top:100px;margin:0}.adsense-container.adsense-banner{width:100%;margin:2rem 0}.adsense-container.adsense-article{margin:2rem auto;max-width:728px}@media (max-width: 768px){.adsense-container{margin:1.5rem 0}.adsense-container.adsense-sidebar{position:relative;top:0}}.sort-options{position:relative}.sort-toggle{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.8rem;color:#4a5568;font-weight:500;min-width:140px;justify-content:space-between}.sort-toggle:hover{border-color:#ff6b35;color:#ff6b35}.sort-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;background:transparent}.sort-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:999;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sort-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:#4a5568;text-align:left}.sort-option:hover{background:#f7fafc;color:#ff6b35}.sort-option.active{background:#fff5f0;color:#ff6b35;font-weight:600}.sort-option i:last-child{margin-left:auto;color:#ff6b35}@media (max-width: 768px){.sort-toggle{min-width:150px;font-size:.85rem;padding:.65rem .85rem}.sort-dropdown{right:auto;min-width:200px}}.dark-mode .sort-toggle{background:#2d3748;border-color:#4a5568;color:#cbd5e0}.dark-mode .sort-toggle:hover{border-color:#ff6b35;color:#ff6b35}.dark-mode .sort-dropdown{background:#2d3748;border-color:#4a5568;box-shadow:0 4px 12px #0000004d}.dark-mode .sort-option{background:#2d3748;color:#cbd5e0}.dark-mode .sort-option:hover{background:#374151;color:#ff6b35}.dark-mode .sort-option.active{background:#1a202c;color:#ff6b35}.reading-history{background:#fff;border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:0 2px 8px #0000001a}.reading-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.reading-history-header h3{font-size:1.25rem;color:#2d3748;display:flex;align-items:center;gap:.5rem;margin:0}.reading-history-header h3 i{color:#ff6b35}.clear-history-btn{background:transparent;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:.9rem}.clear-history-btn:hover{background:#f7fafc;color:#e53e3e}.reading-history-list{display:flex;flex-direction:column;gap:1rem}.reading-history-item{display:flex;gap:1rem;padding:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.reading-history-item:hover{background:#f7fafc;border-color:#e2e8f0;transform:translate(5px)}.reading-history-image{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.reading-history-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.reading-history-title{font-size:.95rem;font-weight:600;color:#2d3748;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reading-history-time{font-size:.8rem;color:#718096;display:flex;align-items:center;gap:.25rem}@media (max-width: 768px){.reading-history{padding:1rem;margin:1.5rem 0}.reading-history-item{padding:.75rem}.reading-history-image{width:60px;height:60px}.reading-history-title{font-size:.85rem}}.dark-mode .reading-history-header{border-bottom-color:#4a5568}.dark-mode .reading-history-header h3{color:#f7fafc}.dark-mode .clear-history-btn{color:#a0aec0}.dark-mode .clear-history-btn:hover{background:#4a5568;color:#ef4444}.dark-mode .reading-history-item{background:transparent;border-color:transparent}.dark-mode .reading-history-item:hover{background:#374151;border-color:#4a5568}.dark-mode .reading-history-title{color:#f7fafc}.newsletter-widget{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:12px;padding:2rem;margin:2rem 0;color:#fff;box-shadow:0 4px 12px #ff6b354d}.newsletter-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.newsletter-header i{font-size:1.5rem}.newsletter-header h3{font-size:1.5rem;margin:0;font-weight:600}.newsletter-description{margin-bottom:1.5rem;opacity:.95;line-height:1.6}.newsletter-form{width:100%}.newsletter-input-group{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;outline:none;background:#fff;color:#2d3748}.newsletter-input::placeholder{color:#a0aec0}.newsletter-submit{background:#fff3;border:2px solid white;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1.1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:50px}.newsletter-submit:hover:not(:disabled){background:#fff;color:#ff6b35;transform:translateY(-2px)}.newsletter-submit:disabled{opacity:.6;cursor:not-allowed}.newsletter-message{margin-top:1rem;padding:.75rem;border-radius:6px;font-size:.9rem;text-align:center}.newsletter-message.success{background:#fff3;border:1px solid rgba(255,255,255,.3)}.newsletter-message.error{background:#e53e3e4d;border:1px solid rgba(229,62,62,.5)}@media (max-width: 768px){.newsletter-widget{padding:1.5rem}.newsletter-header h3{font-size:1.25rem}.newsletter-input-group{flex-direction:column}.newsletter-submit{width:100%}}.popular-news{background:#fff;border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:0 2px 8px #0000001a}.popular-news-title{font-size:1.25rem;color:#2d3748;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.popular-news-title i{color:#ff6b35}.popular-news-list{display:flex;flex-direction:column;gap:1rem}.popular-news-item{display:flex;gap:1rem;padding:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.popular-news-item:hover{background:#f7fafc;border-color:#e2e8f0;transform:translate(5px)}.popular-news-number{width:30px;height:30px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.popular-news-content{flex:1}.popular-news-item-title{font-size:.95rem;font-weight:600;color:#2d3748;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-news-meta{display:flex;gap:1rem;align-items:center;font-size:.8rem;color:#718096}.popular-news-category{color:#ff6b35;font-weight:500}.popular-news-views{display:flex;align-items:center;gap:.25rem}.popular-news-loading{text-align:center;padding:2rem;color:#718096}@media (max-width: 768px){.popular-news{padding:1rem;margin:1.5rem 0}.popular-news-item{padding:.75rem}.popular-news-number{width:25px;height:25px;font-size:.8rem}.popular-news-item-title{font-size:.85rem}}.dark-mode .popular-news-item{background:transparent;border-color:transparent}.dark-mode .popular-news-item:hover{background:#374151;border-color:#4a5568}.dark-mode .popular-news-meta,.dark-mode .popular-news-views,.dark-mode .popular-news-loading{color:#a0aec0}.news-section-header{margin-bottom:2rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.news-header-top{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.news-title-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.news-section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.news-section-title i{color:#ff6b35;font-size:1.25rem}.news-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1;justify-content:flex-end}.search-wrapper-compact{flex:1;min-width:200px;max-width:300px}.filters-group-compact{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.news-header-filters{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.dark-mode .news-section-header{background:#1f2937;border-color:#374151}.dark-mode .news-header-top{border-bottom-color:#374151}.dark-mode .news-header-filters{border-top-color:#374151}.dark-mode .news-section-title{color:#f3f4f6}@media (max-width: 768px){.news-section-header{padding:.875rem 1rem}.news-title-row{flex-direction:column;align-items:stretch;gap:1rem}.news-section-title{font-size:1.25rem}.news-section-title i{font-size:1.1rem}.news-header-actions{flex-direction:column;width:100%;gap:.75rem}.search-wrapper-compact{width:100%;max-width:100%}.filters-group-compact{width:100%;justify-content:space-between}.filters-group-compact>*{flex:1}}.news-loading-container{position:relative;margin:2rem 0}.news-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;border:1px solid #e5e7eb}.news-loading-spinner i{font-size:3rem;color:#ff6b35;margin-bottom:1rem;animation:spin 1s linear infinite}.news-loading-spinner p{font-size:1.1rem;font-weight:600;color:#4a5568;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-mode .news-loading-spinner{background:#1f2937;border-color:#374151;box-shadow:0 2px 8px #0000004d}.dark-mode .news-loading-spinner i{color:#ff6b35}.dark-mode .news-loading-spinner p{color:#d1d5db}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:2rem 0}.empty-state i{font-size:4rem;color:#cbd5e0;margin-bottom:1.5rem;display:block}.empty-state h3{font-size:1.5rem;color:#2d3748;margin:0 0 .75rem;font-weight:600}.empty-state p{font-size:1rem;color:#718096;margin:0 0 2rem}.clear-search-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#ff6b35;border:2px solid #FF6B35;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ff6b3526;position:relative;overflow:hidden}.clear-search-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#ff6b35,#ff8c42);transition:left .3s ease;z-index:0}.clear-search-btn span,.clear-search-btn i{position:relative;z-index:1;transition:color .3s ease}.clear-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff6b354d;color:#fff;border-color:#ff6b35}.clear-search-btn:hover:before{left:0}.clear-search-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b3533}.clear-search-btn i{font-size:.8rem;transition:transform .3s ease}.clear-search-btn:hover i{transform:rotate(90deg)}.dark-mode .empty-state{background:#1f2937;box-shadow:0 2px 8px #0000004d}.dark-mode .empty-state i{color:#4a5568}.dark-mode .empty-state h3{color:#f3f4f6}.dark-mode .empty-state p{color:#a0aec0}.dark-mode .clear-search-btn{background:#2d3748;border-color:#ff6b35;color:#ff6b35;box-shadow:0 2px 8px #ff6b3533}.dark-mode .clear-search-btn:hover{color:#fff;border-color:#ff6b35;box-shadow:0 4px 16px #ff6b3566}.load-more-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:3rem;gap:2rem}.load-more-skeleton{width:100%;margin-top:1rem}.dark-mode .load-more-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);box-shadow:0 4px 6px #ff6b354d}.dark-mode .load-more-btn:hover:not(:disabled){box-shadow:0 6px 12px #ff6b3566}.dark-mode .load-more-btn:disabled{opacity:.6}.social-share{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin:2rem 0}.share-label{font-weight:500;color:#4a5568;font-size:.9rem}.share-buttons{display:flex;gap:.5rem}.share-btn{width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease;color:#fff}.share-native{background:#ff6b35}.share-twitter{background:#1da1f2}.share-facebook{background:#1877f2}.share-whatsapp{background:#25d366}.share-telegram{background:#08c}.share-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #0003}.share-btn:active{transform:translateY(0) scale(1)}.dark-mode .social-share{border-top-color:#374151;border-bottom-color:#374151}.dark-mode .share-label{color:#d1d5db}@media (max-width: 768px){.social-share{flex-direction:column;align-items:flex-start;gap:.75rem}.share-buttons{flex-wrap:wrap}}.related-news{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color, #e5e7eb)}.related-news-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:.5rem}.related-news-title i{color:var(--primary-color, #3b82f6)}.related-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.related-news-card{background:var(--card-bg, #ffffff);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.related-news-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.related-news-image{width:100%;height:160px;object-fit:cover;background:var(--bg-secondary, #f3f4f6)}.related-news-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.related-news-category{font-size:.75rem;font-weight:600;color:var(--primary-color, #3b82f6);text-transform:uppercase;letter-spacing:.5px}.related-news-card-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.related-news-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary, #6b7280);margin-top:auto}.related-news-views{display:flex;align-items:center;gap:.25rem}.related-news-skeleton{background:var(--card-bg, #ffffff);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.skeleton-image{width:100%;height:160px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.skeleton-line{height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dark-mode .related-news{border-top-color:#374151}.dark-mode .related-news-title{color:#e5e7eb}.dark-mode .related-news-title i{color:#60a5fa}.dark-mode .related-news-card{background:#1f2937;box-shadow:0 1px 3px #0000004d}.dark-mode .related-news-card:hover{box-shadow:0 10px 25px #00000080}.dark-mode .related-news-image{background:#374151}.dark-mode .related-news-card-title{color:#e5e7eb}.dark-mode .related-news-category{color:#60a5fa}.dark-mode .related-news-meta{color:#9ca3af}.dark-mode .related-news-skeleton{background:#1f2937;box-shadow:0 1px 3px #0000004d}.dark-mode .skeleton-image,.dark-mode .skeleton-line{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%)}@media (max-width: 768px){.related-news-grid{grid-template-columns:1fr}}.breadcrumbs{margin-bottom:1.5rem}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0;font-size:.875rem}.breadcrumbs-item{display:flex;align-items:center;gap:.5rem}.breadcrumbs-link{color:var(--text-secondary, #6b7280);text-decoration:none;transition:color .2s}.breadcrumbs-link:hover{color:var(--primary-color, #3b82f6)}.breadcrumbs-current{color:var(--text-primary, #1f2937);font-weight:500}.breadcrumbs-separator{color:var(--text-tertiary, #9ca3af);font-size:.75rem;display:flex;align-items:center}.dark-mode .breadcrumbs-link{color:#9ca3af}.dark-mode .breadcrumbs-link:hover{color:#60a5fa}.dark-mode .breadcrumbs-current{color:#e5e7eb}.dark-mode .breadcrumbs-separator{color:#6b7280}@media (max-width: 768px){.breadcrumbs{font-size:.8125rem}.breadcrumbs-separator{font-size:.6875rem}}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:#0000000d;z-index:9999;pointer-events:none}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,#ff6b35,#ff8c42);transition:width .1s ease-out;box-shadow:0 2px 4px #ff6b354d}.font-size-control{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px;margin:1.5rem 0;flex-wrap:wrap}.font-size-label{font-weight:500;color:#4a5568;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.font-size-buttons{display:flex;gap:.5rem}.font-size-btn{padding:.5rem 1rem;border:2px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#4a5568}.font-size-btn:hover{border-color:#ff6b35;color:#ff6b35;transform:translateY(-2px)}.font-size-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.font-size-label-text{font-size:.85rem}@media (max-width: 768px){.font-size-control{flex-direction:column;align-items:flex-start}.font-size-buttons{width:100%}.font-size-btn{flex:1;justify-content:center}.font-size-label-text{display:none}}.bookmark-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fff,#f8f9fa);color:#4b5563;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative}.bookmark-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.bookmark-btn:hover:before{left:100%}.bookmark-btn:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#1f2937;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:#d1d5db}.bookmark-btn.bookmarked{background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff;border-color:#ff6b35;box-shadow:0 4px 16px #ff6b354d}.bookmark-btn.bookmarked:hover{background:linear-gradient(135deg,#e55a2b,#d14a1f);border-color:#e55a2b;box-shadow:0 6px 20px #ff6b3566;transform:translateY(-2px)}.bookmark-btn i{font-size:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.bookmark-btn:hover i{transform:scale(1.1)}.bookmark-btn.bookmarked i{filter:drop-shadow(0 2px 4px rgba(255,255,255,.3));animation:bookmarkPulse .4s ease}@keyframes bookmarkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 768px){.bookmark-btn span{display:none}.bookmark-btn{padding:.75rem;width:45px;height:45px;justify-content:center}}.copy-link-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fff,#f8f9fa);color:#4b5563;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative}.copy-link-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.copy-link-btn:hover:before{left:100%}.copy-link-btn:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#1f2937;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:#d1d5db}.copy-link-btn.copied{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 4px 16px #10b9814d;animation:copySuccess .4s ease}.copy-link-btn.copied:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.copy-link-btn i{font-size:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.copy-link-btn:hover i{transform:scale(1.1)}.copy-link-btn.copied i{filter:drop-shadow(0 2px 4px rgba(255,255,255,.3));animation:checkMark .4s ease}@keyframes checkMark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}@media (max-width: 768px){.copy-link-btn span{display:none}.copy-link-btn{padding:.75rem;width:45px;height:45px;justify-content:center}}.reading-mode-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.reading-mode-container{background:#1a1a1a;color:#e5e5e5;max-width:800px;width:100%;max-height:90vh;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.reading-mode-header{padding:1.5rem 2rem;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;background:#222}.reading-mode-header h2{color:#fff;font-size:1.5rem;margin:0;flex:1;margin-right:1rem}.reading-mode-controls{display:flex;align-items:center;gap:1rem}.font-size-selector{display:flex;gap:.5rem;background:#2a2a2a;padding:.25rem;border-radius:8px}.font-size-btn{background:transparent;border:none;color:#999;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.font-size-btn:hover{background:#333;color:#fff}.font-size-btn.active{background:#ff6b35;color:#fff}.close-reading-mode{background:#333;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-reading-mode:hover{background:#ff6b35;transform:rotate(90deg)}.reading-mode-content{padding:2rem;overflow-y:auto;flex:1;line-height:1.8}.reading-mode-content.font-size-small{font-size:1rem}.reading-mode-content.font-size-medium{font-size:1.2rem}.reading-mode-content.font-size-large{font-size:1.5rem}.reading-mode-content p{margin-bottom:1.5rem}.reading-mode-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.reading-mode-content h2,.reading-mode-content h3{margin-top:2rem;margin-bottom:1rem;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.reading-mode-overlay{padding:0}.reading-mode-container{max-height:100vh;border-radius:0}.reading-mode-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.reading-mode-header h2{font-size:1.25rem;margin:0}.reading-mode-content{padding:1.5rem}}.text-to-speech{display:flex;flex-direction:column;gap:1rem}.tts-controls{display:flex;gap:.5rem;align-items:center}.tts-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1rem}.tts-btn:hover{background:#e5e7eb;color:#1f2937;transform:scale(1.1)}.tts-btn.playing{background:#ff6b35;color:#fff;border-color:#ff6b35;animation:pulse 2s infinite}.tts-btn.playing:hover{background:#e55a2b;border-color:#e55a2b}.tts-pause{background:#fbbf24;color:#fff;border-color:#fbbf24}.tts-pause:hover{background:#f59e0b;border-color:#f59e0b}.tts-stop{background:#ef4444;color:#fff;border-color:#ef4444}.tts-stop:hover{background:#dc2626;border-color:#dc2626}.tts-settings{display:flex;gap:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px;flex-wrap:wrap}.tts-setting{display:flex;align-items:center;gap:.75rem;flex:1;min-width:150px}.tts-setting label{font-size:.9rem;color:#4b5563;font-weight:500;min-width:40px}.tts-setting input[type=range]{flex:1;height:6px;background:#e5e7eb;border-radius:3px;outline:none;-webkit-appearance:none}.tts-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#ff6b35;border-radius:50%;cursor:pointer}.tts-setting input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#ff6b35;border-radius:50%;cursor:pointer;border:none}.tts-setting span{font-size:.85rem;color:#6b7280;min-width:35px;text-align:right}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.tts-settings{flex-direction:column;gap:1rem}.tts-setting{min-width:100%}}.like-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fff,#f8f9fa);color:#4b5563;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #00000014;overflow:hidden}.like-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.like-btn:hover:before{left:100%}.like-btn:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#1f2937;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:#d1d5db}.like-btn.liked{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border-color:#ec4899;box-shadow:0 4px 16px #ec48994d}.like-btn.liked:hover{background:linear-gradient(135deg,#db2777,#ec4899);border-color:#db2777;box-shadow:0 6px 20px #ec489966;transform:translateY(-2px)}.like-btn i{font-size:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.like-btn:hover i{transform:scale(1.1)}.like-btn.liked i{color:#fff;animation:heartBeat .6s ease;filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.like-btn span:not(.like-animation){font-weight:600}.like-animation{position:absolute;top:-30px;left:50%;transform:translate(-50%);color:#ec4899;font-weight:700;font-size:1.2rem;pointer-events:none;animation:likeFloat 1s ease-out forwards}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}75%{transform:scale(1.2)}}@keyframes likeFloat{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-30px)}}@media (max-width: 768px){.like-btn span:not(.like-animation){display:none}.like-btn{padding:.75rem;width:45px;height:45px;justify-content:center}}.tags-display{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem;background:#f9fafb;border-radius:8px;flex-wrap:wrap}.tags-display i{color:#ff6b35;font-size:1.1rem}.tags-list{display:flex;gap:.5rem;flex-wrap:wrap}.tag-item{background:#fff;color:#4b5563;border:1px solid #e5e7eb;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tag-item:hover{background:#ff6b35;color:#fff;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 2px 8px #ff6b354d}@media (max-width: 768px){.tags-display{padding:.75rem}.tag-item{font-size:.8rem;padding:.35rem .75rem}}.news-detail{margin-top:60px;padding:2rem 0}.news-detail .container{max-width:900px;margin:0 auto;padding:0 20px}.btn-back{background:#ff6b35;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;margin-bottom:2rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-back:hover{background:#e55a2b;transform:translateY(-2px)}.news-detail-article{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #0000001a}.news-detail-header{padding:2rem;border-bottom:1px solid #e2e8f0}.news-category{display:inline-block;background:#ff6b35;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.news-detail-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem;line-height:1.2}.news-detail-meta{display:flex;gap:1.5rem;align-items:center;color:#718096;font-size:.9rem;flex-wrap:wrap}.news-source{font-weight:500;color:#ff6b35}.news-reading-time{display:inline-flex;align-items:center;gap:.5rem;color:#ff6b35;font-weight:500}.news-views{display:inline-flex;align-items:center;gap:.5rem}.news-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.reading-mode-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.reading-mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-print{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-print:hover{background:#e5e7eb;color:#1f2937;transform:translateY(-1px)}@media print{.news-detail-actions,.breadcrumbs,.related-news{display:none!important}.news-detail-article{box-shadow:none}.news-detail{margin-top:0;padding:0}}.news-detail-image{width:100%;max-height:500px;object-fit:cover}.news-detail-content{padding:2rem}.news-detail-description{font-size:1.25rem;color:#4a5568;line-height:1.6;margin-bottom:2rem;font-weight:500}.news-detail-body{font-size:1.1rem;line-height:1.8;color:#2d3748;margin-bottom:2rem}.news-detail-body.font-size-small{font-size:.95rem;line-height:1.6}.news-detail-body.font-size-medium{font-size:1.1rem;line-height:1.8}.news-detail-body.font-size-large{font-size:1.3rem;line-height:2}.news-detail-body p{margin-bottom:1.5rem}.news-detail-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.news-detail-body h2,.news-detail-body h3{margin-top:2rem;margin-bottom:1rem;color:#2d3748}.news-detail-body a{color:#ff6b35;text-decoration:none}.news-detail-body a:hover{text-decoration:underline}@media (max-width: 768px){.news-detail{margin-top:70px}.news-detail-title{font-size:1.75rem}.news-detail-header,.news-detail-content{padding:1.5rem}.news-detail-description{font-size:1.1rem}.news-detail-body{font-size:1rem}.news-detail .container>div[style*=grid]{grid-template-columns:1fr!important}}.category-page{margin-top:60px;padding:2rem 0;min-height:calc(100vh - 60px)}.category-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.category-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.category-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;display:flex;align-items:center;gap:1rem}.category-title i{color:#ff6b35;font-size:2rem}.category-description{font-size:1.125rem;color:#6b7280;margin:0}.load-more-container{display:flex;justify-content:center;margin-top:3rem}.load-more-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 6px #ff6b354d}.load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #ff6b3566}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-state i{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.empty-state p{font-size:1rem;color:#6b7280}@media (max-width: 768px){.category-page{margin-top:70px;padding:1.5rem 0}.category-title{font-size:1.75rem}.category-title i{font-size:1.5rem}.category-description{font-size:1rem}}.about-page{padding:100px 0 60px;min-height:calc(100vh - 200px)}.about-content{max-width:800px;margin:0 auto}.about-content h1{font-size:2.5rem;color:#333;margin-bottom:2rem;text-align:center}.about-section{margin-bottom:3rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.about-section h2{font-size:1.8rem;color:#ff6b35;margin-bottom:1rem}.about-section p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:1rem}.about-section ul{list-style:none;padding:0}.about-section ul li{padding:.8rem 0;font-size:1.1rem;line-height:1.8;color:#555;border-bottom:1px solid #eee}.about-section ul li:last-child{border-bottom:none}.about-section ul li strong{color:#ff6b35}.dark-mode .about-content h1{color:#e5e7eb}.dark-mode .about-section{background:#1f2937;box-shadow:0 2px 10px #0000004d}.dark-mode .about-section h2{color:#ff6b35}.dark-mode .about-section p{color:#d1d5db}.dark-mode .about-section ul li{color:#d1d5db;border-bottom-color:#374151}.dark-mode .about-section ul li strong,.dark-mode .contact-link{color:#ff6b35}.dark-mode .contact-link:hover{color:#ff8c42}@media (max-width: 768px){.about-content h1{font-size:2rem}.about-section{padding:1.5rem}.about-section h2{font-size:1.5rem}}.contact-page{padding:100px 0 60px;min-height:calc(100vh - 200px)}.contact-content{max-width:1000px;margin:0 auto}.contact-content h1{font-size:2.5rem;color:#333;margin-bottom:1rem;text-align:center}.contact-intro{text-align:center;font-size:1.1rem;color:#666;margin-bottom:3rem}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:2rem;max-width:700px;margin-left:auto;margin-right:auto}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000000d;text-align:center;transition:transform .3s,box-shadow .3s}.info-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.info-card i{font-size:2.5rem;color:#ff6b35;margin-bottom:1rem}.info-card h3{font-size:1.2rem;color:#333;margin-bottom:.5rem}.info-card p{color:#666;font-size:1rem}.contact-form{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000d}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff6b35}.form-group textarea{resize:vertical;min-height:120px}.success-message{background:#d4edda;color:#155724;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.success-message i{font-size:1.2rem}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.error-message i{font-size:1.2rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b3566}.dark-mode .contact-content h1{color:#e5e7eb}.dark-mode .contact-intro{color:#9ca3af}.dark-mode .info-card{background:#1f2937;box-shadow:0 2px 10px #0000004d}.dark-mode .info-card:hover{box-shadow:0 5px 20px #00000080}.dark-mode .info-card i{color:#ff6b35}.dark-mode .info-card h3{color:#e5e7eb}.dark-mode .info-card p{color:#9ca3af}.dark-mode .contact-form{background:#1f2937;box-shadow:0 2px 10px #0000004d}.dark-mode .form-group label{color:#e5e7eb}.dark-mode .form-group input,.dark-mode .form-group textarea{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-mode .form-group input::placeholder,.dark-mode .form-group textarea::placeholder{color:#9ca3af}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus{border-color:#ff6b35;background:#4b5563}.dark-mode .success-message{background:#064e3b;color:#6ee7b7;border:1px solid #10b981}.dark-mode .error-message{background:#7f1d1d;color:#fca5a5;border:1px solid #ef4444}@media (max-width: 768px){.contact-content h1{font-size:2rem}.contact-form{padding:1.5rem}}.privacy-page{padding:100px 0 60px;min-height:calc(100vh - 200px)}.privacy-content{max-width:900px;margin:0 auto}.privacy-content h1{font-size:2.5rem;color:#333;margin-bottom:.5rem;text-align:center}.privacy-section{margin-bottom:2.5rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.privacy-section h2{font-size:1.5rem;color:#ff6b35;margin-bottom:1rem}.privacy-section p{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:1rem}.privacy-section ul{list-style:disc;padding-left:2rem;margin:1rem 0}.privacy-section ul li{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:.5rem}@media (max-width: 768px){.privacy-content h1{font-size:2rem}.privacy-section{padding:1.5rem}.privacy-section h2{font-size:1.3rem}}.terms-page{padding:100px 0 60px;min-height:calc(100vh - 200px)}.terms-content{max-width:900px;margin:0 auto}.terms-content h1{font-size:2.5rem;color:#333;margin-bottom:.5rem;text-align:center}.last-updated{text-align:center;color:#999;font-size:.9rem;margin-bottom:3rem}.terms-section{margin-bottom:2.5rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.terms-section h2{font-size:1.5rem;color:#ff6b35;margin-bottom:1rem}.terms-section p{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:1rem}.terms-section ul{list-style:disc;padding-left:2rem;margin:1rem 0}.terms-section ul li{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:.5rem}.contact-link{color:#ff6b35;text-decoration:none;font-weight:600;transition:color .3s}.contact-link:hover{color:#ff8c42;text-decoration:underline}@media (max-width: 768px){.terms-content h1{font-size:2rem}.terms-section{padding:1.5rem}.terms-section h2{font-size:1.3rem}}.not-found-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.not-found-content{text-align:center;max-width:600px;margin:0 auto;padding:2rem}.not-found-icon{font-size:5rem;color:#e74c3c;margin-bottom:1.5rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.not-found-content h1{font-size:6rem;font-weight:900;color:#2c3e50;margin:0;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.not-found-content h2{font-size:2rem;color:#34495e;margin:1rem 0;font-weight:600}.not-found-content p{font-size:1.1rem;color:#7f8c8d;line-height:1.6;margin:1.5rem 0 2rem}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.not-found-actions .btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer;font-size:1rem}.not-found-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.not-found-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.not-found-actions .btn-secondary{background:#ecf0f1;color:#2c3e50;border:2px solid #bdc3c7}.not-found-actions .btn-secondary:hover{background:#d5dbdb;border-color:#95a5a6;transform:translateY(-2px)}@media (max-width: 768px){.not-found-content{padding:1rem}.not-found-icon,.not-found-content h1{font-size:4rem}.not-found-content h2{font-size:1.5rem}.not-found-content p{font-size:1rem}.not-found-actions{flex-direction:column}.not-found-actions .btn{width:100%;justify-content:center}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b35,#ff8c42)}.login-container{background:#fff;padding:3rem;border-radius:15px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2.5rem;color:#ff6b35;margin-bottom:.5rem}.login-header h1 span{color:gold;font-weight:300}.login-header p{color:#718096;font-size:1.1rem}.login-form .form-group{margin-bottom:1.5rem}.login-form label{display:block;margin-bottom:.5rem;font-weight:500;color:#2d3748}.login-form input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease}.login-form input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.btn-primary:hover:not(:disabled){background:#e55a2b;transform:translateY(-2px);box-shadow:0 5px 15px #ff6b3566}.error-message{color:#f56565;font-size:.875rem;margin-top:.5rem;display:none}.error-message.show{display:block}.admin-dashboard{display:flex;flex-direction:column;min-height:100vh}.admin-navbar{background:#2d3748;color:#fff;padding:1rem 1.5rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a;display:none}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-left{display:flex;align-items:center;gap:1rem}.menu-toggle{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;transition:background .3s ease}.menu-toggle:hover{background:#ffffff1a}.navbar-logo{text-decoration:none;color:#fff}.navbar-logo h2{font-size:1.5rem;margin:0;font-weight:600}.navbar-logo h2 span{color:gold;font-weight:300}.navbar-right,.navbar-user{display:flex;align-items:center;gap:1rem}.user-email{font-size:.875rem;color:#ffffffe6;display:none}.btn-logout-mobile{background:#f56565;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.25rem;display:none;align-items:center;justify-content:center;transition:background .3s ease}.btn-logout-mobile:hover{background:#e53e3e}.sidebar{width:260px;background:#2d3748;color:#fff;display:flex;flex-direction:column;position:fixed;height:calc(100vh + -0px);left:0;top:0;z-index:999;transition:transform .3s ease;overflow-y:auto}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.sidebar-close{display:none;position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:32px;height:32px;align-items:center;justify-content:center;border-radius:4px;transition:background .3s ease}.sidebar-close:hover{background:#ffffff1a}.sidebar-header h2{font-size:1.5rem;margin-bottom:.25rem}.sidebar-header h2 span{color:gold;font-weight:300}.sidebar-header p{font-size:.875rem;color:#ffffffb3}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;color:#fffc;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ff6b3533;color:#fff}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.main-content{flex:1;margin-left:260px;padding:2rem;margin-top:0}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.top-header h1{font-size:2rem;color:#2d3748}.user-info{display:flex;align-items:center;gap:1rem}.user-email-desktop{font-size:.875rem;color:#4a5568}.user-menu-btn{background:#ff6b35;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.25rem}.btn-block{width:100%;justify-content:center}@media (max-width: 768px){.admin-dashboard{flex-direction:column}.admin-navbar{display:block}.menu-toggle{display:flex}.user-email{display:block}.btn-logout-mobile{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar-close{display:flex}.main-content{margin-left:0;padding:1rem}.top-header{flex-direction:column;align-items:flex-start;gap:1rem}.top-header h1{font-size:1.5rem}.user-info{width:100%;justify-content:space-between}.user-email-desktop,.sidebar-footer{display:none}.navbar-logo h2{font-size:1.25rem}}@media (max-width: 480px){.admin-navbar{padding:.75rem 1rem}.navbar-logo h2{font-size:1.1rem}.user-email{font-size:.75rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{padding:.75rem}.top-header h1{font-size:1.25rem}}.admin-dashboard-page{padding:2rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.stat-card.clickable{position:relative}.stat-card.clickable:hover{background:#f7fafc}.stat-arrow{margin-left:auto;color:#cbd5e0;font-size:1.25rem;transition:all .2s}.stat-card.clickable:hover .stat-arrow{color:#ed8936;transform:translate(4px)}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-info h3{font-size:2rem;color:#2d3748;margin-bottom:.25rem}.stat-info p{color:#718096;font-size:.875rem}.recent-news-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.recent-news-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#2d3748}.news-item{background:#f7fafc;padding:1rem;border-radius:8px;border-left:3px solid #FF6B35}.news-item-title{font-weight:600;color:#2d3748;margin-bottom:.5rem}.news-item-meta{display:flex;gap:1rem;font-size:.875rem;color:#718096}.dark-mode .admin-dashboard-page{background:#1a202c;color:#e2e8f0}.dark-mode .stat-card,.dark-mode .recent-news-section{background:#2d3748;color:#e2e8f0}.dark-mode .stat-info h3,.dark-mode .recent-news-section h2{color:#f7fafc}.dark-mode .stat-info p{color:#cbd5e0}.dark-mode .news-item{background:#1a202c;border-left-color:#ff6b35}.dark-mode .news-item-title{color:#f7fafc}.dark-mode .news-item-meta{color:#a0aec0}.dark-mode .stat-card.clickable:hover{background:#4a5568}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.admin-news-page{padding:2rem 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h2{font-size:2rem;color:#2d3748}.search-input{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;min-width:200px}.news-list{display:grid;gap:1rem}.news-item{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:1rem}.news-item-content{flex:1}.news-item-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.news-item-meta{display:flex;gap:1rem;font-size:.875rem;color:#718096;margin-bottom:.5rem}.news-item-badges{display:flex;gap:.5rem}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.badge-success{background:#48bb78;color:#fff}.badge-warning{background:#ed8936;color:#fff}.badge-danger{background:#f56565;color:#fff}.news-item-actions,.share-buttons-mini{display:flex;gap:.5rem;align-items:center}.btn-share{width:36px;height:36px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem;color:#fff}.btn-share-twitter{background:#1da1f2}.btn-share-twitter:hover{background:#1a8cd8;transform:translateY(-2px)}.btn-share-facebook{background:#1877f2}.btn-share-facebook:hover{background:#166fe5;transform:translateY(-2px)}.btn-share-whatsapp{background:#25d366}.btn-share-whatsapp:hover{background:#20ba5a;transform:translateY(-2px)}.btn-share-copy{background:#718096}.btn-share-copy:hover{background:#4a5568;transform:translateY(-2px)}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.bulk-actions{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.selected-count{font-weight:600;color:#2d3748}.news-list-header{padding:1rem;background:#f7fafc;border-radius:8px;margin-bottom:1rem}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#2d3748}.select-all-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.news-checkbox{display:flex;align-items:center;cursor:pointer;padding:.5rem}.news-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.news-item{position:relative}.news-item.selected{background:#edf2f7;border:2px solid #FF6B35}@media (max-width: 768px){.news-item{flex-direction:column;align-items:flex-start}.news-checkbox{position:absolute;top:1rem;right:1rem}.bulk-actions{flex-direction:column;align-items:stretch}.bulk-actions button{width:100%}}.admin-news-form-page{padding:2rem 0}.news-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-weight:500;color:#2d3748}.btn-add-category{padding:.4rem .8rem;font-size:.85rem;background:#48bb78;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.4rem;font-weight:500}.btn-add-category:hover{background:#38a169;transform:translateY(-1px)}.new-category-form{background:#f7fafc;padding:1.5rem;border-radius:8px;border:2px dashed #cbd5e0;margin-bottom:1rem}.category-success-message{background:#c6f6d5;color:#22543d;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.category-success-message i{color:#22543d}.new-category-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.selected-categories{margin-bottom:1rem}.selected-categories-label{display:block;font-size:.9rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.selected-categories-list{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag{display:inline-flex;align-items:center;gap:.5rem;background:#ff6b35;color:#fff;padding:.5rem .75rem;border-radius:20px;font-size:.9rem;font-weight:500}.category-remove-btn{background:#ffffff4d;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;font-size:.75rem}.category-remove-btn:hover{background:#ffffff80;transform:scale(1.1)}.categories-checkbox-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;padding:1rem;background:#f7fafc;border-radius:8px;border:2px solid #e2e8f0;max-height:300px;overflow-y:auto}.category-checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s}.category-checkbox-item:hover{background:#edf2f7}.category-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#FF6B35}.category-checkbox-item span{font-size:.95rem;color:#2d3748;-webkit-user-select:none;user-select:none}.no-categories{text-align:center;color:#718096;padding:1rem;font-style:italic}.category-warning{margin-top:.5rem;color:#e53e3e;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.category-warning i{font-size:.9rem}@media (max-width: 768px){.categories-checkbox-list{grid-template-columns:1fr}}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.toggle-group{margin-bottom:1.5rem}.toggle-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:1rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.toggle-label:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.toggle-text{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#2d3748;font-size:1rem}.toggle-text i{color:#ff6b35;font-size:1.1rem}.toggle-switch{position:relative;display:inline-block;width:56px;height:32px;flex-shrink:0}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:all .3s ease;border-radius:34px;box-shadow:inset 0 2px 4px #0000001a}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-slider{background-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3533}.toggle-input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-input:focus+.toggle-slider{box-shadow:0 0 0 3px #ff6b354d}.toggle-input:checked~.toggle-text i.fa-star,.toggle-label:has(.toggle-input:checked) .toggle-text i.fa-star{color:#ff6b35;animation:pulse .5s ease}.toggle-input:checked~.toggle-text i.fa-globe,.toggle-label:has(.toggle-input:checked) .toggle-text i.fa-globe{color:#48bb78;animation:pulse .5s ease}.toggle-label.active .toggle-text i.fa-star{color:#ff6b35}.toggle-label.active .toggle-text i.fa-globe{color:#48bb78}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary:hover:not(:disabled){background:#e55a2b}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.image-upload-container{display:flex;flex-direction:column;gap:1rem}.image-upload-options{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.btn-upload{padding:.75rem 1.5rem;background:#48bb78;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-upload:hover:not(:disabled){background:#38a169;transform:translateY(-1px)}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.upload-or{color:#718096;font-size:.9rem;font-weight:500}.image-url-input{flex:1;min-width:200px}.btn-son-dakika{padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-son-dakika:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.btn-son-dakika i{font-size:1.1rem}.image-preview{position:relative;width:100%;max-width:500px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0;background:#f7fafc}.image-preview img{width:100%;height:auto;display:block;max-height:300px;object-fit:contain}.btn-remove-image{position:absolute;top:.5rem;right:.5rem;background:#e53e3ee6;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9rem}.btn-remove-image:hover{background:#e53e3e;transform:scale(1.1)}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.share-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e2e8f0}.share-modal-header h3{margin:0;color:#2d3748;font-size:1.5rem}.share-modal-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.share-modal-close:hover{background:#f7fafc;color:#2d3748}.share-modal-content{padding:1.5rem}.share-modal-text{font-size:1.1rem;color:#4a5568;margin-bottom:1.5rem;text-align:center}.share-options{display:flex;flex-direction:column;gap:2rem}.share-link-section label,.share-buttons-section label{display:block;font-weight:600;color:#2d3748;margin-bottom:.75rem;font-size:.95rem}.share-link-input-group{display:flex;gap:.5rem}.share-link-input{flex:1;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#f7fafc;color:#2d3748}.btn-copy-link{white-space:nowrap;padding:.75rem 1.5rem}.share-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.share-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;color:#fff}.share-btn-twitter{background:#1da1f2;border-color:#1da1f2}.share-btn-twitter:hover{background:#1a8cd8;transform:translateY(-2px);box-shadow:0 4px 12px #1da1f24d}.share-btn-facebook{background:#1877f2;border-color:#1877f2}.share-btn-facebook:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 4px 12px #1877f24d}.share-btn-whatsapp{background:#25d366;border-color:#25d366}.share-btn-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.share-btn-telegram{background:#08c;border-color:#08c}.share-btn-telegram:hover{background:#0077b5;transform:translateY(-2px);box-shadow:0 4px 12px #0088cc4d}.share-modal-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.share-modal-actions .btn{flex:1}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.image-upload-options{flex-direction:column;align-items:stretch}.btn-upload{width:100%;justify-content:center}.upload-or{text-align:center}.share-modal{margin:1rem;max-height:95vh}.share-buttons-grid{grid-template-columns:1fr}.share-link-input-group,.share-modal-actions{flex-direction:column}}.admin-categories-page{padding:2rem 0}.page-header{margin-bottom:2rem}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.category-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;position:relative}.category-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.category-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.category-card h3{font-size:1.25rem;margin:0;color:#2d3748;flex:1}.btn-delete-category{background:#fc8181;color:#fff;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;flex-shrink:0}.btn-delete-category:hover:not(:disabled){background:#f56565;transform:scale(1.1)}.btn-delete-category:disabled{opacity:.6;cursor:not-allowed}.category-slug{color:#718096;font-size:.875rem;margin:.5rem 0}.category-slug code{background:#edf2f7;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#ff6b35;font-size:.85rem}.category-date{color:#a0aec0;font-size:.8rem;margin:.5rem 0 0;display:flex;align-items:center;gap:.5rem}.category-date i{font-size:.75rem}@media (max-width: 768px){.categories-list{grid-template-columns:1fr}}.admin-contact-messages-page{padding:2rem 0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h2{font-size:2rem;color:#2d3748;margin-bottom:.5rem}.page-description{color:#718096;font-size:.95rem}.unread-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f56565;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;margin-top:.5rem}.page-actions{display:flex;gap:1rem}.filter-select{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.messages-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;min-height:500px}.messages-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-y:auto;max-height:80vh}.message-item{padding:1.5rem;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .2s}.message-item:last-child{border-bottom:none}.message-item:hover{background:#f7fafc}.message-item.unread{background:#edf2f7;border-left:4px solid #FF6B35}.message-item.unread:hover{background:#e2e8f0}.message-item.selected{background:#e6f3ff;border-left:4px solid #FF6B35}.message-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.message-item-title{flex:1;display:flex;align-items:center;gap:.5rem}.unread-dot{width:8px;height:8px;background:#ff6b35;border-radius:50%;flex-shrink:0}.message-item-title strong{color:#2d3748;font-size:1rem}.message-item-date{font-size:.75rem;color:#718096;white-space:nowrap}.message-item-meta{display:flex;gap:1rem;font-size:.875rem;color:#718096;margin-bottom:.5rem;flex-wrap:wrap}.message-item-meta span{display:flex;align-items:center;gap:.25rem}.message-item-meta i{font-size:.75rem}.message-item-preview{font-size:.875rem;color:#4a5568;line-height:1.5}.message-detail{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;overflow-y:auto;max-height:80vh}.message-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;gap:1rem}.message-detail-header h3{font-size:1.5rem;color:#2d3748;margin:0;flex:1}.message-detail-actions{display:flex;gap:.5rem}.message-detail-content{display:flex;flex-direction:column;gap:2rem}.message-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;background:#f7fafc;border-radius:8px}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4a5568}.meta-item i{color:#ff6b35;width:16px}.meta-item strong{color:#2d3748}.meta-item a{color:#ff6b35;text-decoration:none}.meta-item a:hover{text-decoration:underline}.status-read{color:#48bb78;font-weight:600}.status-unread{color:#f56565;font-weight:600}.message-detail-body{padding:1.5rem;background:#f7fafc;border-radius:8px}.message-detail-body h4{font-size:1.125rem;color:#2d3748;margin-bottom:1rem}.message-detail-body p{color:#4a5568;line-height:1.8;white-space:pre-wrap}.message-detail-placeholder{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#718096}.message-detail-placeholder i{font-size:3rem;margin-bottom:1rem;color:#cbd5e0}.message-detail-placeholder p{font-size:1.1rem}.empty-state{text-align:center;padding:3rem}.empty-state i{font-size:3rem;color:#cbd5e0;margin-bottom:1rem}.empty-state p{color:#718096;font-size:1.1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-primary{background:#ff6b35;color:#fff}.btn-primary:hover{background:#e55a2b}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover{background:#4a5568}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}@media (max-width: 968px){.messages-container{grid-template-columns:1fr}.message-detail{max-height:none}}@media (max-width: 768px){.page-header,.message-detail-header{flex-direction:column}.message-detail-meta{grid-template-columns:1fr}}.admin-analytics-page{padding:2rem 0;max-width:1400px;margin:0 auto}.analytics-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.analytics-header h1{font-size:2rem;color:#2d3748;margin:0}.back-button{background:#f7fafc;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;cursor:pointer;color:#4a5568;font-size:.875rem;transition:all .2s;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:#edf2f7;border-color:#cbd5e0}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.summary-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.summary-info h3{font-size:2rem;color:#2d3748;margin-bottom:.25rem}.summary-info p{color:#718096;font-size:.875rem}.period-selector{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:fit-content}.period-selector button{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#4a5568;font-size:.875rem;transition:all .2s}.period-selector button:hover{background:#f7fafc}.period-selector button.active{background:#ed8936;color:#fff}.analytics-chart-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.analytics-chart-card h2{font-size:1.5rem;color:#2d3748;margin-bottom:1.5rem}.chart-container{min-height:300px;padding:1rem 0}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:2px;height:300px;padding-bottom:2.5rem;padding-top:1rem}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.chart-bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:20px;height:100%;position:relative}.chart-bar{width:100%;max-width:50px;min-height:8px;border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;box-sizing:border-box;align-self:flex-end}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-bar-value{font-size:.65rem;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s;background:#000000b3;padding:.25rem .5rem;border-radius:4px;pointer-events:none;z-index:10}.chart-bar:hover .chart-bar-value{opacity:1}.chart-bar:hover{opacity:.9;transform:scaleY(1.02);filter:brightness(1.1)}.chart-label{font-size:.7rem;color:#718096;margin-top:.25rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-height:1.2rem}.chart-legend{display:flex;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4a5568}.legend-color{width:16px;height:16px;border-radius:4px}.analytics-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.analytics-detail-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.analytics-detail-card h2{font-size:1.5rem;color:#2d3748;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.top-news-list{display:flex;flex-direction:column;gap:1rem}.top-news-item{display:flex;gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px;border-left:3px solid #ed8936;transition:all .2s}.top-news-item:hover{background:#edf2f7;transform:translate(4px)}.top-news-rank{font-size:1.5rem;font-weight:700;color:#ed8936;min-width:40px;display:flex;align-items:center;justify-content:center}.top-news-content{flex:1}.top-news-title{font-weight:600;color:#2d3748;margin-bottom:.5rem;line-height:1.4}.top-news-meta{display:flex;gap:1rem;font-size:.875rem;color:#718096}.top-news-meta span{display:flex;align-items:center;gap:.25rem}.category-stats-list{display:flex;flex-direction:column;gap:1.5rem}.category-stat-item{padding:1rem;background:#f7fafc;border-radius:8px}.category-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.category-name{font-weight:600;color:#2d3748;font-size:1rem}.category-rank{font-size:.875rem;color:#718096;background:#fff;padding:.25rem .5rem;border-radius:4px}.category-stat-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.category-stat-fill{height:100%;border-radius:4px;transition:width .3s ease}.category-stat-details{display:flex;gap:1rem;font-size:.875rem;color:#718096;flex-wrap:wrap}.category-stat-details span{display:flex;align-items:center;gap:.25rem}.dark-mode .admin-analytics-page{background:#1a202c;color:#e2e8f0}.dark-mode .analytics-header h1{color:#f7fafc}.dark-mode .back-button{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-mode .back-button:hover{background:#4a5568}.dark-mode .summary-card,.dark-mode .analytics-chart-card,.dark-mode .analytics-detail-card{background:#2d3748;color:#e2e8f0}.dark-mode .summary-info h3,.dark-mode .analytics-chart-card h2,.dark-mode .analytics-detail-card h2{color:#f7fafc}.dark-mode .summary-info p{color:#cbd5e0}.dark-mode .period-selector{background:#2d3748}.dark-mode .period-selector button{color:#cbd5e0}.dark-mode .period-selector button:hover{background:#4a5568}.dark-mode .period-selector button.active{background:#ed8936;color:#fff}.dark-mode .chart-label{color:#a0aec0}.dark-mode .chart-legend{border-top-color:#4a5568}.dark-mode .legend-item{color:#cbd5e0}.dark-mode .top-news-item{background:#1a202c;border-left-color:#ed8936}.dark-mode .top-news-item:hover{background:#2d3748}.dark-mode .top-news-title{color:#f7fafc}.dark-mode .top-news-meta{color:#a0aec0}.dark-mode .category-stat-item{background:#1a202c}.dark-mode .category-name{color:#f7fafc}.dark-mode .category-rank{background:#2d3748;color:#a0aec0}.dark-mode .category-stat-bar{background:#4a5568}.dark-mode .category-stat-details{color:#a0aec0}@media (max-width: 768px){.analytics-summary,.analytics-details-grid{grid-template-columns:1fr}.chart-bars{gap:2px}.chart-bar{max-width:20px}.chart-label{font-size:.6rem}}.admin-not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.admin-not-found-content{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.admin-not-found-icon{font-size:4rem;color:#e74c3c;margin-bottom:1rem}.admin-not-found-content h1{font-size:5rem;font-weight:900;color:#2c3e50;margin:0;line-height:1}.admin-not-found-content h2{font-size:1.5rem;color:#34495e;margin:1rem 0;font-weight:600}.admin-not-found-content p{font-size:1rem;color:#7f8c8d;margin:1rem 0 2rem}.admin-not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.admin-not-found-actions .btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer;font-size:.95rem}.admin-not-found-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-not-found-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.admin-not-found-actions .btn-secondary{background:#ecf0f1;color:#2c3e50;border:2px solid #bdc3c7}.admin-not-found-actions .btn-secondary:hover{background:#d5dbdb;border-color:#95a5a6;transform:translateY(-2px)}@media (max-width: 768px){.admin-not-found-content{padding:1.5rem}.admin-not-found-icon{font-size:3rem}.admin-not-found-content h1{font-size:3.5rem}.admin-not-found-actions{flex-direction:column}.admin-not-found-actions .btn{width:100%;justify-content:center}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);padding:2rem}.error-boundary-content{background:#fff;padding:3rem;border-radius:16px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:500px}.error-boundary-content h1{color:#2d3748;font-size:2rem;margin-bottom:1rem}.error-boundary-content p{color:#718096;margin-bottom:2rem}.error-boundary-button{background:#ff6b35;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.error-boundary-button:hover{background:#e55a2b;transform:translateY(-2px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e55a2b}.dark-mode,.dark-mode body{background-color:#1a202c;color:#e2e8f0}.dark-mode .container,.dark-mode .news-card,.dark-mode .news-detail-article,.dark-mode .popular-news,.dark-mode .reading-history{background:#2d3748;color:#e2e8f0}.dark-mode .news-card-title,.dark-mode .news-detail-title{color:#f7fafc}.dark-mode .news-card-description,.dark-mode .news-detail-body,.dark-mode .news-detail-description{color:#cbd5e0}.dark-mode .empty-state{color:#a0aec0}.dark-mode .popular-news,.dark-mode .recent-searches,.dark-mode .tags-display{background:#2d3748;border-color:#4a5568}.dark-mode .tag-item,.dark-mode .search-item{background:#1a202c;color:#cbd5e0;border-color:#4a5568}.dark-mode .tag-item:hover,.dark-mode .search-item:hover{background:#ff6b35;color:#fff}.dark-mode .copy-link-btn,.dark-mode .like-btn,.dark-mode .bookmark-btn{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0;border-color:#4a5568;box-shadow:0 2px 8px #0000004d}.dark-mode .copy-link-btn:hover,.dark-mode .like-btn:hover,.dark-mode .bookmark-btn:hover{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;border-color:#718096;box-shadow:0 4px 12px #0006}.dark-mode .like-btn.liked{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border-color:#ec4899;box-shadow:0 4px 16px #ec489966}.dark-mode .bookmark-btn.bookmarked{background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff;border-color:#ff6b35;box-shadow:0 4px 16px #ff6b3566}.dark-mode .copy-link-btn.copied{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 4px 16px #10b98166}.dark-mode .tts-settings{background:#2d3748}.dark-mode .news-section{color:#e2e8f0}.dark-mode .section-header{border-bottom-color:#4a5568}.dark-mode .section-header h2{color:#f7fafc}.dark-mode .news-card{background:#2d3748;border-color:#4a5568}.dark-mode .news-title{color:#f7fafc}.dark-mode .news-excerpt{color:#cbd5e0}.dark-mode .news-meta{color:#a0aec0}.dark-mode .news-slider{color:#e2e8f0}.dark-mode .slider-header h2{color:#f7fafc}.dark-mode .popular-news{background:#2d3748;border-color:#4a5568}.dark-mode .popular-news-title{color:#f7fafc;border-bottom-color:#4a5568}.dark-mode .popular-news-item-title{color:#f7fafc}.dark-mode .popular-news-meta{color:#a0aec0}.dark-mode .reading-history{background:#2d3748;border-color:#4a5568}.dark-mode .reading-history-header h3,.dark-mode .reading-history-title{color:#f7fafc}.dark-mode .reading-history-time{color:#a0aec0}.dark-mode .recent-searches{background:#2d3748;border-color:#4a5568}.dark-mode .recent-searches-header h3{color:#f7fafc}.dark-mode .recent-searches-header{border-bottom-color:#4a5568}.dark-mode ::-webkit-scrollbar-track{background:#2d3748}.dark-mode ::-webkit-scrollbar-thumb{background:#4a5568}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#718096}