:root{--primary-color: #1B4E3B;--secondary-color: #267055;--accent-color: #3EB489;--light-green: #7CD2B3;--very-light-green: #9EDEC6;--text-dark: #333333;--text-light: #666666;--gradient-primary: linear-gradient(135deg, #1B4E3B 0%, #3EB489 100%);--gradient-secondary: linear-gradient(135deg, #267055 0%, #1B4E3B 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--text-dark);padding-top:0}.npp-info-bar{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:.75rem 0;font-size:1rem;border-bottom:3px solid var(--accent-color)}.navbar{background:#1b4e3bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;transition:all .3s ease;padding:12px 0;position:sticky;top:0;z-index:1000}.navbar-brand{font-weight:700;font-size:1.4rem;color:#fff!important;display:flex;align-items:center;gap:8px;transition:all .3s ease;margin-right:2rem;flex-shrink:0}.navbar-brand:hover{transform:scale(1.02)}.navbar-brand i{font-size:1.3rem;color:var(--accent-color);flex-shrink:0}.navbar-brand-text{font-size:1.2rem;line-height:1.2;white-space:nowrap}.navbar .container{max-width:100%;padding:0 1rem}.navbar-nav{flex:1;justify-content:center;gap:.5rem}.mega-menu{position:static!important}.mega-menu .dropdown-menu{position:absolute;top:100%;left:0;right:0;max-width:1600px;margin:0 auto;background:#fff;border:none;border-radius:0 0 20px 20px;box-shadow:0 15px 50px #00000026;padding:2rem 0;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1);border-top:4px solid var(--accent-color);max-height:80vh;overflow-y:auto;display:block}.mega-menu:hover .dropdown-menu,.mega-menu .dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.nav-link{color:#ffffffe6!important;font-weight:500;font-size:.9rem;transition:all .3s ease;position:relative;padding:10px 14px!important;margin:0 2px;border-radius:8px;display:flex;align-items:center;gap:6px;white-space:nowrap}.nav-link:hover{color:#fff!important;background:#ffffff1a;transform:translateY(-2px)}.nav-link.active{color:#fff!important;background:#3eb48933;position:relative}.nav-link.active:not(.dropdown-toggle):after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:30px;height:3px;background:var(--accent-color);border-radius:2px}.nav-link.dropdown-toggle.active,.nav-item.active>.nav-link.dropdown-toggle,.mega-menu.active>.nav-link.dropdown-toggle{position:relative;color:#fff!important;background:#3eb48933}.nav-link.dropdown-toggle.active:before,.nav-item.active>.nav-link.dropdown-toggle:before,.mega-menu.active>.nav-link.dropdown-toggle:before{content:"";position:absolute;top:50%;left:8px;transform:translateY(-50%);width:4px;height:4px;background:var(--accent-color);border-radius:50%;animation:pulse 2s infinite}.dropdown-item.active{background:#3eb4891a;color:var(--primary-color)!important;font-weight:600}.nav-item.has-active-child>.nav-link{color:#fff!important;background:#3eb48926;font-weight:600}.nav-item.dropdown.has-active-child>.nav-link.dropdown-toggle:before{content:"";position:absolute;top:50%;left:8px;transform:translateY(-50%);width:4px;height:4px;background:var(--accent-color);border-radius:50%;animation:pulse 2s infinite}.dropdown-item.has-active-child{background:#3eb4890d;font-weight:600}.nav-link i{font-size:.8rem;width:16px;text-align:center}.mega-content{padding:0 2rem}.mega-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(27,78,59,.1)}.mega-header h3{color:var(--primary-color);font-weight:700;font-size:1.6rem;margin-bottom:.5rem}.mega-header p{color:var(--text-light);font-size:.9rem;margin:0}.mega-section{margin-bottom:1.5rem}.mega-section h4{color:var(--primary-color);font-weight:600;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--light-green);display:flex;align-items:center;gap:8px}.mega-section h4 i{color:var(--accent-color);font-size:1rem}.mega-items-scroll{max-height:300px;overflow-y:auto;padding-right:10px}.mega-items-scroll::-webkit-scrollbar{width:6px}.mega-items-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.mega-items-scroll::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.mega-item{display:flex;align-items:center;padding:10px 12px;margin-bottom:6px;border-radius:10px;text-decoration:none;color:var(--text-dark);transition:all .3s ease;border:1px solid transparent;background:#9edec60d;font-size:.85rem}.mega-item.direct-link{background:linear-gradient(135deg,#3eb4891a,#1b4e3b14);border:1px solid rgba(62,180,137,.2);font-weight:600;margin-bottom:12px;padding:14px 16px}.mega-item.direct-link:hover{background:linear-gradient(135deg,#3eb48926,#1b4e3b1f);border-color:#3eb48966;transform:translate(12px);box-shadow:0 4px 15px #3eb48933}.mega-item.direct-link i{font-size:1.2rem;color:var(--accent-color);margin-right:12px}.mega-item.direct-link:hover i{color:var(--primary-color);transform:scale(1.1)}.mega-direct-tab-content{padding:2rem;text-align:center}.mega-direct-link-wrapper{max-width:500px;margin:0 auto}.mega-tab-direct-link{display:block;padding:2rem;background:linear-gradient(135deg,#3eb4891a,#1b4e3b14);border:2px solid rgba(62,180,137,.2);border-radius:20px;text-decoration:none;color:var(--text-dark);transition:all .3s ease;text-align:center}.mega-tab-direct-link:hover{background:linear-gradient(135deg,#3eb48926,#1b4e3b1f);border-color:#3eb48966;transform:translateY(-5px);box-shadow:0 8px 25px #3eb48933;color:var(--primary-color)}.mega-tab-direct-link i{font-size:3rem;color:var(--accent-color);margin-bottom:1rem;display:block;transition:all .3s ease}.mega-tab-direct-link:hover i{color:var(--primary-color);transform:scale(1.1)}.mega-direct-content h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.mega-direct-content p{font-size:1rem;color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}.mega-direct-cta{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--accent-color);font-size:.9rem}.mega-tab-direct-link:hover .mega-direct-cta{color:var(--primary-color)}.mega-item:hover{background:var(--very-light-green);color:var(--primary-color);transform:translate(8px);box-shadow:0 6px 20px #1b4e3b26;border-color:var(--light-green)}.mega-item.active{background:#3eb4891a;color:var(--primary-color);border-color:var(--accent-color);font-weight:600;position:relative;overflow:hidden;border-left:4px solid var(--accent-color)!important;padding-left:16px!important}.mega-item.active i{background:var(--primary-color);transform:scale(1.1)}.mega-item.active .active-indicator{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.mega-item i{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:#fff;border-radius:5px;margin-right:10px;font-size:.7rem;transition:all .3s ease;flex-shrink:0}.mega-item:hover i{background:var(--primary-color);transform:scale(1.1)}.mega-item-text{flex:1;line-height:1.3}.mega-item-title{font-weight:600;margin-bottom:2px;font-size:.85rem}.mega-item-desc{font-size:.75rem;color:var(--text-light);margin:0}.mega-submenu{margin-bottom:1.5rem;border:1px solid rgba(27,78,59,.1);border-radius:12px;overflow:hidden;background:#9edec608}.mega-submenu-title{display:flex;align-items:center;padding:12px 15px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:600;font-size:.9rem;border-bottom:2px solid var(--accent-color);gap:8px}.mega-submenu-title i{font-size:.8rem;color:var(--very-light-green);width:16px;text-align:center}.mega-item.small{padding:8px 15px;margin-bottom:3px;font-size:.8rem;background:#ffffffb3;border:none;border-bottom:1px solid rgba(27,78,59,.05)}.mega-item.small:last-child{border-bottom:none;margin-bottom:0}.mega-item.small:hover{background:var(--light-green);color:var(--primary-color);transform:translate(5px);box-shadow:0 3px 12px #1b4e3b1a}.mega-item.small i{width:14px;height:14px;font-size:.65rem;background:var(--secondary-color);margin-right:8px}.mega-item.small:hover i{background:var(--primary-color);transform:scale(1.05)}.mega-item.small .mega-item-title{font-size:.8rem;font-weight:500;line-height:1.2}.mega-tabs{border-bottom:2px solid #eee;margin-bottom:1.5rem}.mega-tab{display:inline-block;padding:10px 20px;background:transparent;border:none;color:var(--text-light);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;border-bottom:3px solid transparent}.mega-tab.active,.mega-tab:hover{color:var(--primary-color);border-bottom-color:var(--accent-color);transform:translateY(-2px)}.mega-tab.current-page{background:#3eb4891a;border-color:var(--accent-color);font-weight:700;position:relative}.mega-tab.current-page:before{content:"";position:absolute;top:50%;left:8px;transform:translateY(-50%);width:4px;height:4px;background:var(--accent-color);border-radius:50%}.active-indicator{display:inline-block;width:6px;height:6px;background:var(--accent-color);border-radius:50%;margin-left:8px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.mega-tab-content{display:none}.mega-tab-content.active{display:block}.mega-featured{background:linear-gradient(135deg,var(--very-light-green),rgba(62,180,137,.1));border-radius:15px;padding:1.5rem;text-align:center;border:2px solid var(--light-green)}.mega-featured h5{color:var(--primary-color);font-weight:700;margin-bottom:1rem;font-size:1rem}.mega-featured .btn{background:var(--gradient-primary);border:none;color:#fff;padding:8px 20px;border-radius:20px;font-weight:600;transition:all .3s ease;font-size:.85rem}.mega-featured .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1b4e3b4d}.search-box{position:relative;margin-left:auto;flex-shrink:0}.search-box input{border-radius:20px;border:2px solid rgba(255,255,255,.2);padding:.5rem 2.8rem .5rem 2.5rem;width:220px;background:#ffffff1a;color:#fff;transition:all .3s ease;font-size:.85rem}.search-box input::placeholder{color:#ffffffb3}.search-box input:focus{border-color:var(--accent-color);background:#ffffff26;box-shadow:0 0 0 3px #3eb48933;outline:none;width:280px;color:#fff}.search-box i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:.8rem}.search-box button{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:none;background:linear-gradient(135deg,var(--accent-color),var(--light-green));color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.search-box button:hover{transform:translateY(-50%) scale(1.05)}.search-box button i{font-size:.7rem;position:static;transform:none;color:#fff}.mobile-tab-select{display:none;width:100%;padding:10px;margin-bottom:1rem;border:2px solid var(--accent-color);border-radius:8px;background:#fff;color:var(--primary-color);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:25px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;font-size:.9rem;min-height:44px;font-family:inherit}.btn:focus{outline:none;box-shadow:0 0 0 3px #3eb48933}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--accent-color) 0%,var(--light-green) 100%);color:#fff;border:2px solid var(--accent-color);box-shadow:0 4px 15px #3eb48940}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--light-green) 0%,var(--very-light-green) 100%);border-color:var(--light-green);transform:translateY(-2px);box-shadow:0 8px 25px #3eb48959;color:#fff}.btn-secondary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:2px solid var(--primary-color);box-shadow:0 4px 15px #1b4e3b40}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 8px 25px #1b4e3b59;color:#fff}.btn-outline-primary{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:0 2px 8px #3eb4891a}.btn-outline-primary:hover:not(:disabled){background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #3eb4894d;border-color:var(--accent-color)}.btn-outline-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 2px 8px #1b4e3b1a}.btn-outline-secondary:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #1b4e3b4d}.btn i{transition:transform .3s ease}.btn:hover i{transform:translate(2px)}.btn i:first-child{margin-right:.5rem}.btn i:last-child{margin-left:.5rem}.btn i:only-child{margin:0}.btn-sm{padding:.5rem 1.5rem;font-size:.8rem;min-height:36px;border-radius:20px}.btn-lg{padding:1rem 2.5rem;font-size:1rem;min-height:52px;border-radius:30px}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--accent-color),var(--light-green));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 12px 35px #3eb48966;color:#fff;background:linear-gradient(135deg,var(--light-green),var(--accent-color))}.back-to-top.show{opacity:1;visibility:visible}.section-title{text-align:center;margin-bottom:3rem;position:relative}.section-title h2{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--accent-color);border-radius:2px}.footer{background:var(--primary-color);color:#fff;padding:3rem 0 1rem}.footer h5{color:var(--very-light-green);margin-bottom:1rem}.footer a{color:#fff;text-decoration:none;transition:all .3s ease}.footer a:hover{color:var(--very-light-green)}.social-links a{display:inline-block;margin-right:1rem;font-size:1.5rem}.npp-footer{margin:1.5rem 0;padding:1rem;background:#ffffff1a;border-radius:10px;border-left:4px solid var(--accent-color)}.npp-badge{display:flex;align-items:center;margin-bottom:.5rem}.npp-label{font-weight:600;margin-right:.5rem;color:var(--very-light-green)}.npp-number{font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;color:#fff;background:#3eb4894d;padding:.2rem .5rem;border-radius:5px}.daily-visitors-footer{margin-top:1.5rem;padding:.75rem;background:#3eb48926;border-radius:8px;border-left:3px solid var(--accent-color)}.visitor-badge{display:flex;align-items:center;font-size:.9rem}.visitor-label{font-weight:500;margin-right:.5rem;color:var(--very-light-green)}.visitor-number{font-family:Courier New,monospace;font-weight:700;font-size:1rem;color:#fff;background:#3eb4894d;padding:.2rem .5rem;border-radius:5px;letter-spacing:.5px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.navbar-brand-text{display:none}.search-box input{width:180px}.search-box input:focus{width:220px}}@media (max-width: 991px){.navbar-brand{margin-right:1rem}.mega-menu .dropdown-menu{position:static!important;width:100%!important;border-radius:12px!important;box-shadow:0 8px 25px #0000001a!important;margin-top:10px!important;max-height:70vh!important;overflow-y:auto!important;overflow-x:hidden!important;background:#f8f9fa;border:2px solid var(--light-green);padding:1rem 0;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;-webkit-overflow-scrolling:touch}.mega-menu .dropdown-menu::-webkit-scrollbar{width:8px}.mega-menu .dropdown-menu::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.mega-menu .dropdown-menu::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.mega-menu .dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.mega-section.open .mega-section-content{max-height:300px!important;overflow-y:auto!important;padding:1rem}.mega-menu .dropdown-menu{scroll-behavior:smooth}.mega-menu .dropdown-menu.show{display:block!important}.mega-menu:hover .dropdown-menu{opacity:0;visibility:hidden;transform:translateY(-20px)}.mega-menu .dropdown-menu.show{opacity:1!important;visibility:visible!important;transform:none!important}.mega-content{padding:1rem}.mega-header{margin-bottom:1.5rem;text-align:left}.mega-header h3{font-size:1.3rem}.mega-section{margin-bottom:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.mega-section h4{font-size:1rem;margin-bottom:0;padding:1rem;background:var(--gradient-primary);color:#fff;cursor:pointer;position:relative;transition:all .3s ease;border-bottom:none}.mega-section h4:hover{background:var(--gradient-secondary)}.mega-section h4:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .3s ease}.mega-section.open h4:after{transform:translateY(-50%) rotate(180deg)}.mega-section h4 i{color:#fff;margin-right:.5rem}.mega-section-content{padding:0;max-height:0;overflow:hidden;transition:all .3s ease;background:#fff}.mega-section.open .mega-section-content{max-height:500px;padding:1rem}.nav-link.active:after,.nav-link.dropdown-toggle.active:after{display:none!important}.nav-link.dropdown-toggle.active:before,.nav-item.dropdown.has-active-child>.nav-link.dropdown-toggle:before{content:"";position:absolute;top:50%;left:12px;transform:translateY(-50%);width:6px;height:6px;background:var(--accent-color);border-radius:50%;animation:pulse 2s infinite}.nav-link.active:not(.dropdown-toggle){border-left:4px solid var(--accent-color);padding-left:20px!important}.mega-item{padding:12px;font-size:.85rem;margin-bottom:8px;background:#f8f9fa;border:1px solid #e9ecef}.mega-item:hover{background:var(--very-light-green);transform:none;box-shadow:0 2px 8px #1b4e3b1a}.mega-submenu{margin-bottom:1rem;border-radius:8px}.mega-submenu-title{padding:10px 12px;font-size:.85rem;background:var(--gradient-primary)}.mega-item.small{padding:10px 12px;font-size:.8rem;background:#f8f9fa;margin-bottom:2px}.mega-item.small:hover{transform:none;background:var(--very-light-green)}.mega-items-scroll{max-height:none;overflow:visible;padding-right:0}.mega-tabs{display:none}.mobile-tab-select{display:block}.mega-tab-content{display:block!important}.mega-tab-content.mobile-hidden{display:none!important}.mega-featured{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,var(--accent-color),var(--light-green));color:#fff}.mega-featured h5{color:#fff}.mega-featured .btn{background:#fff;color:var(--primary-color)}.search-box{margin-top:1rem;margin-left:0}.search-box input{width:100%}.navbar-collapse{background:#1b4e3bfa;margin-top:15px;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0000001a}.navbar-nav{justify-content:flex-start;gap:0}.nav-link{margin:4px 0;justify-content:flex-start;padding:12px 16px!important;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);position:relative}.nav-link:hover{background:#ffffff26;transform:none}.mega-section-content{transition:max-height .3s ease-out,padding .3s ease-out}}@media (max-width: 768px){.container{padding-left:1rem!important;padding-right:1rem!important}.navbar .container{padding:0 1rem}.mega-content{padding:.8rem}.mega-item{padding:10px;font-size:.8rem}.mega-header h3{font-size:1.2rem}.mega-section h4{font-size:.9rem}.back-to-top{bottom:1rem;right:1rem;width:45px;height:45px}}@media (max-width: 576px){.container{padding-left:1.25rem!important;padding-right:1.25rem!important}.navbar .container{padding:0 1rem}.navbar-brand,.navbar-brand i{font-size:1.1rem}.mega-header h3{font-size:1.3rem}.mega-menu .dropdown-menu{max-height:60vh!important}.mega-section.open .mega-section-content{max-height:250px!important}}.gallery-page{background:#f8f9fa}.toast{position:fixed;top:20px;right:20px;background:#fff;border:1px solid #ddd;border-radius:10px;padding:1rem 1.5rem;box-shadow:0 8px 25px #0000001a;z-index:10000;opacity:0;visibility:hidden;transform:translate(400px);transition:all .3s ease;max-width:300px}.toast.show{opacity:1;visibility:visible;transform:translate(0)}.toast.toast-success{border-left:4px solid var(--accent-color)}.toast.toast-error{border-left:4px solid #dc2626}.toast.toast-warning{border-left:4px solid #f59e0b}.toast-content{display:flex;align-items:center;gap:.5rem}.toast-content i{font-size:1.2rem}.toast-content i.fa-check-circle{color:var(--accent-color)}.toast-content i.fa-exclamation-circle{color:#dc2626}.toast-content i.fa-info-circle{color:#3b82f6}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1rem;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.toast-close:hover{background:#f3f4f6;color:#333}img.lazy{opacity:0;transition:opacity .3s ease}img.lazy.loaded{opacity:1}.loader{border:4px solid rgba(0,0,0,.1);border-left:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}.loader:after{content:""}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--gradient-primary);color:#fff;border-radius:12px 12px 0 0;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.filter-header:hover{background:var(--gradient-secondary)}.filter-title{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.filter-title i{color:var(--accent-color)}.filter-badge{background:var(--accent-color);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:.5rem}.filter-toggle-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:transform .3s ease;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.filter-toggle-btn:hover{background:#ffffff1a}.filter-toggle-btn.expanded{transform:rotate(180deg)}.filter-content{background:#fff;border-radius:0 0 12px 12px;border:1px solid rgba(27,78,59,.1);border-top:none;transition:all .3s ease;overflow:hidden}.filter-content.show{display:block!important;animation:slideDown .3s ease}.filter-content.hide{animation:slideUp .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.filter-card{background:transparent;border:none;box-shadow:none;border-radius:12px;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 15px #00000014}.filter-content .search-container,.filter-content .filters-container,.filter-content .tags-container{padding:1.5rem}.filter-content .filters-container,.filter-content .tags-container{padding-top:0}.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1rem}.calendar-month{padding:8px 12px;background:#3eb4891a;border:1px solid rgba(62,180,137,.2);border-radius:8px;text-align:center;transition:all .3s ease;text-decoration:none;color:var(--text-dark);position:relative;overflow:hidden}.calendar-month:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3eb4894d;text-decoration:none}.calendar-month.current-month{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.calendar-month.current-month:hover{background:var(--secondary-color);border-color:var(--secondary-color)}.month-name{font-size:.85rem;font-weight:500;margin-bottom:2px}.month-year{font-size:.75rem;opacity:.8;margin-bottom:2px}.month-count{font-size:.7rem;padding:2px 6px;background:#fff3;border-radius:10px;display:inline-block;margin-top:2px}.calendar-month:hover .month-count{background:#ffffff4d}.archive-years{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.year-selector{display:flex;flex-wrap:wrap;gap:6px;margin-top:.5rem}.year-link{padding:4px 8px;background:#1b4e3b1a;color:var(--primary-color);text-decoration:none;border-radius:6px;font-size:.8rem;font-weight:500;transition:all .3s ease}.year-link:hover{background:var(--primary-color);color:#fff;text-decoration:none}.year-link.active{background:var(--accent-color);color:#fff}.archive-summary{font-size:.8rem;color:var(--text-light);text-align:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.05)}@media (max-width: 768px){.calendar-grid{grid-template-columns:repeat(2,1fr);gap:6px}.calendar-month{padding:6px 8px}.month-name{font-size:.8rem}.month-year,.month-count{font-size:.7rem}.filter-header{padding:.75rem 1rem}.filter-title{font-size:1rem}.filter-toggle-btn{width:35px;height:35px;font-size:1rem}.filter-content .search-container,.filter-content .filters-container,.filter-content .tags-container{padding:1rem}.filter-content .filters-container,.filter-content .tags-container{padding-top:0}.filter-buttons{flex-direction:column;gap:.5rem}.filter-btn{text-align:left;justify-content:flex-start}}