@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*{font-family:Roboto,sans-serif}.sectionTitle{background-color:#fff}.sectionTitle h2{color:#f5f5f5;font-size:25px;margin-top:20px}label{color:grey;font-size:15px;font-weight:500;margin-bottom:5px}.inputField,.txtAreaFiled{background-color:#fff;border:none;color:#000!important;outline:2px solid #3c3f44}.inputField:focus,.txtAreaFiled:focus{background-color:#fff;outline:2px solid #0f35be}.siteBtn{background-color:#f5f5f5;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:15px;font-weight:600;padding:10px 15px;text-decoration:none!important}.siteBtn.editBtn{background-color:#4caf50;color:#f5f5f5}.siteBtn.deleteBtn{background-color:#f44336;color:#f5f5f5}.pagination{justify-content:flex-start;padding:20px 0}.page-item.disabled .page-link{background-color:grey;border-color:#000;color:#d3d3d3!important;pointer-events:none}.pagination .page-link{background-color:#ededed;color:#000}.pagination .page-item.active .page-link{background-color:#f5f5f5!important;border-color:#f5f5f5!important;color:#dcd6d6;font-weight:500}.tableContainer tbody,.tableContainer thead{background-color:#dadada;color:#000}.fade-in{animation:fadeIn .3s ease-in}.slide-up{animation:slideUp .3s ease-out}body{padding-top:0}.btn,button{background-color:#2c7be5;border:1px solid #0000;border-radius:.25rem;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;line-height:1.5;padding:.75rem 1.5rem;text-align:center;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn,.btn:hover:not(:disabled),button,button:hover:not(:disabled){text-decoration:none}.btn:disabled,button:disabled{background-color:var(--light-gray);color:var(--medium-gray);cursor:not-allowed;opacity:.65}.btn.secondary,button.secondary{background-color:var(--white);border:1px solid #2c7be5;color:#2c7be5}.btn.secondary:hover:not(:disabled),button.secondary:hover:not(:disabled){background-color:var(--primary-light-blue)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-4{padding-left:1rem;padding-right:1rem}.m-4{margin:1rem}.my-4{margin-bottom:1rem}.mt-4,.my-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.hero,.text-center{text-align:center}.hero{background:linear-gradient(to right,var(--primary-color),var(--primary-hover));color:#fff;padding:4rem 2rem}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero p{font-size:1.125rem;margin:0 auto;max-width:600px;opacity:.9}.news-card{background:var(--background-white)}.news-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-4px)}.news-card img{height:200px;object-fit:cover;width:100%}.news-card .content{padding:1.5rem}.news-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.news-card p{color:var(--text-secondary);line-height:1.6}.form-control{border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition)}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.alert{border-radius:var(--border-radius);margin-bottom:1rem;padding:1rem}.alert-success{background-color:#ecfdf5;border:1px solid #34d399;color:#065f46}.alert-error{background-color:#fef2f2;border:1px solid #f87171;color:#991b1b}.alert-info{background-color:#eff6ff;border:1px solid #60a5fa;color:#1e40af}.skeleton{animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--background-light) 25%,var(--border-color) 37%,var(--background-light) 63%);background-size:400% 100%}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}.corporate-nav{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(90deg,#fff 1%,#fff 30%,#fff0);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000040;color:#000;justify-content:space-between;left:10%;max-width:1200px;padding:1rem 2rem;position:fixed;top:1%;transform:translateX(-50%);transition:all .3s ease;width:90%;z-index:1000}.corporate-nav,.logo{align-items:center;display:flex}.logo{background-color:initial;text-decoration:none}.logo img{display:block;height:auto;max-width:100%;mix-blend-mode:multiply}.logo-icon{align-items:center;background:linear-gradient(135deg,#c92115,#1976d2);border-radius:8px;box-shadow:0 4px 15px #2196f34d;display:flex;height:40px;justify-content:center;margin-right:12px;position:relative;transition:transform .3s ease;width:40px}.logo-icon:hover{transform:translateY(-2px)}.logo-icon:before{background:#fff;border-radius:3px;content:"";height:20px;position:absolute;transform:rotate(45deg);width:20px}.nav-links{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:#666;font-size:15px;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:hover{color:#2196f3}.nav-links a:after{background:linear-gradient(90deg,#2196f3,#1976d2);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.main-menu a.active{color:blue}.contact-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:25px;box-shadow:0 4px 15px #2196f34d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.contact-btn:hover{box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.contact-btn:active{transform:translateY(0)}.menu-toggle{color:#666;font-size:1.5rem;padding:.5rem}@media (min-width:992px){.menu-toggle,.mobile-only{display:none!important}.main-menu{background:none!important;box-shadow:none!important;height:auto!important;overflow:visible!important;position:static!important;transform:none!important;visibility:visible!important;width:auto!important}.nav-links{display:flex!important}.contact-btn{display:inline-block!important}}@media (max-width:991.98px){.contact-btn,.nav-links{display:none!important}.menu-togglem{display:block!important}.desktop-only{display:none!important}.main-menu:not(.show){transform:translateX(100%)!important;visibility:hidden}.dropdown-menu:not(.show){max-height:0!important;overflow:hidden!important}}.mobile-menu{background:#fff;border-radius:0 0 15px 15px;box-shadow:0 4px 6px #0000001a;display:none;left:0;padding:1rem;position:absolute;right:0;top:100%;z-index:999}@media (max-width:991.98px){.corporate-nav{padding:1rem}.contact-btn,.nav-links{display:none}.menu-toggle{display:block}.mobile-menu{display:flex;flex-direction:column;gap:1rem}.mobile-menu a{border-bottom:1px solid #eee;color:#666;padding:.75rem 0;text-decoration:none}.mobile-menu a:last-child{border-bottom:none}.mobile-menu .contact-btn{display:inline-block;margin-top:.5rem;text-align:center}}@media (min-width:992px){.mobile-menu{display:none!important}}.corporate-nav.hidden{transform:translateY(-100%)}.corporate-nav.visible{box-shadow:var(--shadow-md);transform:translateY(0)}.corporate-nav .main-menu.show{transform:translateX(0)}.nav-wrapper{height:100%}.logo-area,.nav-wrapper{align-items:center;display:flex;justify-content:space-between}.logo-area{width:100%}.logo-link{display:block;height:50px}.logo-link img{height:100%;max-width:180px;object-fit:contain}.menu-toggle{background:#fff;border:1px solid #ddd;border-radius:6px;display:none;font-size:20px;z-index:1002}.menu-toggle:hover{background:#f5f5f5;border-color:#2196f3;color:#2196f3}.main-menu{list-style:none;margin:0;padding:0}.main-menu,.nav-item{display:flex;height:100%}.nav-item{align-items:center}.nav-item,.nav-item.has-dropdown{position:relative}.dropdown-item.active,.dropdown-item:focus,.dropdown-item:hover,.nav-item.dropdown-active>.nav-link,.nav-item.has-dropdown:hover>.nav-link{background-color:initial!important;color:inherit!important}.dropdown-menu{background-color:#fff!important;border:1px solid #eee!important}.dropdown-item:hover{background-color:#2c7be5!important;color:inherit!important}.nav-item .nav-link.active,.nav-item .nav-link:hover{background:#0000!important;color:#2c7be5!important}.nav-link{align-items:center;color:var(--dark-gray);display:flex;font-size:15px;font-weight:500;height:100%;padding:0 20px;position:relative;text-decoration:none!important;transition:all .3s ease;white-space:nowrap}.nav-item.has-dropdown:after{background:#fff;content:"";height:20px;left:0;position:relative;top:1%;width:100%}.nav-item.has-dropdown>.nav-link:before{bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-item.has-dropdown:hover>.nav-link:before{width:100%}.dropdown-menu{border:none;box-shadow:0 4px 12px #0000001a;display:none;left:0;margin-top:-20px;min-width:-webkit-max-content;min-width:max-content;padding:0;pointer-events:none;top:100%;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.nav-item.has-dropdown:hover>.dropdown-menu{display:block;opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.dropdown-menu li{width:100%}.dropdown-item{color:#000000e6;display:block;font-size:14px;padding:14px 24px;position:relative;text-decoration:none!important;transition:all .3s ease;white-space:nowrap}.dropdown-item:before{background-color:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.dropdown-item:hover{color:#000;padding-left:28px}.dropdown-item:hover:before{width:100%}.dropdown-item span{position:relative;z-index:1}.search-area,.search-form{color:#000;position:relative}.search-form{align-items:center;display:flex}.search-form input{background-color:#0a0a0a0d;border:1px solid var(--light-gray);border-radius:20px;font-size:14px;padding:8px 15px;transition:all .3s ease;width:200px}.search-form input:focus{border-color:#4d4b4b;box-shadow:0 0 0 3px #797b7e1a;outline:none}.search-form button{background-color:#ffffff0d;border:none;border-radius:20px;color:#000;cursor:pointer;left:-24%;margin-left:8px;padding:8px 20px;position:relative;transition:all .3s ease}.menu-toggle{background:none;border-radius:4px;color:#333;font-size:24px;height:40px;padding:8px;width:40px}.menu-toggle:hover{background:none;color:inherit}.mobile-menu-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:0;padding:20px}.mobile-logo img{height:40px;max-width:150px;object-fit:contain}.mobile-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.mobile-close-btn:hover{background:#f5f5f5;color:#333}.nav-text{flex:1 1}.dropdown-toggle,.nav-text{font-weight:500;transition:all .3s ease}.dropdown-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;text-align:left;width:100%}.mobile-search-item{background:#f8f9fa;border-top:1px solid #eee;margin-top:auto;padding:20px}.mobile-search-form{background:#fff;border:1px solid #ddd;padding:4px}.mobile-search-form:focus-within{border-color:#2196f3}.mobile-search-form input::placeholder{color:#999}.mobile-search-form button{background:#2c7be5;color:#fff}.mobile-search-form button:hover{background:#061642}.main-menu::-webkit-scrollbar{width:4px}.main-menu::-webkit-scrollbar-track{background:#f0f0f0}.main-menu::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.main-menu::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:1199.98px) and (min-width:992px){.corporate-nav{left:5%;padding:14px 24px;width:90%}.nav-links{gap:1.5rem}.nav-links a{font-size:14px}.menu-toggle{display:none!important}.main-menu{background:none!important;height:auto!important;position:static!important;transform:none!important;width:auto!important}}@media (max-width:991.98px){.top-info-bar{display:none}.menu-toggle{background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;color:#333;display:block;padding:8px;transition:all .3s ease;z-index:1002}.menu-toggle:hover{background:#fff;box-shadow:0 2px 8px #00000026}.main-menu{background:linear-gradient(135deg,#fff,#f8fafc);border-left:1px solid #0000001a;box-shadow:-4px 0 25px #00000026;flex-direction:column;height:100vh;max-width:85vw;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:320px;z-index:1001}.main-menu.show{transform:translateX(0)}@keyframes slideInLeft{0%{left:-100%;opacity:0}to{left:0;opacity:1}}.mobile-menu-header{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:20px}.mobile-logo{align-items:center;display:flex;gap:12px}.mobile-logo img{height:40px;max-width:150px;object-fit:contain}.mobile-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.mobile-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.main-menu>.nav-item{flex-direction:column;height:auto;width:100%}.nav-item .nav-link{align-items:center;border-bottom:1px solid #0000000d;color:#374151;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:18px 24px;position:relative;transition:all .3s ease}.nav-item .nav-link:before{bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.nav-item .nav-link.active,.nav-item .nav-link:hover{background:#667eea0d;color:#667eea;padding-left:28px}.nav-item .nav-link.active:before,.nav-item .nav-link:hover:before{width:4px}.nav-item.has-dropdown:after,.nav-item.has-dropdown>.nav-link:before{display:none}.dropdown-menu{background:#667eea05;border-left:4px solid #0000;margin:0;max-height:0;opacity:1;overflow:hidden;pointer-events:auto;position:static;transform:none;transition:max-height .5s cubic-bezier(.4,0,.2,1);visibility:visible;width:100%}.dropdown-menu.show{border-left-color:#667eea4d;max-height:500px}.dropdown-item{align-items:center;border-bottom:1px solid #00000008;color:#6b7280;display:flex;font-size:15px;gap:10px;padding:14px 24px 14px 44px;position:relative;transition:all .3s ease}.dropdown-item:before{color:#667eea;content:"•";font-weight:700;margin-right:8px;transition:all .3s ease}.dropdown-item:hover{background:#667eea14;color:#667eea;padding-left:48px;transform:translateX(4px)}.dropdown-item:hover:before{color:#764ba2;color:#2196f3;transform:scale(1.2)}.corporate-nav{left:5%;padding:12px 20px;width:90%}.nav-wrapper{position:relative}}@media (max-width:767.98px){.corporate-nav{border-radius:16px;left:2%;padding:12px 16px;width:96%}.logo-link img{height:auto;max-width:140px}.main-menu{max-width:90vw;width:300px}.mobile-menu-header{padding:18px 20px}.mobile-logo img{height:36px;max-width:140px}.nav-item .nav-link{font-size:15px;padding:16px 20px}.dropdown-item{font-size:14px;padding:12px 20px 12px 40px}.mobile-search-item{padding:16px 20px}.menu-toggle{font-size:1.4rem;padding:6px}}@media (max-width:575.98px){.corporate-nav{border-radius:12px;left:1%;padding:10px 12px;width:98%}.logo-link img{max-width:120px}.main-menu{max-width:95vw;width:280px}.mobile-menu-header{padding:16px 18px}.mobile-logo img{height:32px;max-width:120px}.mobile-close-btn{height:32px;width:32px}.nav-item .nav-link{font-size:14px;padding:14px 18px}.dropdown-item{font-size:13px;padding:10px 18px 10px 36px}.mobile-search-item{padding:14px 18px}.menu-toggle{font-size:1.3rem;padding:5px}}@media (max-width:479.98px){.corporate-nav{border-radius:10px;left:.5%;padding:8px 10px;width:99%}.logo-link img{max-width:100px}.main-menu{max-width:98vw;width:260px}.mobile-menu-header{padding:14px 16px}.mobile-logo img{height:28px;max-width:100px}.mobile-close-btn{font-size:14px;height:30px;width:30px}.nav-item .nav-link{font-size:13px;padding:12px 16px}.dropdown-item{font-size:12px;padding:8px 16px 8px 32px}.mobile-search-item{padding:12px 16px}.menu-toggle{font-size:1.2rem;padding:4px}}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1000}.menu-overlay.active{opacity:1;visibility:visible}.mobile-search-item{border-bottom:1px solid #0000000d}.mobile-search-form{align-items:center;background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;display:flex;margin:8px 0;transition:all .2s ease}.mobile-search-form:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mobile-search-form input{background:#0000;border:none;color:#333;flex:1 1;font-size:16px;outline:none;padding:12px 16px}.mobile-search-form input::placeholder{color:#9ca3af}.mobile-search-form button{align-items:center;background:#0000;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:-40px;transition:all .2s ease;width:40px}.mobile-search-form button:hover{box-shadow:0 2px 8px #667eea4d;transform:scale(1.05)}.main-menu::-webkit-scrollbar{width:6px}.main-menu::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.main-menu::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.main-menu::-webkit-scrollbar-thumb:hover{background:#667eea80}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.main-menu.show{animation:slideInRight .4s cubic-bezier(.25,.46,.45,.94)}.dropdown-item:focus,.menu-toggle:focus,.mobile-close-btn:focus,.nav-item .nav-link:focus{outline-offset:2px}@media (prefers-contrast:high){.main-menu{border-left:2px solid #000}.nav-item .nav-link{border-bottom:1px solid #000}.dropdown-item{border-bottom:1px solid #666}}@media (prefers-reduced-motion:reduce){.dropdown-item,.main-menu,.menu-toggle,.mobile-close-btn,.nav-item .nav-link{animation:none;transition:none}}.side-notice-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:0 0 12px 12px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;left:0;padding:12px 20px;position:fixed;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left top;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:9999}.side-notice-count-badge{background:linear-gradient(135deg,#1abae6,#159bd1);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #1abae633;color:#fff;display:inline-block;font-size:13px;font-weight:700;height:22px;letter-spacing:.5px;line-height:22px;margin-left:8px;min-width:22px;padding:0 6px;text-align:center;transition:background .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.side-notice-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:var(--shadow-xl);transform:translateY(-50%) rotate(-90deg) translateX(-3px)}.side-notice-panel{background-color:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;left:-500px;overflow-y:auto;padding:20px;position:fixed;top:0;transition:left .3s ease-in-out;width:500px;z-index:999}.side-notice-panel.open{left:0}.side-notice-panel-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.side-notice-panel-header h3{color:#343a40;margin:0}.side-notice-panel-header button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem}.side-notice-panel-header button:hover{color:#00b433}.side-notice-item{background-color:#f8f9fa;border-left:4px solid #092b82;border-radius:5px;margin-bottom:15px;padding:15px;position:relative}.side-notice-item h4{color:#343a4f;font-size:1rem;line-height:1.3;margin:0 0 8px}.side-notice-item p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:5px 0 10px;overflow:hidden;text-overflow:ellipsis}.side-notice-item .notice-date{color:#868e96;font-size:.8rem;margin-bottom:10px}.side-notice-image{border:1px solid #e9ecef;border-radius:4px;float:right;height:60px;margin-bottom:10px;margin-left:10px;object-fit:cover;width:60px}.side-notice-content{display:flex;flex-direction:column}.side-notice-main{display:flex;gap:10px;margin-bottom:10px}.side-notice-text{flex:1 1}.side-notice-attachments{border-top:1px solid #e9ecef;margin-top:8px;padding-top:8px}.side-notice-attachment{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;color:#6c757d;display:inline-flex;font-size:.8rem;gap:4px;margin-bottom:5px;margin-right:5px;padding:2px 6px;text-decoration:none;transition:all .2s ease}.side-notice-attachment:hover{background-color:#e9ecef;color:#495057;text-decoration:none}.side-notice-attachment i{font-size:.7rem}.side-notice-read-more{align-items:center;align-self:flex-start;background-color:initial;border:1px solid #092b82;border-radius:3px;color:#092b82;display:inline-flex;font-size:.8rem;gap:4px;margin-top:8px;padding:4px 8px;text-decoration:none;transition:all .2s ease}.side-notice-read-more:hover{background-color:#092b82;box-shadow:0 2px 4px #092b8233;color:#fff;text-decoration:none;transform:translateY(-1px)}.side-notice-read-more i{font-size:.7rem}.side-notice-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:10px;padding-top:8px}.side-notice-footer .notice-date{font-size:.75rem;margin:0}.side-notice-overlay{background-color:#00000080;bottom:0;cursor:pointer;display:none;left:0;position:fixed;right:0;top:0;z-index:998}.side-notice-overlay.open{display:block}.side-notice-error-content{padding:15px}.side-notice-error-content ul{background:linear-gradient(135deg,var(--error-color),#dc2626)}.side-notice-error-details{background-color:#f8f9fa;border-radius:4px;font-family:monospace;font-size:.85rem;overflow-x:auto;padding:10px}.side-notice-retry-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 15px}.side-notice.count{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.side-notice-retry-button:hover{background-color:#c82333}.side-notice-loading{background:linear-gradient(135deg,var(--gray-500),var(--gray-600))}@media (max-width:768px){.side-notice-panel{left:-100%;width:100%}.side-notice-panel.open{left:0}.side-notice-button{font-size:12px;padding:8px 16px}.side-notice-image{height:50px;width:50px}.side-notice-main{gap:8px}.side-notice-attachment{font-size:.75rem;padding:1px 4px}.side-notice-read-more{font-size:.75rem;padding:3px 6px}}@media (max-width:480px){.side-notice-item{padding:12px}.side-notice-panel{padding:15px}.side-notice-panel-header h3{font-size:1.1rem}.side-notice-image{height:45px;width:45px}.side-notice-item h4{font-size:.9rem}.side-notice-item p{-webkit-line-clamp:2;line-clamp:2;font-size:.8rem}.side-notice-footer{align-items:flex-start;flex-direction:column;gap:8px}.side-notice-read-more{align-self:flex-end}}:root{--primary-dark-blue:#159bd1;--primary-light-blue:#e8f8fd;--accent-blue:#1289b8;--accent-teal:#0ea5e9;--off-white:#f8fafc;--light-gray:#e2e8f0;--medium-gray:#64748b;--dark-gray:#1e293b;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-secondary:"Open Sans",sans-serif;--font-heading:"Montserrat",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--gradient-primary:linear-gradient(135deg,#2c7be5,#2c7be5);--gradient-accent:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-teal) 100%)}.modern-footer{background:linear-gradient(135deg,#0f1419,#1a2332 50%,#0f1419);color:#fff;contain:layout style;overflow:hidden;position:relative;will-change:auto}.contact-cta-section{background-color:#2c7be5;color:#000;padding:3rem 0;position:relative;z-index:2}.contact-cta-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.contact-cta-text h3{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:700;gap:1rem;margin-bottom:.5rem}.contact-cta-text .contact-icon{animation:pulse 2s infinite;color:#fff;font-size:1.8rem;will-change:transform}.contact-cta-text p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin:0}.contact-cta-btn{align-items:center;background:#0f1419;border-radius:50px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap;will-change:transform}.contact-cta-btn:hover{box-shadow:0 10px 25px #1abae64d;color:#fff;text-decoration:none;transform:translateY(-2px)}.footer-main{background:linear-gradient(135deg,#0f1419,#1a2332);padding:4rem 0 3rem;position:relative;z-index:2}.footer-grid{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-top-row{grid-gap:3rem;grid-template-columns:2fr 1.5fr}.footer-bottom-row,.footer-top-row{align-items:start;display:grid;gap:3rem}.footer-bottom-row{grid-gap:3rem;grid-template-columns:1fr 1fr}.footer-section{position:relative}.company-section{padding-right:2rem}.company-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.footer-logo{border-radius:10px;box-shadow:0 5px 15px #1abae64d;height:60px;width:auto}.company-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c7be5,#159bd1);-webkit-background-clip:text;background-clip:text;color:#2c7be5;font-size:1.5rem;font-weight:700;margin:0}.company-description{color:#fffc;font-size:1rem;line-height:1.7;margin-bottom:2rem}.company-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.stat-item{background:#1abae61a;border-left:3px solid #2c7be5;border-radius:10px;gap:.75rem;padding:.75rem;transition:background-color .3s ease,transform .3s ease;will-change:transform}.stat-item:hover{background:#1abae633;transform:translateX(5px)}.stat-item .fa-icon,.stat-item [data-icon],.stat-item svg{color:#2c7be5;font-size:1.2rem}.stat-item span{color:#fff;font-weight:500}.social-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.social-links{display:flex;flex-wrap:wrap;gap:1rem}.social-link{align-items:center;border-radius:12px;display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:45px;will-change:transform}.social-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.social-link:hover:before{left:100%}.social-link.facebook{background:linear-gradient(135deg,#3b5998,#4c70ba)}.social-link.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.social-link.linkedin{background:linear-gradient(135deg,#0077b5,#005885)}.social-link.youtube{background:linear-gradient(135deg,red,#c00)}.social-link.instagram{background:linear-gradient(135deg,#e4405f,#c13584,#833ab4)}.social-link:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-3px) scale(1.05)}.social-link .fa-icon,.social-link [data-icon],.social-link svg{color:#fff;font-size:1.2rem;z-index:1}.section-title{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:2rem;position:relative}.section-title:after{background:linear-gradient(135deg,#2c7be5,#159bd1);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:1rem;position:relative}.footer-links a{align-items:center;border-radius:5px;color:#fffc;display:flex;overflow:hidden;padding:.5rem 0;position:relative;transition:color .3s ease,padding-left .3s ease}.footer-links a:before{background:#1abae61a;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.footer-links a:hover:before{width:100%}.footer-links a:hover{color:#2c7be5;padding-left:1rem}.services-list li{align-items:center;display:flex;gap:.75rem}.service-icon{font-size:1rem;min-width:20px}.services-list a:hover .service-icon{transform:scale(1.2) rotate(5deg)}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{align-items:flex-start;background:#ffffff0d;border:1px solid #1abae633;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:background-color .3s ease,border-color .3s ease,transform .3s ease;will-change:transform}.contact-item:hover{background:#1abae61a;border-color:#2c7be5;transform:translateY(-2px)}.contact-icon{color:#2c7be5;font-size:1.2rem;margin-top:.2rem;min-width:20px}.contact-details{display:flex;flex-direction:column;gap:.25rem}.contact-details strong{color:#fff;font-size:.9rem;font-weight:600}.contact-details span{color:#fffc;font-size:.9rem;line-height:1.4}.footer-bottom{background:linear-gradient(135deg,#0a0f14,#1a2332);border-top:1px solid #1abae633;padding:2rem 0}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.copyright p{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem;margin:0}.divider{color:#ffffff4d;margin:0 .5rem}.heart-icon{animation:heartbeat 1.5s ease-in-out infinite;color:#ff6b6b}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#ffffffb3;font-size:.9rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-bottom-links a:after{background:#2c7be5;bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-bottom-links a:hover{color:#2c7be5}.footer-bottom-links a:hover:after{width:100%}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#2c7be5,#667eea 70%,#764ba2);border:none;border-radius:50%;bottom:2.5rem;box-shadow:0 4px 24px #1abae626,0 1.5px 4px #667eea14;color:#fff;contain:layout style;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;outline:none;padding:0;position:fixed;right:2.5rem;transition:transform .2s cubic-bezier(.4,2,.6,1),box-shadow .2s;width:50px;will-change:transform;z-index:100}.scroll-to-top:hover{box-shadow:0 10px 25px #1abae666;transform:translateY(-3px) scale(1.1)}@keyframes heartbeat{0%,to{transform:scaleX(1)}50%{transform:scale3d(1.2,1.2,1)}}@media (max-width:1200px){.contact-cta-content,.footer-grid{padding:0 1.5rem}.footer-grid{gap:2.5rem}.footer-bottom-content{padding:0 1.5rem}}@media (max-width:992px){.contact-cta-content{flex-direction:column;gap:1.5rem;text-align:center}.contact-cta-text h2{font-size:1.8rem;justify-content:center}.contact-cta-btn{align-self:center}.footer-top-row{text-align:center}.footer-bottom-row,.footer-top-row{gap:2rem;grid-template-columns:1fr}.company-section{padding-right:0;text-align:center}.company-stats{flex-direction:row;flex-wrap:wrap;gap:1rem}.company-stats,.social-links{justify-content:center}}@media (max-width:768px){.contact-cta-section{padding:2.5rem 0}.contact-cta-text h2{font-size:1.6rem}.contact-cta-text p{font-size:1rem}.contact-cta-btn{font-size:1rem;padding:.875rem 1.5rem}.footer-main{padding:3rem 0 2rem}.footer-grid{gap:2rem}.footer-bottom-row,.footer-top-row{gap:1.5rem;grid-template-columns:1fr}.company-stats{flex-direction:column;gap:.75rem}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-bottom-links{flex-wrap:wrap;gap:1.5rem;justify-content:center}.scroll-to-top{align-items:center;bottom:1rem;display:flex;height:45px;justify-content:center;padding:0;right:1rem;width:45px}}@media (max-width:576px){.contact-cta-section{padding:2rem 0}.contact-cta-content{padding:0 1rem}.contact-cta-text h2{flex-direction:column;font-size:1.4rem;gap:.5rem}.contact-cta-text p{font-size:.9rem}.contact-cta-btn{font-size:.9rem;gap:.375rem;padding:.75rem 1.25rem}.footer-grid{gap:1.5rem;padding:0 1rem}.footer-bottom-row,.footer-top-row{gap:1.25rem}.footer-bottom-content{padding:0 1rem}.copyright p{flex-direction:column;font-size:.8rem;gap:.25rem;text-align:center}.divider{display:none}.footer-bottom-links{gap:1rem}.footer-bottom-links a{font-size:.8rem}.section-title{font-size:1.2rem}.company-header h3{font-size:1.3rem}.company-description,.footer-links a{font-size:.9rem}.contact-details span,.contact-details strong{font-size:.8rem}}@media (max-width:480px){.contact-cta-section{padding:1.5rem 0}.contact-cta-text h2{font-size:1.2rem}.contact-cta-text p{font-size:.85rem}.contact-cta-btn{font-size:.85rem;padding:.625rem 1rem}.footer-main{padding:2rem 0 1.5rem}.footer-grid{gap:1.25rem}.footer-bottom-row,.footer-top-row{gap:1rem}.company-stats{gap:.5rem}.stat-item{font-size:.8rem;padding:.5rem}.social-links{gap:.75rem}.scroll-to-top,.social-link{height:40px;width:40px}.scroll-to-top{align-items:center;display:flex;font-size:1.3rem;justify-content:center;padding:0}}@media print{.modern-footer{background:#fff!important;color:#000!important}.newsletter-section,.scroll-to-top{display:none!important}.footer-main{background:#fff!important}.company-header h3,.section-title{color:#000!important}.company-description,.contact-details span,.footer-links a{color:#333!important}}.blog-section{background-color:#f8fafc;min-height:100vh;padding:120px 0 4rem}.blog-hero{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;margin-bottom:3rem;overflow:hidden;padding:4rem 0;position:relative}.blog-hero:before{background:url(https://images.unsplash.com/photo-1501785888041-af3ef285b470?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80) 50%/cover;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}.blog-hero .container{position:relative;z-index:1}.blog-hero-content{margin:0 auto;max-width:800px;text-align:center}.blog-hero h1{font-size:2.75rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.blog-hero p{font-size:1.25rem;margin-bottom:0;opacity:.9}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.blog-card{box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:0 10px 25px #1e40af26}.blog-image{height:200px;overflow:hidden}.blog-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.blog-meta{color:#64748b;display:flex;font-size:.875rem;gap:1rem;margin-bottom:1rem}.blog-meta svg{color:#3b82f6;margin-right:.5rem}.blog-title{color:#1e293b;font-size:1.375rem;font-weight:600;line-height:1.3;margin:0 0 1rem}.blog-excerpt{color:#64748b;flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.read-more{align-items:center;color:#2563eb;display:inline-flex;font-weight:500;margin-top:auto;text-decoration:none;transition:color .2s ease;width:-webkit-fit-content;width:fit-content}.read-more:hover{color:#1d4ed8;text-decoration:none}.read-more svg{margin-left:.5rem;transition:transform .3s ease}.read-more:hover svg{transform:translateX(4px)}.pagination{gap:.5rem;list-style:none;margin:0;padding:0}.page-item{margin:0}.page-link{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.page-link:hover{background-color:#f1f5f9;border-color:#cbd5e1}.page-item.active .page-link{background-color:#2563eb;border-color:#2563eb;color:#fff}.page-item.disabled .page-link{background-color:#f8fafc;cursor:not-allowed;opacity:.6}.no-posts{background:#fff;box-shadow:0 4px 6px #0000000d;padding:4rem 2rem}.no-posts h4{color:#1e293b;font-size:1.5rem;margin-bottom:1rem}.no-posts p{color:#64748b;font-size:1.1rem;margin-bottom:0}.loader-container{min-height:300px}@media (max-width:768px){.blog-hero h1{font-size:2.25rem}.blog-hero p{font-size:1.1rem}.blog-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.blog-hero{padding:3rem 0}.blog-hero h1{font-size:1.875rem}.blog-meta{flex-direction:column;gap:.5rem}}:root{--primary-color:#1abae6;--secondary-color:#2c3e50;--text-color:#333;--light-gray:#f5f7fa;--border-color:#e1e5ee;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--max-width:1200px}.contact-page{background-color:#fff;color:#333;color:var(--text-color);line-height:1.6;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.contact-page.visible{opacity:1;transform:translateY(0)}.contact-hero{background:linear-gradient(135deg,#1abae6,#159bd1);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;overflow:hidden;padding:6rem 0 8rem;position:relative;text-align:center}.hero-content{margin:0 auto;padding:0 1.5rem;z-index:2}.contact-hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000001a}.hero-subtitle{font-size:1.25rem;margin:0 auto 1.5rem;max-width:600px;opacity:.9}.hero-shape{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' d='m0 192 48 5.3c48 5.7 144 15.7 240 32 96 15.7 192 37.7 288 21.4 96-15.7 192-69.7 288-69.4 96-.3 192 53.7 288 53.4 96 .3 192-53.7 240-80l48-26.7v192H0Z'/%3E%3C/svg%3E") no-repeat bottom/cover;bottom:-2px;height:100px;left:0;position:absolute;width:100%;z-index:1}.contact-main{background-color:#f9fafc;padding:5rem 0;position:relative}.container{max-width:var(--max-width);padding:0 1.5rem}.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1.2fr 1fr;margin-top:-4rem;position:relative;z-index:2}.contact-form-section{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);overflow:hidden;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:1}.contact-form-section:before{background:linear-gradient(90deg,#1abae6,#159bd1);background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));content:"";height:6px;left:0;position:absolute;right:0;top:0;z-index:1}.section-header{margin-bottom:2.5rem}.section-header h2{color:#2c3e50;color:var(--secondary-color);font-size:2rem;margin-bottom:.75rem}.section-header h2:after{background:#1abae6;background:var(--primary-color);border-radius:3px;bottom:-8px;width:60px}.section-header p{color:#666;font-size:1.05rem;max-width:500px}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.input-group{margin-bottom:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.input-group.focused{transform:translateY(-2px)}.input-icon{color:#1abae6;color:var(--primary-color);font-size:1.1rem;left:15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:2}.input-group.focused .input-icon{color:#159bd1;color:var(--primary-dark);transform:translateY(-50%) scale(1.1)}.input-group input,.input-group textarea{background-color:#f8fafc;border:2px solid #e1e5ee;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#333;color:var(--text-color);font-size:1rem;padding:1rem 1rem 1rem 3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%;z-index:1}.input-group textarea{line-height:1.6;min-height:150px;padding-top:1.5rem;resize:vertical}.input-group label{background:#fff;border-radius:4px;color:#777;font-size:1rem;left:3rem;margin-left:-.5rem;padding:0 .5rem;pointer-events:none;position:absolute;top:1rem;transition:all .3s ease;z-index:2}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label,.input-group textarea:focus+label,.input-group textarea:not(:placeholder-shown)+label,.input-group.focused label{background:#fff;color:#1abae6;color:var(--primary-color);font-size:.8rem;font-weight:600;left:2rem;padding:0 .5rem;top:-.5rem;z-index:3}.input-group input:focus,.input-group textarea:focus{background-color:#fff;border-color:#1abae6;border-color:var(--primary-color);box-shadow:0 0 0 3px #1abae633;outline:none}.textarea-group{grid-column:1/-1}.textarea-group .input-icon{top:1.5rem;transform:none}.submit-btn{background:linear-gradient(135deg,#1abae6,#159bd1);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50px;display:inline-flex;font-size:1.05rem;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;width:100%;z-index:1}.submit-btn:before{background:linear-gradient(135deg,#159bd1,#1abae6);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.submit-btn:hover{box-shadow:0 6px 15px #1abae64d;transform:translateY(-2px)}.submit-btn:hover:before{opacity:1}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{box-shadow:none!important;transform:none!important}.btn-icon{transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:translateX(4px)}.btn-loader{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin:0 auto;width:20px}.contact-info-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.info-card{align-items:flex-start;background:#fff;border:1px solid #f0f4f8;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);display:flex;gap:1.25rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.info-card:before{background:linear-gradient(180deg,#1abae6,#159bd1);background:linear-gradient(to bottom,var(--primary-color),var(--primary-dark));content:"";height:0;left:0;position:absolute;top:0;transition:height .3s ease;width:4px}.info-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.info-card:hover:before{height:100%}.info-icon{background:#1abae61a;color:#1abae6;color:var(--primary-color);font-size:1.25rem;height:50px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:50px;z-index:1}.info-card:hover .info-icon{background:#1abae6;background:var(--primary-color);color:#fff;transform:scale(1.1) rotate(5deg)}.info-content h3{color:#2c3e50;color:var(--secondary-color);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.info-content a,.info-content p{color:#555;display:block;font-size:.95rem;line-height:1.6;margin:.25rem 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.info-content a:hover{color:#1abae6;color:var(--primary-color);text-decoration:none;transform:translateX(3px)}.map-section{border-radius:0;box-shadow:none;height:500px;margin:0;overflow:hidden;position:relative}.map-overlay{background:linear-gradient(180deg,#0000001a,#0000004d);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.map-frame{border:none;display:block;filter:grayscale(20%) contrast(1.1);height:100%;width:100%}.map-content{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#fff;left:0;padding:3rem 2rem 2rem;position:absolute;right:0;text-align:center;z-index:2}.map-content h3{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.map-content p{font-size:1.1rem;margin:0;opacity:.9}@media (max-width:1024px){.contact-grid{gap:2rem;grid-template-columns:1fr;margin-top:0}.contact-info-section{grid-template-columns:repeat(2,1fr);position:static}.contact-form-section{margin-top:-6rem}}@media (max-width:768px){.contact-hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.form-row{gap:1rem;grid-template-columns:1fr}.contact-form-section,.info-card{padding:1.5rem}.section-header h2{font-size:1.75rem}.map-content h3{font-size:1.5rem}.map-content p{font-size:1rem}}@media (max-width:576px){.contact-hero{padding:5rem 0 6rem}.contact-hero h1{font-size:2rem}.contact-info-section{grid-template-columns:1fr}.contact-form-section{margin-top:-4rem;padding:1.25rem}.section-header h2{font-size:1.5rem}.map-section{height:400px}.map-content{padding:2rem 1rem 1.5rem}.map-content h3{font-size:1.3rem}.map-content p{font-size:.95rem}}.input-group input:focus~.input-icon,.input-group textarea:focus~.input-icon{animation:pulse 1.5s infinite}.about-page{background-color:var(--white);color:var(--dark-gray);padding-top:120px}.company-overview{padding:var(--spacing-xl) 0}.overview-image img{box-shadow:var(--shadow-md);height:auto;width:100%}.overview-content{padding:var(--spacing-lg)}.overview-content h2{color:#2c7be5;font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);position:relative}.overview-content h2:after{background-color:var(--accent-blue);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.overview-content p{line-height:1.7;margin-bottom:var(--spacing-md)}.our-values{background-color:var(--off-white);padding:var(--spacing-xl) 0}.values-container{margin-top:var(--spacing-lg)}.value-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:100%;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}.value-card:hover{box-shadow:var(--shadow-md);box-shadow:0 4px 15px #2c7be5;transform:translateY(-5px);.news-card{animation:pulseShadow 3s infinite alternate;background-color:var(--white);border:1px solid #2c7be5;border-radius:var(--border-radius-md);box-shadow:0 10px 25px #182ab826;cursor:pointer;overflow:hidden;transition:transform .3s ease}}.value-icon{color:#2c7be5;font-size:2.5rem;margin-bottom:var(--spacing-md)}.value-card h3{color:#2c7be5;font-weight:600;margin-bottom:var(--spacing-sm)}.about-services{padding:var(--spacing-xl) 0}.service-box{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:100%;margin-bottom:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:all var(--transition-normal)}.service-box:before{background-color:#2c7be5;content:"";height:4px;left:0;position:absolute;right:0;top:0}.service-box:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.service-box .service-icon{color:#2c7be5;font-size:2.5rem;margin-bottom:var(--spacing-md)}.service-box h3{color:#2c7be5;font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.service-box p{color:var(--dark-gray);line-height:1.6}.team-section{background-color:var(--off-white);padding:var(--spacing-xl) 0}.team-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden;transition:all var(--transition-normal)}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.team-image{height:250px;overflow:hidden}.team-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.team-card:hover .team-image img{transform:scale(1.05)}.team-content{padding:var(--spacing-md)}.team-content h3{color:#2c7be5;font-weight:600;margin-bottom:5px}.team-content .position{color:var(--accent-blue);font-weight:500;margin-bottom:var(--spacing-sm)}.team-content .bio{color:var(--dark-gray);line-height:1.6;margin-bottom:0}.section{padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-xl)}.section-header h2{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.section-header h2:after{background-color:var(--accent-blue);bottom:0}.section-header p{color:var(--medium-gray)}.establishment-section{padding:var(--spacing-xl) 0}.establishment-section .content h2{color:#2c7be5;font-weight:700;margin-bottom:var(--spacing-md)}.establishment-section .content p{line-height:1.7;margin-bottom:var(--spacing-md)}.establishment-section .content strong{color:#2c7be5;font-weight:600}.water-importance{background-color:var(--off-white);padding:var(--spacing-xl) 0}.importance-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:100%;margin-bottom:var(--spacing-lg);overflow:hidden;transition:all var(--transition-normal)}.importance-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.importance-card .card-image{height:200px;overflow:hidden}.importance-card .card-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.importance-card:hover .card-image img{transform:scale(1.05)}.importance-card .card-content{padding:var(--spacing-lg)}.importance-card .card-content h3{color:#2c7be5;font-weight:600;margin-bottom:var(--spacing-sm)}.importance-card .card-content p{color:var(--dark-gray);line-height:1.6}.potential-section{padding:var(--spacing-xl) 0}.potential-section .content h2{color:#2c7be5;font-weight:700;margin-bottom:var(--spacing-md)}.potential-section .content p{line-height:1.7;margin-bottom:var(--spacing-lg)}.potential-benefits{flex-direction:column}.benefit-item,.potential-benefits{display:flex;gap:var(--spacing-sm)}.benefit-item{align-items:center;background-color:var(--light-blue);border-left:4px solid #2c7be5;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.benefit-icon{color:#2c7be5;font-size:1.2rem}.benefit-item span{color:#2c7be5;font-weight:500}.challenges-section{background-color:var(--off-white);padding:var(--spacing-xl) 0}.challenge-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:100%;margin-bottom:var(--spacing-lg);overflow:hidden;transition:all var(--transition-normal)}.challenge-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.challenge-card .card-image{height:250px;overflow:hidden}.challenge-card .card-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.challenge-card:hover .card-image img{transform:scale(1.05)}.challenge-card .card-content{padding:var(--spacing-lg)}.challenge-card .card-content h3{color:#2c7be5;font-weight:600;margin-bottom:var(--spacing-sm)}.challenge-card .card-content p{color:var(--dark-gray);line-height:1.6}.energy-crisis{padding:var(--spacing-xl) 0}.energy-crisis .content h2{color:#2c7be5;font-weight:700;margin-bottom:var(--spacing-md)}.energy-crisis .content p{line-height:1.7;margin-bottom:var(--spacing-md)}.economic-impact{background-color:var(--off-white);padding:var(--spacing-xl) 0}.impact-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:100%;margin-bottom:var(--spacing-lg);overflow:hidden;transition:all var(--transition-normal)}.impact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.impact-card .card-image{height:200px;overflow:hidden}.impact-card .card-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.impact-card:hover .card-image img{transform:scale(1.05)}.impact-card .card-content{padding:var(--spacing-lg)}.impact-card .card-content h3{color:#2c7be5;font-weight:600;margin-bottom:var(--spacing-sm)}.impact-card .card-content p{color:var(--dark-gray);line-height:1.6}.export-projects{padding:var(--spacing-xl) 0}.export-projects .content h2{color:#2c7be5;font-weight:700;margin-bottom:var(--spacing-md)}.export-projects .content p{line-height:1.7;margin-bottom:var(--spacing-md)}.pricing-comparison{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.price-item{background-color:var(--light-blue);border-radius:var(--border-radius-sm);flex:1 1;min-width:200px;padding:var(--spacing-md);text-align:center}.price-item.export{border-left:4px solid #e74c3c}.price-item.import{border-left:4px solid #27ae60}.price-item .label{color:var(--dark-gray);display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.price-item .value{color:#2c7be5;display:block;font-size:1.25rem;font-weight:700}.karnali-case{background-color:var(--off-white);padding:var(--spacing-xl) 0}.case-content h3{color:#2c7be5;font-weight:600;margin-bottom:var(--spacing-md)}.case-content p{line-height:1.7;margin-bottom:var(--spacing-md)}.case-content strong{color:#2c7be5;font-weight:700}.sovereignty-issue{background-color:var(--white);border-left:4px solid #e74c3c;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.sovereignty-issue h3{color:#e74c3c;font-weight:600;margin-bottom:var(--spacing-md)}.sovereignty-issue p{color:var(--dark-gray);line-height:1.7}.karjal-solution{padding:var(--spacing-xl) 0}.karjal-solution .content h2{color:#2c7be5;font-weight:700;margin-bottom:var(--spacing-md)}.karjal-solution .content p{line-height:1.7;margin-bottom:var(--spacing-md)}.our-approach{background-color:var(--off-white);padding:var(--spacing-xl) 0}.approach-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:100%;margin-bottom:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:all var(--transition-normal)}.approach-card:before{background-color:#2c7be5;content:"";height:4px;left:0;position:absolute;right:0;top:0}.approach-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.approach-card .card-icon{color:#2c7be5;font-size:2.5rem;margin-bottom:var(--spacing-md)}.approach-card h3{color:#2c7be5;font-weight:600;margin-bottom:var(--spacing-sm)}.approach-card p{color:var(--dark-gray);line-height:1.6}.cta-section{background:linear-gradient(135deg,#2c7be5,#2c7be5);color:var(--black);padding:var(--spacing-xl) 0}.cta-content h2{color:var(--black);font-weight:700}.cta-content h2,.cta-content p{margin-bottom:var(--spacing-md)}.cta-content p{line-height:1.7;opacity:.95}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.cta-buttons .btn{border-radius:var(--border-radius-sm);display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:all var(--transition-normal)}.cta-buttons .btn-primary{background-color:var(--white);border:2px solid var(--white);color:#2c7be5}.cta-buttons .btn-primary:hover{background-color:initial;color:var(--white);transform:translateY(-2px)}.cta-buttons .btn-outline-primary{background-color:initial;border:2px solid var(--white);color:var(--white)}.cta-buttons .btn-outline-primary:hover{background-color:var(--white);color:#2c7be5;transform:translateY(-2px)}.image-container{border-radius:var(--border-radius-md)}.image-container img{transition:transform var(--transition-normal)}.image-container:hover img{transform:scale(1.05)}.bg-light{background-color:var(--off-white)}@media (max-width:992px){.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.pricing-comparison{flex-direction:column}.cta-buttons{justify-content:center}}@media (max-width:768px){.hero-section{padding:80px 0}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.challenge-card .card-image,.impact-card .card-image,.importance-card .card-image,.team-image{height:200px}.benefit-item{flex-direction:column;text-align:center}.cta-buttons{align-items:center;flex-direction:column}}@media (max-width:576px){.hero-section{padding:60px 0}.hero-content h1{font-size:1.75rem}.hero-subtitle{font-size:1rem}.section{padding:var(--spacing-lg) 0}.challenge-card .card-image,.impact-card .card-image,.importance-card .card-image{height:180px}.pricing-comparison{gap:var(--spacing-sm)}.price-item{min-width:100%}}.notFound{background-color:#765a5a;height:100vh;padding-top:100px}.notFound h2{align-content:center;align-items:center;align-self:center;color:#f5f5f5;display:flex;flex-direction:column;font-size:500px;justify-content:center;justify-items:center;justify-self:center;text-align:center}:root{--sidebar-width:260px;--sidebar-collapsed-width:80px;--header-height:70px;--transition-normal:0.3s ease;--border-radius:8px;--box-shadow:0 2px 10px #0000000d;--sidebar-bg:#1e293b;--sidebar-text:#e2e8f0;--sidebar-active:#3b82f6;--sidebar-hover:#334155;--header-bg:#fff;--content-bg:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6}[data-theme=dark]{--sidebar-bg:#0f172a;--sidebar-text:#e2e8f0;--sidebar-active:#60a5fa;--sidebar-hover:#1e293b;--header-bg:#1e293b;--content-bg:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.admin-dashboard,body{background-color:#f8fafc;background-color:var(--content-bg)}.admin-dashboard{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#ffffff9c 10%,#0d264cbe 30%,#2a2c2d);bottom:0;box-shadow:2px 0 10px #0000001a;color:#e5e5e5;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(0);transition:all .3s ease;width:260px;width:var(--sidebar-width);z-index:1000}.sidebar.collapsed{width:80px;width:var(--sidebar-collapsed-width)}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;min-height:70px;min-height:var(--header-height);padding:1.25rem 1.5rem}.logo-link,.sidebar-header{align-items:center;display:flex}.logo-link{color:inherit;gap:.75rem;overflow:hidden;text-decoration:none}.logo-text{color:#fff;font-size:1.1rem;font-weight:600;white-space:nowrap}.dash-logo{flex-shrink:0;height:36px;max-width:100%;transition:all .3s ease}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;left:-10px;position:relative;transition:all .2s ease;width:60px}.sidebar-toggle:hover{background:#ffffff1a}.user-profile{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;margin-bottom:1rem;padding:1.25rem 1.5rem}.sidebar.collapsed .user-profile{justify-content:center;padding:1.25rem .75rem}.user-avatar{background:#3b82f6;background:var(--sidebar-active);box-shadow:0 2px 10px #0003;font-size:1.1rem}.user-info h4{color:#fff;font-weight:600;line-height:1.3}.user-info p{color:#ffffffb3;font-size:.8rem;line-height:1.3;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:.5rem .75rem 1rem}.sidebar-nav ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:.25rem}.sidebar-nav a{align-items:center;border-radius:8px;border-radius:var(--border-radius);color:#e2e8f0;color:var(--sidebar-text);display:flex;font-size:.95rem;font-weight:500;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.sidebar-nav a:hover{background:#334155;background:var(--sidebar-hover);color:#fff}.sidebar-nav a.active{background:#3b82f6;background:var(--sidebar-active);box-shadow:0 4px 8px #0000001a;color:#fff}.nav-icon{align-items:center;color:#ffffffb3;display:flex;font-size:1.1rem;height:24px;justify-content:center;margin-right:.75rem;transition:color .2s ease;width:24px}.sidebar-nav a.active .nav-icon,.sidebar-nav a:hover .nav-icon{color:#fff}.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .sidebar-nav a{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-icon{font-size:1.2rem;margin-right:0}.sidebar.collapsed .user-info{display:none}.sidebar-footer{border-top:1px solid #ab47471a;display:flex;flex-direction:column;gap:.75rem;margin-top:auto;padding:1rem 1.25rem}.logout-btn,.theme-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:8px;border-radius:var(--border-radius);color:#e2e8f0;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;justify-content:center;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.sidebar:not(.collapsed) .logout-btn,.sidebar:not(.collapsed) .theme-toggle{justify-content:flex-start}.logout-btn:hover,.theme-toggle:hover{background:#ffffff26}.logout-btn{background:rgba(215,14,14,.926);color:#fecaca}.logout-btn:hover{background:rgba(225,41,41,.908)}.main-content{background:#fff;display:flex;flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-width);min-height:100vh;transition:margin .3s ease}.sidebar.collapsed+.main-content{margin-left:80px;margin-left:var(--sidebar-collapsed-width)}.top-bar{background:#fff;background:var(--header-bg);box-shadow:0 2px 10px #0000000d;box-shadow:var(--box-shadow);height:70px;height:var(--header-height);justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.left-section,.menu-toggle,.top-bar{align-items:center;display:flex}.menu-toggle{background:#0000;border:none;border-radius:50%;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:1.25rem;height:36px;justify-content:center;margin-right:1rem;transition:all .2s ease;width:36px}.menu-toggle:hover{background:#e2e8f0;background:var(--border-color)}.page-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.right-section{align-items:center;display:flex;gap:1rem}.search-bar{border-radius:100px;margin-right:1rem;position:relative;width:240px}.search-icon{color:var(--text-secondary);left:12px}.search-input{background:var(--content-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;color:#1e293b;color:var(--text-primary);font-size:.9rem;padding:.5rem 1rem .5rem 2.5rem;transition:all .2s ease;width:240px}.search-input:focus{border-color:#3b82f6;border-color:var(--sidebar-active);box-shadow:0 0 0 3px #3b82f626}.top-actions{align-items:center;display:flex;gap:1rem}.theme-toggle-mobile{align-items:center;background:#0000;border:none;border-radius:50%;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.theme-toggle-mobile:hover{background:#e2e8f0;background:var(--border-color)}.notification-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.notification-btn:hover{background:#e2e8f0;background:var(--border-color)}.notification-badge{align-items:center;background:#ef4444;background:var(--danger);border-radius:50%;color:#fff;display:flex;font-size:.6rem;font-weight:600;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.user-dropdown{align-items:center;background:#f8fafc;background:var(--content-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;position:relative;transition:all .2s ease}.user-dropdown:hover{background:#e2e8f0;background:var(--border-color)}.user-dropdown .user-avatar{background:#3b82f6;background:var(--sidebar-active);font-size:.9rem;height:32px;width:32px}.user-details{display:flex;flex-direction:column;margin-right:.5rem}.user-name{color:var(--text-primary);font-size:.9rem}.user-role{color:#64748b;color:var(--text-secondary);line-height:1.2}.dropdown-menu{background:#fff;background:var(--header-bg);border-radius:3px;box-shadow:0 4px 20px #0000001a;left:6px;opacity:0;position:absolute;top:calc(100% + 15px);transform:translateY(10px);transition:all .2s ease;visibility:hidden;width:20px;z-index:1000}.user-dropdown.active .dropdown-menu{opacity:1;visibility:visible}.dropdown-item{cursor:pointer;font-size:.9rem;padding:.75rem 1rem;text-align:left;width:100%}.content-wrapper{background:#f8fafc;background:var(--content-bg);flex:1 1;overflow-y:auto;padding:1.5rem}.main-footer{background:#fff;background:var(--header-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);color:#64748b;color:var(--text-secondary);font-size:.85rem;padding:1.25rem 1.5rem}.main-footer .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#64748b;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#3b82f6;color:var(--sidebar-active)}@media (max-width:992px){.sidebar{transform:translateX(-100%);width:280px;z-index:1100}.sidebar.collapsed{transform:translateX(0);width:280px}.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-text,.sidebar.collapsed .user-info{display:block}.sidebar.collapsed .sidebar-nav a{justify-content:flex-start;padding:.75rem 1rem}.sidebar.collapsed .nav-icon{margin-right:.75rem}.sidebar-overlay,.sidebar:not(.collapsed)+.main-content .sidebar-overlay{display:block;opacity:1}.main-content{margin-left:0}.search-input{width:180px}}@media (max-width:768px){.top-bar{padding:0 1rem}.search-bar,.user-details{display:none}.user-dropdown{border-radius:50%;padding:.25rem}.dropdown-arrow{display:none}}.hidden{display:none!important}@media (max-width:992px){.sidebar{transform:translateX(-100%)}.sidebar.collapsed{transform:translateX(0)}.menu-toggle{display:flex}}@media (max-width:576px){.sidebar{width:280px}.page-title{font-size:1.1rem}.content-wrapper{padding:1rem}}.posts-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem}.posts-header-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #667eea4d;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.posts-header-card:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.posts-actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.search-section{flex:1 1;max-width:500px}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;font-size:1rem}.search-input{background:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;padding:.875rem 1rem .875rem 2.5rem}.search-input:focus{transform:translateY(-1px)}.clear-search-btn{border-radius:50%;font-size:.75rem;height:24px;right:.75rem;width:24px}.add-post-btn{align-items:center;background:blue;border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.add-post-btn:hover{box-shadow:0 8px 20px #667eea66;color:#fff;text-decoration:none;transform:translateY(-2px)}.posts-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.posts-table-container{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem;overflow:hidden}.posts-table{border-collapse:collapse;font-size:.9rem;width:100%}.posts-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.posts-table th{border:none;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem .75rem;text-align:left;text-transform:uppercase}.posts-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.posts-table tbody tr:hover{background-color:#f8fafc}.posts-table td{border:none;padding:1rem .75rem;vertical-align:middle}.post-image-cell{text-align:center;width:80px}.table-post-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:60px;object-fit:cover;width:60px}.post-title-cell{max-width:250px;min-width:200px}.post-title-cell h4{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.post-description-cell{max-width:300px;min-width:250px}.post-description-cell p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.post-attachments-cell{max-width:250px;min-width:200px}.attachment-link{max-width:100%;text-decoration:none;transition:all .2s ease}.attachment-link:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155;text-decoration:none}.post-date-cell{color:#64748b;font-size:.875rem;width:120px}.post-actions-cell{width:120px}.table-actions{gap:10px;justify-content:center}.table-action-btn{background-color:initial;font-size:16px;padding:6px;transition:background-color .2s ease}.table-action-btn:hover{background-color:#f0f0f0}.view-btn{color:#3498db}.view-btn:hover{background-color:#d6eaf8}.edit-btn{color:#f39c12}.edit-btn:hover{background-color:#fef5e7}.delete-btn{color:#e74c3c}.delete-btn:hover{background-color:#f9e1e0}.table-action-btn:disabled{cursor:not-allowed;opacity:.6}.no-posts-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;padding:4rem 2rem;text-align:center}.no-posts-icon{color:#d1d5db;font-size:4rem;margin-bottom:1.5rem}.no-posts-container h3{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.no-posts-container p{color:#6b7280;font-size:1.1rem;margin:0 0 2rem}.create-first-post-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.create-first-post-btn:hover{box-shadow:0 8px 20px #667eea66;color:#fff;text-decoration:none;transform:translateY(-2px)}.pagination-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-top:2rem;padding:1.5rem}.pagination-btn{border:1px solid #e5e7eb;border-radius:8px;color:#374151;padding:.75rem 1.25rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pagination-number:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.post-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:flex-start;background:#fff;position:-webkit-sticky;position:sticky}.modal-header h2{flex:1 1;line-height:1.4;padding-right:1rem}.close-modal-btn{flex-shrink:0}.modal-image{background:#f8fafc;border-radius:12px;margin-bottom:1.5rem;max-height:300px;overflow:hidden;width:100%}.modal-image img{height:100%;object-fit:cover;width:100%}.modal-content{display:flex;flex-direction:column;gap:1.5rem}.modal-meta{display:flex;flex-wrap:wrap;gap:2rem}.meta-item{color:#6b7280;font-size:.9rem;font-weight:500}.modal-description h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.modal-description p{color:#4b5563;font-size:1rem;line-height:1.7;margin:0}.modal-documents h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.documents-list{gap:.75rem}.document-link{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.document-link:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b;text-decoration:none;transform:translateX(4px)}.modal-footer{padding:1rem 2rem 2rem}.modal-edit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.modal-edit-btn:hover{box-shadow:0 4px 12px #10b9814d;color:#fff;text-decoration:none;transform:translateY(-1px)}.modal-delete-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#080808;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.modal-delete-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}@media (max-width:1200px){.posts-table{font-size:.8rem}.posts-table td,.posts-table th{padding:.75rem .5rem}.post-attachments-cell,.post-description-cell,.post-title-cell{max-width:200px;min-width:150px}}@media (max-width:768px){.posts-container{padding:1rem}.posts-header-card{padding:1.5rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-text h2{font-size:1.5rem}.posts-actions-bar{align-items:stretch;flex-direction:column}.search-section{max-width:none}.actions-section{justify-content:center}.posts-stats{gap:1rem;grid-template-columns:1fr}.posts-table-container{overflow-x:auto}.posts-table{min-width:800px}.pagination-container{flex-wrap:wrap;gap:.25rem}.pagination-btn{font-size:.875rem;padding:.5rem .75rem}.pagination-number{font-size:.875rem;height:35px;width:35px}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-body,.modal-footer{padding:1rem 1.5rem 1.5rem}.modal-footer,.modal-meta{flex-direction:column}.modal-meta{gap:.75rem}}@media (max-width:480px){.posts-header-card{padding:1rem}.header-icon{font-size:1.5rem;height:50px;width:50px}.header-text h2{font-size:1.25rem}.header-text p{font-size:1rem}}.user-management-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem}.user-header-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #667eea4d;color:#fff;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.user-header-card:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.header-stats{gap:2rem}.stat-item{background:#ffffff26;border-radius:15px;padding:1rem 1.5rem}.stat-label,.stat-number{display:block}.stat-label{margin-top:.5rem;opacity:.8}.search-filter-card{background:#fff;border:1px solid #667eea1a;border-radius:15px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:1.5rem}.search-section{align-items:center;display:flex;gap:1rem}.search-input-wrapper{flex:1 1;max-width:400px}.search-icon{color:#667eea;font-size:1.1rem;left:1rem;top:50%;transform:translateY(-50%)}.search-input{font-size:1rem;padding:.75rem 1rem .75rem 2.5rem}.clear-search{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .3s ease;width:24px}.clear-search:hover{background:#dc2626;transform:translateY(-50%) scale(1.1)}.users-content-card{background:#fff;border:1px solid #667eea1a;border-radius:15px;box-shadow:0 4px 20px #00000014;overflow:hidden}.loading-container{gap:1rem}.loading-container p{margin:0}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:2rem}.user-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:15px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.user-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.user-card:hover{border-color:#667eea;box-shadow:0 15px 35px #667eea26;transform:translateY(-5px)}.user-card:hover:before{transform:scaleX(1)}.user-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.user-avatar-section{align-items:center;display:flex;gap:1rem}.user-avatar-img{border:3px solid #667eea;border-radius:50%;object-fit:cover}.user-avatar-img,.user-avatar-placeholder{box-shadow:0 4px 15px #667eea4d;height:60px;width:60px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;justify-content:center}.user-name{color:#1e293b;font-size:1.3rem;font-weight:600;line-height:1.2;margin:0}.user-email{color:#64748b;font-size:.95rem;margin:.25rem 0 0}.user-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 10px #667eea4d;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.user-card-actions{gap:.75rem}.user-card-actions,.view{display:flex;justify-content:center}.view{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;min-width:80px;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.view:hover{box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.edit-user{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;box-shadow:0 4px 15px #10b9814d;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:80px;padding:.5rem 1rem;transition:all .3s ease}.edit-user,.edit-user:hover{color:#fff;text-decoration:none}.edit-user:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.delete{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:80px;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.delete:hover:not(.disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.delete.disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.no-users-found{color:#64748b;padding:4rem 2rem;text-align:center}.no-users-icon{color:#cbd5e1;font-size:4rem;margin-bottom:1rem}.no-users-found h3{color:#475569;font-size:1.5rem;margin:0 0 .5rem}.no-users-found p{font-size:1rem;margin:0}.pagination-container{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;padding:1.5rem 2rem}.pagination-info{color:#64748b;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(.disabled){background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px)}.pagination-btn.disabled{background:#f1f5f9;color:#cbd5e1;cursor:not-allowed}.page-numbers{display:flex;gap:.25rem;margin:0 1rem}.page-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-weight:500;height:40px;justify-content:center;transition:all .3s ease;width:40px}.page-number:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px)}.page-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.enhanced-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.enhanced-modal-content{animation:slideUp .3s ease;background:#fff;border:1px solid #667eea33;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-enhanced{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.modal-header-enhanced:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.modal-title-section{align-items:center;display:flex;gap:1rem;position:relative;z-index:2}.modal-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.modal-title-section h3{font-size:1.8rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:2}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body-enhanced{padding:2rem}.user-profile-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:15px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.profile-avatar{flex-shrink:0}.profile-avatar-img{border:4px solid #667eea;border-radius:50%;object-fit:cover}.profile-avatar-img,.profile-avatar-placeholder{box-shadow:0 8px 25px #667eea4d;height:100px;width:100px}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;justify-content:center}.profile-info{flex:1 1}.profile-name{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.profile-email{color:#64748b;font-size:1.1rem;margin:0}.user-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 15px #0000000d;overflow:hidden}.detail-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;gap:.75rem;padding:1rem 1.5rem}.detail-icon{color:#667eea;font-size:1.2rem}.detail-header h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0}.detail-content{padding:1.5rem}.detail-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#475569;font-size:.95rem;font-weight:500}.detail-value{font-weight:600;max-width:60%;text-align:right;word-break:break-word}.modal-footer-enhanced{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;padding:2rem}.modal-btn{gap:.75rem;padding:1rem 2rem;text-decoration:none}.edit-modal-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.edit-modal-btn:hover{box-shadow:0 6px 20px #10b98166;color:#fff;text-decoration:none;transform:translateY(-2px)}.delete-modal-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.delete-modal-btn:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}@media (max-width:768px){.user-management-container{padding:1rem}.user-header-card{padding:1.5rem}.header-content{flex-direction:column;gap:1.5rem;text-align:center}.header-stats{gap:1rem}.users-grid{gap:1rem;grid-template-columns:1fr;padding:1rem}.user-card-actions{flex-direction:column}.action-btn{width:100%}.pagination-container{gap:1rem}.pagination-container,.user-profile-section{flex-direction:column;text-align:center}.modal-footer-enhanced{flex-direction:column}.modal-btn{justify-content:center;width:100%}}.header-icon{font-size:1.5rem}.header-text p{font-weight:300}.header-decoration{gap:.5rem}.form-card-body{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;height:40%;max-width:100%;overflow:hidden;padding:1.5rem;width:70%}.form-label{align-items:center;color:#374151;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;margin-bottom:.5rem}.label-icon{color:#667eea;font-size:.9rem}.form-input,.form-textarea{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.9rem;padding:.75rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.form-textarea{font-family:inherit;line-height:1.4;min-height:100px;resize:vertical}.file-upload-area{background:#f9fafb;border:1.5px dashed #d1d5db;padding:1rem;transition:all .2s ease}.file-upload-area:hover{background:#f0f4ff;border-color:#667eea}.file-upload-content{align-items:center;display:flex;flex-direction:column}.upload-text{color:#374151;font-size:1.1rem;font-weight:600}.upload-hint{color:#6b7280;font-size:.9rem}.documents-upload{border-color:#e5e7eb;border-style:solid}.image-preview-container{display:inline-block}.preview-image{border-radius:6px;box-shadow:0 2px 6px #0003;height:auto;max-width:100%}.remove-image-btn{background-color:#0009;font-size:14px;padding:5px 7px;right:8px;top:8px}.remove-image-btn:hover{background-color:rgba(255,16,16,.227)}.documents-list{margin-top:10px}.document-items{display:flex;flex-direction:column;gap:8px}.document-item{background-color:#f4f4f4;border-radius:6px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:8px 12px}.doc-icon{color:#007bff;margin-right:8px}.doc-name{color:#333;flex:1 1;font-size:14px}.remove-doc-btn{align-items:center;background-color:initial;color:#e74c3c;display:flex;font-size:16px;justify-content:center;margin-left:12px}.remove-doc-btn:hover{color:#c0392b}.form-actions{border-top:1px solid #e5e7eb;padding-top:2rem}.submit-btn{box-shadow:0 4px 12px #667eea4d;gap:.5rem;margin-top:.5rem;padding:.7rem 1.5rem}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66}.submit-btn:disabled{opacity:.7}.btn-spinner{animation:spin 1s linear infinite}.btn-icon{font-size:1rem}@media (max-width:768px){.add-post-container{padding:1rem}.add-post-header-card{border-radius:15px;padding:1.5rem}.header-content{text-align:center}.header-content,.header-left{flex-direction:column;gap:1rem}.header-text h2{font-size:1.5rem}.form-card-body{padding:1.5rem}.submit-btn{width:100%}}@media (max-width:480px){.add-post-container{padding:.5rem}.add-post-header-card{margin-bottom:1rem;padding:1rem}.form-card-body{padding:1rem}.header-text h2{font-size:1.3rem}.header-text p{font-size:1rem}}.add-user-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem}.add-user-header-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #667eea4d;color:#fff;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.add-user-header-card:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.header-icon{border-radius:20px;height:70px;width:70px}.header-text h2{font-size:2.5rem}.header-decoration{align-items:center;gap:1rem}.decoration-circle{animation:pulse 2s ease-in-out infinite}.add-user-form-card{background:#fff;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.form-card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;padding:2rem}.form-header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.form-card-header h3{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.form-card-body{padding:2rem}.modern-form{display:flex;flex-direction:column;gap:2rem}.image-preview-section{display:flex;justify-content:center;margin-bottom:1rem}.preview-container{display:inline-block;position:relative}.preview-image{border:4px solid #667eea;border-radius:50%;box-shadow:0 8px 25px #667eea4d;height:120px;object-fit:cover;width:120px}.remove-image-btn{box-shadow:0 2px 10px #ef44444d;height:30px;right:-5px;top:-5px;transition:all .3s ease;width:30px}.form-fields-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.75rem}.field-label{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:.75rem}.field-icon{color:#667eea;font-size:1.1rem}.input-wrapper{position:relative}.modern-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.modern-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.modern-input::placeholder{color:#94a3b8}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input{padding-right:3rem}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;transition:all .3s ease}.password-toggle-btn:hover{background:#667eea1a;color:#5a67d8}.file-field{grid-column:1/-1}.file-input-wrapper{position:relative}.file-input-label{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:1rem;justify-content:center;padding:2rem;transition:all .3s ease}.file-input-label:hover{background:#667eea0d;border-color:#667eea;color:#667eea}.upload-icon{color:#667eea;font-size:1.5rem}.form-actions{justify-content:center;padding-top:1rem}.submit-btn{align-items:center;background:#2c7be5;border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:200px;padding:1rem 2.5rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.btn-icon{font-size:1.1rem}@media (max-width:768px){.add-user-container{padding:1rem}.add-user-header-card{padding:1.5rem}.header-content{flex-direction:column;gap:1.5rem;text-align:center}.header-text h2{font-size:2rem}.form-card-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.form-card-body{padding:1.5rem}.submit-btn{width:100%}}@media (max-width:480px){.header-text h2{font-size:1.8rem}.form-card-header h3{font-size:1.5rem}.modern-input{padding:.875rem 1rem}.file-input-label{flex-direction:column;padding:1.5rem}}.DashBoardHome{background-color:#f8fafc;padding:1.5rem}.section-title{border-bottom:1px solid #e2e8f0;color:#1e293b;margin-bottom:1.25rem;padding-bottom:.5rem}.metrics-section{margin-bottom:2rem}.metric-card{align-items:center;background-color:#fff;border-left:4px solid #0000;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.metric-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.metric-card.primary{border-left-color:#3b82f6}.metric-card.success{border-left-color:#10b981}.metric-card.info{border-left-color:#0ea5e9}.metric-card.warning{border-left-color:#f59e0b}.card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-right:1rem;width:50px}.primary .card-icon{background-color:#3b82f61a;color:#3b82f6}.success .card-icon{background-color:#10b9811a;color:#10b981}.info .card-icon{background-color:#0ea5e91a;color:#0ea5e9}.warning .card-icon{background-color:#f59e0b1a;color:#f59e0b}.card-content{flex:1 1}.card-content h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.metric-value{color:#1e293b;display:block;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.metric-label{color:#64748b;font-size:.875rem}.analytics-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:1.5rem;overflow:hidden}.card-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.card-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.card-header h3 svg{color:#3b82f6}.card-body{padding:1.5rem}.chart-container{height:250px;justify-content:center}.bar-chart,.chart-container{align-items:flex-end;display:flex}.bar-chart{height:100%;justify-content:space-between;padding:0 1rem;width:100%}.chart-item{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bar-container{align-items:flex-end;display:flex;height:85%;justify-content:center;width:100%}.bar{background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;max-width:40px;min-height:5px;position:relative;transition:height .5s ease;width:70%}.bar-value{color:#1e293b;font-size:.75rem;font-weight:600;left:50%;position:absolute;top:-25px;transform:translateX(-50%)}.bar-label{color:#64748b;font-size:.875rem;margin-top:.5rem}.projects-list{gap:1.25rem}.project-item,.projects-list{display:flex;flex-direction:column}.project-item{gap:.75rem}.project-info{align-items:center;display:flex;justify-content:space-between}.project-info h4{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.status{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.status.active{background-color:#10b9811a;color:#10b981}.status.planning{background-color:#f59e0b1a;color:#f59e0b}.progress-container{align-items:center;display:flex;gap:1rem}.progress-bar{background-color:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%}.progress-text{color:#1e293b;font-size:.875rem;font-weight:500;min-width:40px;text-align:right}.table-responsive{overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{color:#64748b;font-weight:600;text-align:left}.dashboard-table td,.dashboard-table th{border-bottom:1px solid #e2e8f0;font-size:.875rem;padding:.75rem 1rem}.dashboard-table td{color:#1e293b}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table tbody tr:hover{background-color:#f8fafc}.post-title{font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-users{display:flex;flex-direction:column;gap:1.25rem}.user-item{gap:1rem}.user-avatar,.user-item{align-items:center;display:flex}.user-avatar{background-color:#3b82f6;border-radius:50%;color:#fff;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;min-width:0}.user-info h4{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.user-info p{color:#64748b;font-size:.875rem;margin:.25rem 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.user-role{background-color:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:.75rem;font-weight:500;padding:.15rem .5rem}.user-date{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:.25rem}.water-resources{padding:1rem 0}.resource-stats{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.stat-item{align-items:center;background-color:#f8fafc;border-radius:8px;display:flex;flex:1 1;gap:1rem;min-width:200px}.stat-item:hover{background-color:#f1f5f9;transform:translateY(-3px)}.stat-icon{background-color:#3b82f61a;color:#3b82f6;font-size:1.5rem}.stat-content h4{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.stat-content p{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.dashboard-loader{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;justify-content:center;margin:1.5rem;padding:3rem}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #3b82f64d;border-top-color:#3b82f6;margin-bottom:1rem}.dashboard-loader p{color:#64748b;font-size:.95rem;margin:0}.dashboard-error{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;justify-content:center;margin:1.5rem;padding:3rem}.dashboard-error p{color:#ef4444;font-size:.95rem;margin:0 0 1rem}.retry-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.retry-btn:hover{background-color:#2563eb}@media (max-width:992px){.resource-stats{gap:1rem}.stat-item{min-width:150px}}@media (max-width:768px){.DashBoardHome{padding:1rem}.resource-stats{flex-direction:column;gap:1rem}.stat-item{width:100%}.bar{width:60%}}@media (max-width:576px){.metric-card{padding:1rem}.card-icon{font-size:1.25rem;height:40px;width:40px}.metric-value{font-size:1.5rem}.card-body,.card-header{padding:1rem}.chart-container{height:200px}}.messages-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.header-stats{display:flex;gap:16px}.stat-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;padding:12px 20px}.error-state{background:#fff;border:1px solid #fecaca;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:80px 20px;text-align:center}.error-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.error-state h3{color:#dc2626;font-size:1.5rem;font-weight:600;margin-bottom:12px}.error-state p{color:#ef4444;font-size:1rem;margin-bottom:32px}.messages-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:32px}.message-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;padding:24px;transition:all .3s ease}.message-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.message-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.sender-info{flex:1 1;gap:12px}.sender-avatar,.sender-info{align-items:center;display:flex}.sender-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;font-size:18px;height:48px;justify-content:center;width:48px}.sender-details{flex:1 1;min-width:0}.sender-email{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:4px;word-break:break-all}.message-date{align-items:center;color:#64748b;display:flex;font-size:.85rem;font-weight:500;gap:6px}.message-number{background:#f1f5f9;border-radius:20px;color:#475569;font-size:.85rem;font-weight:600;padding:6px 12px;white-space:nowrap}.message-content{flex:1 1;margin-bottom:20px}.message-content p{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0;overflow:hidden}.message-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-top:auto;padding-top:16px}.action-btn{flex:1 1;font-weight:600;gap:6px;padding:10px}.view-btn:hover{box-shadow:0 4px 12px #1d4ed84d;transform:translateY(-2px)}.reply-btn{background:#dcfce7;color:#166534}.reply-btn:hover{background:#bbf7d0;box-shadow:0 4px 12px #1665344d;transform:translateY(-2px)}.modal-overlay{background:#00000080;padding:20px}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;padding:24px 32px}.modal-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.modal-body{max-height:400px;padding:32px}.message-detail{gap:20px}.detail-item,.message-detail{display:flex;flex-direction:column}.detail-item{gap:8px}.detail-item.full-width{grid-column:1/-1}.detail-label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1e293b;font-size:1rem;font-weight:500;word-break:break-all}.message-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;line-height:1.6;padding:16px;white-space:pre-wrap;word-break:break-word}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;gap:12px;padding:24px 32px}.modal-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.modal-btn.reply-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-btn.reply-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.modal-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-btn.delete-btn:hover{box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}@media (max-width:1200px){.messages-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.messages-container{padding:16px}.enhanced-header-card{margin-bottom:24px;padding:24px}.header-content{flex-direction:column;gap:20px;text-align:center}.header-left{flex-direction:column;gap:16px}.header-text h1{font-size:2rem}.messages-grid,.stats-container{gap:16px;grid-template-columns:1fr}.actions-bar{padding:16px}.search-input{font-size:16px}.pagination{gap:4px;padding:12px 16px}.page-btn{font-size:13px;height:36px;min-width:36px}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.modal-body,.modal-footer,.modal-header{padding:20px}}@media (max-width:480px){.message-card{padding:16px}.message-header{align-items:flex-start;flex-direction:column;gap:12px}.sender-info{width:100%}.message-number{align-self:flex-start}.message-actions{flex-direction:column;gap:8px}.action-btn{padding:12px}.modal-footer{flex-direction:column}}.action-btn:focus,.close-btn:focus,.modal-btn:focus,.page-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.actions-bar,.enhanced-header-card,.message-actions,.pagination-container{display:none}.message-card{border:1px solid #e2e8f0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.messages-grid{gap:16px;grid-template-columns:1fr}}.profile-container{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c7be5;border:1px solid #ffffff4d;border-radius:12px;bottom:20px;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:8px;left:80%;padding:12px 24px;position:relative;transition:all .3s ease;width:20%}.btn:hover:not(:disabled){background:#2c7be5;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.profile-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.profile-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.profile-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:40px 32px;position:relative;text-align:center}.avatar-section{align-items:center;display:flex;flex-direction:column;gap:16px}.avatar-container{display:inline-block;position:relative}.avatar-image{border:4px solid #fff;border-radius:50%;box-shadow:0 8px 30px #00000026;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.avatar-overlay{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;bottom:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;position:absolute;right:8px;transition:all .3s ease;width:36px}.avatar-overlay:hover{box-shadow:0 4px 15px #667eea66;transform:scale(1.1)}.profile-status{display:flex;justify-content:center}.status-badge{align-items:center;display:flex;font-size:.85rem;gap:6px;padding:8px 16px}.profile-info{padding:32px}.info-display{display:flex;flex-direction:column;gap:24px}.info-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.info-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(4px)}.info-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;width:48px}.info-content{flex:1 1}.info-label{color:#64748b;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-value{color:#1e293b;font-size:1.1rem;font-weight:600}.edit-form{display:flex;flex-direction:column;gap:24px}.form-group{gap:8px}.form-group label{color:#374151;font-size:.9rem;font-weight:600;gap:8px}.form-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;outline:none;padding:14px 16px;transition:all .3s ease}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:12px;margin-top:8px}.save-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{align-items:center;background:#f3f4f6;border-radius:12px;color:#6b7280;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:#e5e7eb}.btn-spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.quick-actions-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;height:-webkit-fit-content;height:fit-content;padding:32px}.quick-actions-card h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 24px}.actions-grid{display:flex;flex-direction:column;gap:16px}.action-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.action-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.action-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;width:48px}.action-content{flex:1 1}.action-title{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:4px}.action-desc{color:#64748b;font-size:.85rem;line-height:1.4}@media (max-width:1024px){.profile-content{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.profile-container{padding:16px}.enhanced-header-card{margin-bottom:24px;padding:24px}.header-content{flex-direction:column;gap:20px;text-align:center}.header-text h1{font-size:2rem}.profile-header{padding:32px 24px}.profile-info,.quick-actions-card{padding:24px}.form-actions{flex-direction:column}.form-input{font-size:16px}}@media (max-width:480px){.avatar-image{height:100px;width:100px}.info-item{padding:16px}.info-icon{font-size:16px;height:40px;width:40px}.action-item{padding:16px}.action-icon{font-size:16px;height:40px;width:40px}}.action-btn:focus,.cancel-btn:focus,.save-btn:focus{outline:2px solid #667eea;outline-offset:2px}.addUserContainer form{background-color:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:30px}.addUserContainer .form-group{margin-bottom:1.5rem}.addUserContainer label{color:#2c7be5;display:block;font-weight:500;margin-bottom:.5rem}.addUserContainer .inputField{border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);padding:.75rem;transition:border-color var(--transition-fast)}.addUserContainer .inputField:focus{border-color:#2c7be5;box-shadow:0 0 0 .2rem #0056b326;outline:none}.addUserContainer .siteBtn{background-color:#2c7be5;border:none;border-radius:var(--border-radius-sm);color:var(--white);font-weight:500;padding:.75rem 1.5rem;transition:background-color var(--transition-fast)}.addUserContainer .siteBtn:hover{background-color:#2c7be5}.addUserContainer .siteBtn:disabled{background-color:var(--medium-gray);cursor:not-allowed}.addPostContainer form{background-color:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:30px}.addPostContainer .form-group{margin-bottom:1.5rem}.addPostContainer label{color:#2c7be5;display:block;font-weight:500;margin-bottom:.5rem}.addPostContainer .inputField{border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);padding:.75rem;transition:border-color var(--transition-fast)}.addPostContainer .inputField:focus{border-color:#2c7be5;box-shadow:0 0 0 .2rem #0056b326;outline:none}.addPostContainer .siteBtn{background-color:#2c7be5;border:none;border-radius:var(--border-radius-sm);color:var(--white);font-weight:500;padding:.75rem 1.5rem;transition:background-color var(--transition-fast)}.addPostContainer .siteBtn:hover{background-color:#2c7be5}.addPostContainer .siteBtn:disabled{background-color:var(--medium-gray);cursor:not-allowed}.gallery-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.header-left{gap:1.5rem}.header-icon{border-radius:15px;font-size:1.8rem}.header-text h2{color:#181818;font-size:2rem;text-shadow:0 2px 4px #0000001a}.header-text p{margin:.5rem 0 0}.header-decoration{display:flex;gap:10px}.decoration-circle{animation:pulse 2s infinite;background:#ffffff4d;border-radius:50%;height:12px;width:12px}.decoration-circle:nth-child(2){animation-delay:.5s}.decoration-circle:nth-child(3){animation-delay:1s}.gallery-actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:-10rem}.stats-section{flex:1 1}.stat-card{border:1px solid #f1f5f9;box-shadow:0 4px 12px #0000000d;gap:1rem;max-width:250px;padding:1.5rem}.stat-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.stat-icon{border-radius:12px;font-size:1.25rem;height:50px;width:50px}.stat-info h3{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.stat-info p{color:#64748b;font-size:.875rem;font-weight:500;margin:.25rem 0 0}.actions-section{display:flex;gap:1rem}.upload-btn{align-items:center;background-color:blue;border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;position:relative;top:-130px;transition:all .3s ease}.upload-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;padding:4rem 2rem}.loading-container p{margin-top:1rem}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;margin-right:.5rem;width:20px}.upload-progress-container{background:#fff3;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden;position:relative;width:100%}.upload-progress-bar{background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%;position:relative;transition:width .3s ease}.upload-progress-bar:after{animation:progressShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.enhanced-submit.uploading{cursor:not-allowed}.enhanced-submit.uploading:hover{box-shadow:0 4px 6px #f59e0b40;transform:none}.gallery-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.gallery-card{border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;position:relative;top:-28%;transition:all .3s ease}.gallery-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.image-container{background:#f8fafc;height:220px;width:100%}.image-container img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-card:hover .image-container img{transform:scale(1.05)}.no-image-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#9ca3af;display:flex;flex-direction:column;font-size:2rem;height:100%;justify-content:center;width:100%}.no-image-placeholder span{font-size:.875rem;font-weight:500;margin-top:.5rem}.image-overlay{background:#000000b3;gap:1rem}.gallery-card:hover .image-overlay{opacity:1}.overlay-btn{border:none;border-radius:50%;font-size:1.1rem;height:45px;width:45px}.view-btn{background:#3b82f6;color:#fff}.view-btn:hover{background:#2563eb}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.gallery-card-content{padding:1.5rem}.image-title{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.image-meta{margin-bottom:0}.upload-date{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.no-images-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;padding:4rem 2rem;text-align:center}.no-images-icon{color:#d1d5db;font-size:4rem;margin-bottom:1.5rem}.no-images-container h3{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.no-images-container p{color:#6b7280;font-size:1.1rem;margin:0 0 2rem}.upload-first-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.upload-first-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.upload-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;height:80%;max-width:800px;overflow:hidden;width:100%}.enhanced-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.enhanced-modal{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #667eea1a;box-shadow:0 25px 50px #667eea26,0 0 0 1px #fffc}.enhanced-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;overflow:hidden;padding:1.5rem 2rem;position:relative}.enhanced-header:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.header-content{gap:1rem}.header-icon{opacity:.9}.header-text h2{font-size:1.5rem;font-weight:600;margin:0}.header-text p{font-size:.9rem;margin:.25rem 0 0;opacity:.9}.enhanced-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.enhanced-close:hover{background:#ffffff4d;transform:rotate(90deg)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.close-modal-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-modal-btn:hover{background:#e2e8f0;color:#374151;transform:scale(1.05)}.modal-body{height:70%;overflow-y:auto;padding:1rem 2rem 2rem}.upload-section{margin-bottom:4rem}.file-upload-label{background-color:#f1f5f9;border-radius:8px;color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.5rem}.file-upload-label small{color:#6b7280;font-size:.875rem;font-weight:400}.enhanced-upload{margin-bottom:2rem}.drag-drop-zone{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px dashed #cbd5e1;border-radius:16px;cursor:pointer;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.drag-drop-zone:before{background:linear-gradient(45deg,#0000 49%,#667eea0d 50%,#0000 51%);background-size:20px 20px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.drag-drop-zone:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.drag-drop-zone:hover:before{opacity:1}.drag-drop-zone.drag-over{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#667eea;box-shadow:0 12px 30px #667eea33;transform:scale(1.02)}.drag-drop-zone.has-files{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.drag-drop-zone.uploading{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;cursor:not-allowed}.upload-icon{color:#94a3b8;font-size:3rem;margin-bottom:1rem}.drag-drop-zone:hover .upload-icon{color:#667eea;transform:scale(1.1)}.upload-text h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.upload-text p{color:#6b7280;font-size:1rem;margin:0 0 .5rem}.browse-text{color:#667eea;font-weight:600;text-decoration:underline}.upload-text small{color:#9ca3af;font-size:.875rem}.file-input{background-color:#f1f5f9;border:2px dashed #0c3c6c;border-radius:8px;font-size:.9rem;height:120px;padding:.5rem;transition:all .3s ease}.file-input:hover{background:#f0f9ff;border-color:#667eea}.file-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.selected-files{margin-bottom:2rem}.selected-files h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.files-list{display:flex;flex-direction:column;gap:.75rem}.file-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.file-item:hover{background:#f1f5f9;border-color:#cbd5e1}.file-name{flex:1 1;margin-right:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;height:30px;justify-content:center;transition:all .2s ease;width:30px}.remove-file-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.enhanced-files{margin-bottom:2rem}.files-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;margin-bottom:1rem;padding:1rem}.files-header,.files-header h4{align-items:center;display:flex}.files-header h4{color:#059669;font-weight:600;gap:.5rem;margin:0}.check-icon{color:#10b981}.clear-all-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.clear-all-btn:hover{background:#dc2626;color:#fff}.files-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:300px;overflow-y:auto;padding:.5rem}.file-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.file-preview-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.image-preview{height:120px;overflow:hidden;position:relative;width:100%}.image-preview img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.file-preview-card:hover .image-preview img{transform:scale(1.05)}.image-overlay{background:#00000080;transition:opacity .3s ease}.file-preview-card:hover .image-overlay{opacity:1}.remove-image-btn{background:#dc2626}.remove-image-btn:hover{background:#b91c1c}.file-info{padding:.75rem;text-align:center}.file-name{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.file-size{color:#6b7280;font-size:.75rem}.enhanced-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin:0 -2rem -2rem;padding:1.5rem 2rem}.footer-info{flex:1 1}.files-count{align-items:center;color:#059669;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.footer-actions{display:flex;gap:1rem}.enhanced-cancel{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.enhanced-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.enhanced-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #667eea40;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.enhanced-submit:hover:not(:disabled){box-shadow:0 6px 12px #667eea4d;transform:translateY(-1px)}.enhanced-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.cancel-btn{background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#f1f5f9;border-color:#9ca3af}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.upload-submit-btn{align-items:center;background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.upload-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.upload-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.gallery-container{padding:1rem}.gallery-header-card{padding:1.5rem}.header-content{gap:1rem}.header-text h2{font-size:1.5rem}.gallery-actions-bar{align-items:stretch;flex-direction:column}.stat-card{max-width:none}.actions-section{justify-content:center}.gallery-grid{gap:1rem;grid-template-columns:1fr}.image-overlay{background:#00000080;opacity:1}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-body{padding:1rem 1.5rem 1.5rem}.modal-footer{flex-direction:column}.enhanced-header{padding:1rem 1.5rem}.header-content{flex-direction:column;gap:.5rem;text-align:center}.header-icon{font-size:1.5rem}.header-text h2{font-size:1.25rem}.drag-drop-zone{padding:2rem 1rem}.upload-icon{font-size:2rem}.upload-text h3{font-size:1.1rem}.files-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.file-preview-card{border-radius:8px}.image-preview{height:100px}.enhanced-footer{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.footer-actions{justify-content:space-between;width:100%}.enhanced-cancel,.enhanced-submit{flex:1 1;justify-content:center}}@media (max-width:480px){.gallery-header-card{padding:1rem}.header-icon{font-size:1.5rem;height:50px;width:50px}.header-text h2{font-size:1.25rem}.header-text p{font-size:1rem}.gallery-card-content{padding:1rem}.image-title{font-size:1rem}}.upload-modal .modal-title{color:#2c7be5;font-weight:600}.custom-file-upload{background-color:#f8f9fa;border:1px dashed #ced4da;border-radius:5px;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;transition:all .3s ease;width:100%}.custom-file-upload:hover{background-color:#e9ecef;border-color:#adb5bd}.selected-files{border:1px solid #e9ecef;border-radius:5px;margin:15px 0;max-height:200px;overflow-y:auto;padding:10px}.selected-file-item{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:5px;padding:8px 12px}.selected-file-item:last-child{margin-bottom:0}@media (max-width:768px){.admin-gallery-container{padding:15px}.card{margin-bottom:15px}.upload-modal .modal-dialog{margin:.5rem}}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:300px}.empty-state{color:#7f8c8d;padding:40px 20px}.empty-state i{color:#bdc3c7;font-size:3rem;margin-bottom:15px}.btn-upload{font-weight:500;gap:8px}.btn-delete,.btn-upload{align-items:center;display:flex}.btn-delete{font-size:.85rem;gap:5px}.card-img-top{animation:fadeIn .5s ease-in-out}.selected-files::-webkit-scrollbar{width:6px}.selected-files::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.selected-files::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.selected-files::-webkit-scrollbar-thumb:hover{background:#555}.notice-form-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 30px #00000014;margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:1.5rem 2rem;position:relative}.form-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.form-header .header-icon{color:#ffffffe6;font-size:1.75rem}.form-subtitle{font-size:.95rem;font-weight:400;margin:.5rem 0 0;opacity:.9}.form-body{padding:2rem}.form-section{margin-bottom:2.5rem}.section-title{border-bottom:2px solid #edf2f7;color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:#4a5568;display:block;font-size:.95rem;margin-bottom:.5rem}.form-group .hint{color:#718096;display:block;font-size:.8rem;font-weight:400;margin-top:.25rem}.required{color:#e53e3e;margin-left:.25rem}.form-control{background-clip:padding-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:0}textarea.form-control{min-height:150px;resize:vertical}.file-upload-area{background-color:#f8fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.file-upload-area.dragging{background-color:#667eea0d;border-color:#667eea}.file-upload-area:hover{border-color:#a0aec0}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-content{pointer-events:none}.upload-icon{color:#a0aec0;font-size:2rem;margin-bottom:.75rem;transition:all .3s ease}.file-upload-area:hover .upload-icon{color:#667eea;transform:translateY(-2px)}.file-types{color:#a0aec0;display:block;font-size:.8rem;margin-top:.5rem}.image-preview-container{border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;max-width:20%;overflow:hidden;position:relative}.image-preview{display:block;height:auto;margin:0 auto;max-width:100%}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px}.remove-image-btn:hover{background:#e53e3e;transform:scale(1.1)}.documents-list{margin-top:1rem}.document-item{background:#f8fafc;margin-bottom:.5rem;padding:.75rem 1rem}.document-item:hover{transform:translateX(2px)}.file-icon{flex-shrink:0;font-size:1.25rem;margin-right:.75rem}.file-icon.pdf{color:#e53e3e}.file-icon.word{color:#2b579a}.file-icon.excel{color:#217346}.file-icon.powerpoint{color:#d24726}.document-info{flex:1 1;min-width:0}.document-name{color:#2d3748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-size{color:#718096;font-size:.75rem;margin-top:.15rem}.remove-doc-btn{background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;margin-left:.5rem;padding:.25rem;transition:all .2s ease}.remove-doc-btn:hover{background:#fff5f5;color:#e53e3e}.toggle-switch{display:inline-block;height:26px;margin-right:.75rem;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e2e8f0;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.4s;width:20px}input:checked+.toggle-slider{background-color:#48bb78}input:focus+.toggle-slider{box-shadow:0 0 0 3px #48bb784d}input:checked+.toggle-slider:before{transform:translateX(24px)}.form-actions{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.form-actions .action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.form-actions .primary-actions{display:flex;gap:1rem;margin-left:auto}.form-actions .btn{align-items:center;border-radius:6px;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.65rem 1.5rem;transition:all .2s ease}.form-actions .btn-outline{background:#fff;border:1px solid #d1d5db;color:#4b5563}.form-actions .btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 4px #0000001a;color:#fff}.form-actions .btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.form-actions .btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.form-actions .btn .spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;margin-right:.5rem;width:1rem}.btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.5;min-width:120px;padding:.65rem 1.5rem;transition:all .2s ease}.btn-outline,.form-actions .btn-outline{background:#0000;border:1px solid #e2e8f0;color:#4a5568}.btn-outline:hover,.form-actions .btn-outline:hover{background:#f8fafc;border-color:#cbd5e0}.btn-primary,.form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 5px #667eea4d;color:#fff}.btn-primary:hover,.form-actions .btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.form-actions .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#1f2937}.form-actions .btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.btn:disabled,.form-actions .btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}.spinner{animation:spin .8s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:1.25rem;width:1.25rem}@media (max-width:768px){.form-header{padding:1.25rem 1.5rem}.form-body{padding:1.5rem}.form-actions{flex-direction:column;gap:.75rem}.btn{width:100%}}.notice-management-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.enhanced-header-card{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #667eea26;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}@keyframes shimmer{0%,to{background:linear-gradient(135deg,#667eea,#764ba2)}50%{background:linear-gradient(135deg,#764ba2,#667eea)}}.header-left{align-items:center;display:flex;gap:20px}.header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;display:flex;font-size:24px;height:60px;width:60px}.header-text h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.header-text p{font-size:1.1rem;font-weight:400;margin:8px 0 0}.create-notice{align-items:center;background:blue;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;left:1000px;overflow:hidden;padding:12px 24px;position:relative;text-align:center;transition:all .3s ease;width:180px;z-index:1}.create-notice:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.create-notice:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.create-notice:hover:before{opacity:1}.create-notice .btn-icon{transition:transform .3s ease}.create-notice:hover .btn-icon{transform:rotate(90deg)}.notice-management-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea33;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.header-content{align-items:center;display:flex;justify-content:space-between}.header-text h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.header-text p{color:#ffffffe6;font-size:1rem;margin:0}.decorative-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.circle{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:80px;right:15%;top:20%;width:80px}.circle-2{animation-delay:2s;height:60px;right:25%;top:60%;width:60px}.circle-3{animation-delay:4s;height:40px;right:8%;top:40%;width:40px}.form-container{margin-bottom:32px}.actions-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.search-container{max-width:500px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#64748b;font-size:16px;left:16px;position:absolute;z-index:2}.search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-search-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;transition:all .2s ease;width:32px;z-index:2}.clear-search-btn:hover{background:#dc2626;transform:scale(1.1)}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;display:flex;font-size:20px;height:56px;justify-content:center;width:56px}.stat-content{flex:1 1}.stat-number{color:#1e293b;font-weight:700;line-height:1}.stat-label{color:#64748b;font-size:.9rem;margin-top:4px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.loading-container p{color:#64748b;font-size:1.1rem;font-weight:500}.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:80px 20px;text-align:center}.empty-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:12px}.empty-state p{color:#64748b;font-size:1rem;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px}.notices-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:32px}.notice-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.notice-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.notice-image{height:200px;overflow:hidden;position:relative}.notice-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.notice-card:hover .notice-image img{transform:scale(1.05)}.notice-content{display:flex;flex:1 1;flex-direction:column;padding:24px}.notice-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.notice-title{color:#1e293b;flex:1 1;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0}.status-badge{padding:6px 12px;white-space:nowrap}.status-badge.active{color:#166534}.status-badge.Active{background:#fef2f2;color:#991b1b}.notice-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:.95rem;line-height:1.6;margin:0 0 20px;overflow:hidden}.documents-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.documents-header{align-items:center;color:#475569;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:12px}.documents-list{display:flex;flex-direction:column;gap:8px}.document-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:12px;padding:8px;transition:all .2s ease}.document-item:hover{background:#f1f5f9;border-color:#cbd5e1}.doc-icon{color:#667eea;font-size:16px;text-align:center;width:20px}.doc-info{flex:1 1;min-width:0}.doc-name{color:#1e293b;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-meta{color:#64748b;font-size:.75rem;margin-top:2px}.doc-actions{display:flex;gap:4px}.doc-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.view-btn{background:#dbeafe;color:#1d4ed8}.view-btn:hover{background:#bfdbfe;transform:scale(1.1)}.download-btn:hover{background:#bbf7d0;transform:scale(1.1)}.notice-footer{border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:auto;padding-top:20px}.notice-date,.notice-footer{align-items:center;display:flex}.notice-date{color:#64748b;font-size:.85rem;font-weight:500;gap:8px}.notice-actions{display:flex;gap:8px}.action-btn{border:none;border-radius:10px;font-size:14px;height:36px;transition:all .2s ease;width:36px}.edit-btn{background:#dbeafe;color:#1d4ed8}.edit-btn:hover{background:#bfdbfe;box-shadow:0 4px 12px #1d4ed84d;transform:translateY(-2px)}.toggle-btn.active{background:#dcfce7;color:#166534}.toggle-btn.Active{background:#f3f4f6;color:#6b7280}.toggle-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fee2e2;box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.pagination-container{margin-top:40px}.pagination{border-radius:16px;box-shadow:0 4px 20px #00000014;gap:8px;padding:16px 24px}.page-btn,.pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;display:flex}.page-btn{border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .2s ease}.page-btn:hover:not(.disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.page-btn.disabled{cursor:not-allowed;opacity:.5}.page-ellipsis{color:#64748b;font-weight:500;padding:0 8px}@media (max-width:1200px){.notices-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.notice-management-container{padding:16px}.enhanced-header-card{margin-bottom:24px;padding:24px}.header-content{flex-direction:column;gap:20px;text-align:center}.header-left{flex-direction:column;gap:16px}.header-text h1{font-size:2rem}.notices-grid,.stats-container{gap:16px;grid-template-columns:1fr}.actions-bar{padding:16px}.search-input{font-size:16px}.pagination{gap:4px;padding:12px 16px}.page-btn{font-size:13px;height:36px;min-width:36px}}@media (max-width:480px){.notice-card{margin:0 -8px}.notice-content{padding:16px}.notice-header{align-items:flex-start;flex-direction:column;gap:8px}.status-badge{align-self:flex-start}.notice-footer{align-items:flex-start;flex-direction:column;gap:12px}.notice-actions{align-self:stretch;justify-content:space-between}}.fade-in{animation:fadeIn .5s ease-in-out}.pulse{animation:pulse 2s infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.action-btn:focus,.create-btn:focus,.doc-btn:focus,.page-btn:focus{outline:2px solid #667eea;outline-offset:2px}.search-input:focus{outline:none}.notices-table-container{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem;overflow:hidden}.notices-table{border-collapse:collapse;font-size:.9rem;width:100%}.notices-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notices-table th{border:none;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem .75rem;text-align:left;text-transform:uppercase}.notices-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.notices-table tbody tr:hover{background-color:#f8fafc}.notices-table td{border:none;padding:1rem .75rem;vertical-align:middle}.notice-image-cell{text-align:center;width:80px}.table-notice-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:60px;object-fit:cover;width:60px}.no-image-placeholder-small{align-items:center;background:#f1f5f9;border-radius:8px;color:#94a3b8;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.notice-title-cell{max-width:250px;min-width:200px}.notice-title-cell h4{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.notice-content-cell{max-width:300px;min-width:250px}.notice-content-cell p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.notice-attachments-cell{max-width:250px;min-width:200px}.attachments-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{justify-content:space-between}.attachment-item,.attachment-link{align-items:center;display:flex;gap:.5rem}.attachment-link{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;flex:1 1;font-size:.8rem;min-width:0;padding:.375rem .75rem}.attachment-link span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-actions{display:flex;gap:.25rem}.attachment-btn.view-btn{background:#dbeafe;color:#1d4ed8}.attachment-btn.view-btn:hover{background:#bfdbfe;color:#1e40af}.no-attachments{color:#94a3b8;font-size:.875rem;font-style:italic}.notice-status-cell{width:100px}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.status-badge.Active,.status-badge.active{background:#dcfce7;color:#16a34a}.notice-date-cell{color:#64748b;font-size:.875rem;width:120px}.notice-actions-cell{width:120px}.table-actions{align-items:center;display:flex;gap:.5rem}.table-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.table-action-btn.edit-btn{background:#fef3c7;color:#d97706}.table-action-btn.edit-btn:hover{background:#fde68a;color:#b45309}.table-action-btn.toggle-btn.active{background:#dcfce7;color:#16a34a}.table-action-btn.toggle-btn.Active{background:#fef2f2;color:#dc2626}.table-action-btn.toggle-btn:hover{transform:scale(1.1)}.table-action-btn.delete-btn{background:#fecaca;color:#dc2626}.table-action-btn.delete-btn:hover{background:#fca5a5;color:#b91c1c}@media (max-width:1200px){.notices-table{font-size:.8rem}.notices-table td,.notices-table th{padding:.75rem .5rem}.notice-attachments-cell,.notice-content-cell,.notice-title-cell{max-width:200px;min-width:150px}}@media (max-width:768px){.notices-table-container{overflow-x:auto}.notices-table{min-width:900px}}@media print{.actions-bar,.enhanced-header-card,.pagination-container{display:none}.notice-card{border:1px solid #e2e8f0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.notices-grid{gap:16px;grid-template-columns:1fr}}:root{--login-primary:#1e3a8a;--login-secondary:#3b82f6;--login-accent:#60a5fa;--login-light:#f0f9ff;--login-dark:#1e293b;--login-error:#ef4444;--login-success:#10b981;--login-text:#334155;--login-border:#e2e8f0;--login-shadow:#0000001a}.admin-login-container{align-items:center;background-color:#f8fafc;display:flex;justify-content:center;min-height:100vh;padding:1rem;width:100%}.login-wrapper{border-radius:12px;box-shadow:0 10px 25px #0000001a;box-shadow:0 10px 25px var(--login-shadow);display:flex;max-width:1000px;min-height:600px;overflow:hidden;width:100%}.login-card{background-color:#fff;display:flex;flex:1 1;flex-direction:column;padding:2.5rem}.login-header{margin-bottom:2rem;text-align:center}.logo-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.login-logo{height:60px;width:200px}.login-header h1{color:#1e3a8a;color:var(--login-primary);font-size:1.5rem;font-weight:700;margin:0}.login-header h2{color:#334155;color:var(--login-text);font-size:1.25rem;font-weight:500;margin-top:.5rem}.error-message{background-color:#ef44441a;border-radius:6px;color:#ef4444;color:var(--login-error);font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.login-form{display:flex;flex:1 1;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{align-items:center;color:#334155;color:var(--login-text);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.input-container{position:relative}.form-input{border:1px solid #e2e8f0;border:1px solid var(--login-border);border-radius:6px;color:#1e293b;color:var(--login-dark);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--login-secondary);box-shadow:0 0 0 3px #3b82f633;outline:none}.form-input::placeholder{color:#94a3b8}.form-options{justify-content:space-between;margin:.5rem 0}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:.5rem}.remember-me input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--login-secondary);cursor:pointer;height:16px;width:16px}.remember-me label{color:#334155;color:var(--login-text);cursor:pointer;font-size:.875rem}.forgot-password{color:#3b82f6;color:var(--login-secondary);font-size:.875rem;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#1e3a8a;color:var(--login-primary);text-decoration:underline}.login-button{align-items:center;background-color:#1e3a8a;background-color:var(--login-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.login-button:hover{background-color:#1e40af;box-shadow:0 4px 6px #1e3a8a4d}.login-button:disabled{background-color:#94a3b8;cursor:not-allowed}.login-footer{margin-top:2rem;text-align:center}.login-footer p{color:#64748b;font-size:.75rem}.login-image{align-items:center;background-image:url(https://images.unsplash.com/photo-1544551763-77ef2d0cfc6c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-position:50%;background-size:cover;display:flex;flex:1 1;justify-content:center;padding:2rem;position:relative}.overlay{background:linear-gradient(135deg,#1e3a8acc,#3b82f6b3);bottom:0;left:0;position:absolute;right:0;top:0}.login-quote{color:#fff;max-width:400px;position:relative;text-align:center;z-index:1}.login-quote h3{font-size:1.75rem;font-weight:600;margin:1rem 0}.login-quote p{font-size:1.1rem;opacity:.9}@media (max-width:992px){.login-wrapper{flex-direction:column;max-width:500px}.login-card{order:2;padding:2rem 1.5rem}.login-image{min-height:200px;order:1}.login-quote h3{font-size:1.5rem}.login-quote p{font-size:1rem}}@media (max-width:480px){.login-card{padding:1.5rem 1rem}.form-options{align-items:flex-start;flex-direction:column;gap:.75rem}.login-image{min-height:150px}.login-quote h3{font-size:1.25rem}}:root{--primary-color:#1a56db;--primary-hover:#1649b8;--text-color:#1f2937;--text-light:#6b7280;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition:all 0.3s ease;background:linear-gradient(180deg,#fff,#b3e5fc)}.blog-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:2rem 1rem 4rem}.blog-header{margin-bottom:3rem;padding:0 1rem;text-align:center}.blog-header h1{color:#1f2937;color:var(--text-color);display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative}.blog-header h1:after{background:#1a56db;background:var(--primary-color);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.blog-header p{color:#6b7280;color:var(--text-light);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.blog-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.blog-card__image{height:200px;overflow:hidden;position:relative;width:100%}.blog-image{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--transition);width:100%}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-card__date{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:20px;bottom:1rem;color:#fff;display:flex;font-size:.85rem;gap:.5rem;left:1rem;padding:.5rem 1rem;position:absolute}.blog-card__date .icon{font-size:.9rem}.blog-card__content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.blog-card__meta{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.85rem;gap:1rem;margin-bottom:.75rem}.blog-card__author{align-items:center;display:flex;gap:.5rem}.blog-card__author .icon{color:#1a56db;color:var(--primary-color);font-size:.9rem}.blog-card__title{-webkit-line-clamp:2;line-clamp:2;color:#1f2937;color:var(--text-color);font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 1rem}.blog-card__excerpt,.blog-card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card__excerpt{-webkit-line-clamp:3;line-clamp:3;color:#6b7280;color:var(--text-light);flex:1 1;line-height:1.6;margin-bottom:1.5rem}.blog-card__link{align-items:center;color:#1a56db;color:var(--primary-color);display:inline-flex;font-weight:600;margin-top:auto;text-decoration:none;width:-webkit-fit-content;width:fit-content}.blog-card__link,.blog-card__link .arrow-icon{transition:all .3s ease;transition:var(--transition)}.blog-card__link .arrow-icon{font-size:.9rem;margin-left:.5rem}.blog-card__link:hover{color:#1649b8;color:var(--primary-hover);text-decoration:underline}.blog-card__link:hover .arrow-icon{transform:translateX(4px)}.no-posts{background:var(--bg-light);border-radius:12px;grid-column:1/-1;padding:4rem 1rem;text-align:center}.no-posts__content h3{color:#1f2937;color:var(--text-color);font-size:1.5rem;margin-bottom:.75rem}.no-posts__content p{color:#6b7280;color:var(--text-light);margin:0 auto 1.5rem;max-width:500px}.loader-container{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 1rem}.loader-container p{color:#6b7280;color:var(--text-light);font-weight:500;margin-top:1.5rem}.pagination-container{align-items:center}.pagination-arrow,.pagination-number{align-items:center;border:1px solid var(--border-color);border-radius:8px;color:#1f2937;color:var(--text-color);display:flex;font-size:.95rem;font-weight:500;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.pagination-arrow:hover:not(:disabled),.pagination-number:hover:not(.active){background:var(--bg-light);border-color:#1a56db;border-color:var(--primary-color);color:#1a56db;color:var(--primary-color)}.pagination-number.active{background:#1a56db;background:var(--primary-color);border-color:#1a56db;border-color:var(--primary-color)}.pagination-ellipsis{align-items:center;color:#6b7280;color:var(--text-light);display:flex;height:40px;justify-content:center;-webkit-user-select:none;user-select:none;width:40px}@media (max-width:1024px){.blog-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.blog-header h1{font-size:2.25rem}}@media (max-width:768px){.blog-container{padding:1.5rem 1rem 3rem}.blog-header{margin-bottom:2rem}.blog-header h1{font-size:2rem}.blog-header p{font-size:1rem}.blog-card__content{padding:1.25rem}.blog-card__title{font-size:1.1rem}.pagination-arrow,.pagination-ellipsis,.pagination-number{font-size:.9rem;height:36px;width:36px}}@media (max-width:480px){.blog-header h1{font-size:1.75rem}.blog-grid{grid-template-columns:1fr}.pagination-container{flex-wrap:wrap}}.gallery-page{background:#fff;margin-top:2rem;min-height:100vh;padding:6rem 0 2rem}.gallery-container{padding:2rem}.gallery-heading{margin-top:3rem}.gallery-heading,.heading{color:#2c7be5;font-size:2.5rem;font-weight:600;margin-bottom:3rem}.heading{padding-bottom:15px;position:relative}.gallery-heading h1{color:#2c7be5;font-size:2.5rem;font-weight:600;margin-bottom:3rem}.empty-gallery{padding:4rem 2rem;text-align:center}.empty-gallery h3{color:#666;margin-bottom:1rem}.gallery-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:1rem 0;padding:0}.gallery-item{break-inside:avoid;page-break-inside:avoid;position:relative}.gallery-card{background:#fff}.gallery-card:hover{transform:scale(1.02)}.image-container{border-radius:8px;overflow:hidden;position:relative}.gallery-image{display:block;height:auto;max-height:300px;min-height:150px;object-fit:cover;transition:all .2s ease;width:100%}.overlay-btn{align-items:center;color:#000;cursor:pointer;display:flex;font-size:30px;height:60%;justify-content:center;transition:all .2s ease;width:60%}.image-info{padding:1.5rem}.fullscreen-overlay{align-items:flex-start;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:4rem 2rem 2rem;position:fixed;right:0;top:0;z-index:1000}.fullscreen-content{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:95%;max-width:95%;overflow:hidden;position:relative}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fullscreen-image{background:#f8fafc;max-height:80vh;max-width:100%;object-fit:contain}.close-button{background:#00000080;font-size:1.25rem;height:44px;right:1rem;top:1rem;width:44px;z-index:1001}.close-button:hover{background:#000000b3;transform:scale(1.1)}.gallery-loading{align-items:center;background:#f8fafc;display:flex;height:50vh;justify-content:center}.gallery-loading .spinner-border{color:#667eea;height:3rem;width:3rem}.pagination-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:3rem}.pagination-arrow,.pagination-number{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;margin:0 .25rem;padding:.5rem 1rem;transition:all .2s ease}.pagination-arrow:hover:not(:disabled),.pagination-number:hover:not(.active){background:#f7fafc;border-color:#cbd5e0}.pagination-arrow:disabled{cursor:not-allowed;opacity:.5}.pagination-number.active{background:#2c7be5;border-color:#2c7be5;color:#fff}@media (max-width:1200px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.gallery-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.fullscreen-overlay,.gallery-container{padding:1rem}.pagination-container{margin-top:2rem}.pagination-arrow,.pagination-number{font-size:.9rem;padding:.4rem .8rem}}@media (max-width:480px){.gallery-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-image{max-height:200px;min-height:120px}.overlay-btn{font-size:.8rem}}.post-detail{color:#333;line-height:1.7;margin:0 auto;max-width:1200px;padding:120px 1.5rem 2rem}.back-button{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#2c7be5;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:#e2e8f0;color:#061642}.post-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden;padding:2rem}.post-header{margin-bottom:2rem;text-align:center}.post-title{color:#2d3748;font-size:2.25rem;line-height:1.3;margin-bottom:1rem}.post-meta{color:#718096;display:flex;font-size:.95rem;gap:1.5rem;justify-content:center;margin-top:1.5rem}.post-meta .icon{color:#718096;margin-right:.5rem}.post-image-container{border-radius:6px;box-shadow:0 4px 6px #0000001a;margin:2rem 0;overflow:hidden}.post-image{display:block;height:auto;max-height:600px;object-fit:cover;width:100%}.post-body{color:#2d3748;font-size:1.1rem;line-height:1.8}.post-description{white-space:pre-line}.post-description p{margin-bottom:1.5rem}.post-description img{border-radius:6px;height:auto;margin:1.5rem 0;max-width:100%}.post-detail-error,.post-detail-loading,.post-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.post-detail-error,.post-not-found{color:#e53e3e}@media (max-width:768px){.post-detail{padding:1rem}.post-content{padding:1.5rem}.post-title{font-size:1.75rem}.post-meta{align-items:center;flex-direction:column;gap:.5rem}.post-body{font-size:1rem}}.recommended-posts{border-top:1px solid #e2e8f0;margin-top:4rem;padding-top:3rem}.recommended-title{align-items:center;color:#2d3748;display:flex;font-size:1.75rem;gap:.75rem;margin-bottom:2rem}.recommended-title .icon{color:#3182ce}.recommended-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.recommended-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.recommended-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.recommended-link{color:inherit;display:block;height:100%;text-decoration:none}.recommended-image{height:180px;overflow:hidden}.recommended-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.recommended-card:hover .recommended-image img{transform:scale(1.05)}.recommended-content{padding:1.5rem}.recommended-post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2d3748;display:-webkit-box;font-size:1.15rem;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.recommended-meta{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:1rem}.recommended-meta .icon{margin-right:.25rem}.loading-recommended{display:flex;justify-content:center;padding:2rem 0}.no-recommended{color:#718096;padding:2rem 0;text-align:center}.view-all-container{margin-top:2rem;text-align:center}.view-all-button{align-items:center;background:#2c7be5;border-radius:4px;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.view-all-button:hover{background:#159bd1}.view-all-button .arrow-icon{transform:rotate(180deg);transition:transform .2s ease}.view-all-button:hover .arrow-icon{transform:rotate(180deg) translateX(3px)}@media (max-width:768px){.recommended-grid{grid-template-columns:1fr}.recommended-title{font-size:1.5rem}.recommended-post-title{font-size:1.1rem}}@media print{.back-button{display:none}.post-detail{padding:0}.post-content{box-shadow:none;padding:0}.post-image-container{page-break-inside:avoid}.recommended-posts{display:none}}.board-page{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:120px 0 0}.board-hero{background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo%201589201529153-5152f88554bd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80) no-repeat 50%/cover;color:#fff;padding:120px 0 80px;position:relative;text-align:center}.board-hero-content p{font-size:1.2rem;margin:0 auto;max-width:700px;text-shadow:1px 1px 3px #00000080}.section{padding:80px 0}.section-title{margin-bottom:50px}.underline{background:#3498db;border-radius:2px;height:4px;margin:0 auto;width:80px}.director-card{background:#fff;border-left:4px solid #3498db;border-radius:10px;box-shadow:0 5px 15px #0000001a;height:100%;padding:30px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.director-card:hover{box-shadow:0 10px 25px #182ab826;transform:translateY(-5px)}.director-info h3{color:#2c7be5;font-size:1.4rem;margin-bottom:.5rem}.position{color:#7f8c8d;font-style:italic;font-weight:500;margin-bottom:1.2rem}.contact-info p{align-items:center;display:flex;margin-bottom:.8rem}.contact-info svg{color:#3498db;margin-right:10px;width:16px}.contact-info a{color:#3498db;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#2980b9;text-decoration:underline}@media (max-width:991.98px){.director-card{margin-bottom:30px}}@media (max-width:767.98px){.board-hero-content h1{font-size:2.2rem}.section{padding:60px 0}.section-title h2{font-size:1.8rem}}.team-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2c7be5;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;overflow:hidden;padding:0;position:relative}.team-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.team-header{padding:3rem 0 2rem;position:relative;text-align:center;z-index:2}.team-header h2{color:#2c7be5;font-size:2.8rem;font-weight:800;margin-bottom:1rem;margin-top:4rem}.header-subtitle{font-size:1.1rem;max-width:700px}.decoration-1{height:120px;top:15%;width:120px}.decoration-2{height:80px;top:25%;width:80px}.decoration-3{bottom:15%;height:100px;width:100px}.team-departments{padding:2rem 0;position:relative;z-index:2}.departments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}.department-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.department-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.department-card:hover{box-shadow:0 20px 40px #667eea26;transform:translateY(-8px)}.department-card:nth-child(2n){border-left:4px solid #2c7be5}.department-card:nth-child(odd){border-left:4px solid #0ea5e9}.department-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.department-icon{align-items:center;background:#2c7be5;border-radius:12px;box-shadow:0 6px 15px #1abae64d;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:45px;justify-content:center;width:45px}.department-title h3{color:#2c7be5;font-size:1.2rem;font-weight:700;line-height:1.3;margin-bottom:.3rem}.department-description{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.department-members{grid-gap:1rem;display:grid;gap:1rem}.member-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.member-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea33;transform:translateX(5px)}.member-avatar{align-items:center;background:#2c7be5;border-radius:50%;box-shadow:0 3px 8px #1abae64d;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;height:35px;justify-content:center;width:35px}.member-info{flex-grow:1}.member-name{color:#2c7be5;font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 .15rem}.member-role{color:#6c757d;font-size:.8rem;font-weight:500;margin:0}.company-mission{background:#2c7be5;color:#fff;overflow:hidden;padding:2.5rem 0;position:relative}.company-mission:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mission-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.mission-content h3{color:#fff;font-size:2rem;font-weight:800;margin-bottom:1rem}.mission-content p{font-size:1rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.mission-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.stat-item:hover{background:#ffffff26;transform:translateY(-5px)}.stat-number{color:#fff;font-size:2rem;margin-bottom:.3rem}.stat-label{color:#ffffffe6;font-size:1rem}@media (max-width:1200px){.departments-grid{max-width:900px}.department-card{padding:2rem}}@media (max-width:992px){.departments-grid{gap:1.25rem;grid-template-columns:1fr}.team-header{padding:2.5rem 0 1.5rem}.team-header h2{font-size:2.5rem}.header-icon{font-size:1.5rem;height:60px;width:60px}.department-card{padding:1.25rem}.department-header{gap:.75rem}.department-icon{font-size:1rem;height:40px;width:40px}.mission-content h3{font-size:1.8rem}.mission-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.team-header{padding:2rem 0 1.5rem}.team-header h2{font-size:2.2rem}.header-subtitle{font-size:1rem}.team-departments{padding:1.5rem 0}.departments-grid{gap:1rem}.department-card{padding:1rem}.department-header{align-items:center;flex-direction:row;gap:.75rem}.department-title h3{font-size:1.1rem}.member-item{padding:.5rem}.member-avatar{font-size:.65rem;height:30px;width:30px}.company-mission{padding:2rem 0}.mission-content h3{font-size:1.6rem}.mission-content p{font-size:.9rem}}@media (max-width:576px){.team-header h2{font-size:1.8rem}.department-card{padding:.75rem}.department-icon{font-size:.9rem;height:35px;width:35px}.department-title h3{font-size:1rem}.member-item{flex-direction:row;gap:.5rem;padding:.4rem;text-align:left}.member-avatar{font-size:.6rem;height:25px;width:25px}.member-name{font-size:.85rem}.member-role{font-size:.7rem}.mission-stats{gap:.75rem;grid-template-columns:1fr}.stat-number{font-size:1.5rem}.mission-content h3{font-size:1.4rem}}:root{--primary-color:#2c7be5;--text-color:#ecf0f1;--light-text-color:#bdc3c7;--border-color:#2d3748;--shadow-color:#00000080;--error-color:#e74c3c;--success-color:#2ecc71;--header-zindex:1000;--overlay-zindex:1100}.update-overlay{align-items:center;background:t;box-sizing:border-box;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1100;z-index:var(--overlay-zindex)}.update-overlay.visible{display:flex}.update-modal{background-color:var(--background-color);background:#f5f5f5;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:100%}.new-notice-glow{box-shadow:0 0 0 1px #2c7be5;box-shadow:0 0 0 1px var(--primary-color)}.close-button{background:#ffffff1a;height:36px;padding:0;position:absolute;right:16px;top:16px;width:36px;z-index:10}.close-icon{color:#bdc3c7;color:var(--light-text-color);font-size:1.2rem}.close-button:hover .close-icon{color:#2c7be5;color:var(--primary-color)}.notice-content{flex-grow:1;overflow-y:auto;padding:30px 40px}.notice-header{margin-bottom:20px;position:relative;text-align:center}.new-notice-indicator{background-color:#2c7be5;background-color:var(--primary-color);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;left:50%;padding:3px 8px;position:absolute;top:-10px;transform:translateX(-50%)}.notice-header h2{color:blue;font-size:1.9rem;font-weight:700;margin:0;text-transform:uppercase}.notice-date{color:#bdc3c7;color:var(--light-text-color);font-size:.9rem;margin-top:8px}.notice-body{color:#ecf0f1;color:var(--text-color);font-size:1rem;line-height:1.7;text-align:justify}.notice-body p{color:#000;margin:0 0 1em}.attachments-section{border-top:1px solid #2d3748;border-top:1px solid var(--border-color);margin-top:25px;padding-top:25px}.notice-image-container{border-radius:12px;margin-bottom:20px;overflow:hidden}.notice-image{display:block;height:auto;width:100%}.file-download,.file-link{border-radius:12px;transition:all .3s ease}.file-link{align-items:center;background-color:#f8f9fa;border:1px solid #2d3748;border:1px solid var(--border-color);color:#ecf0f1;color:var(--text-color);display:flex;padding:15px;text-decoration:none}.file-link:hover{background-color:#f1f3f5;border-color:#2c7be5;border-color:var(--primary-color);box-shadow:0 5px 15px #00000080;box-shadow:0 5px 15px var(--shadow-color);transform:translateY(-2px)}.file-icon{color:#2c7be5;color:var(--primary-color);font-size:1.8rem;margin-right:15px}.file-details{flex-grow:1}.file-name{display:block;font-weight:600}.file-type{color:#bdc3c7;color:var(--light-text-color);font-size:.8rem}.download-icon-wrapper{color:#2c7be5;color:var(--primary-color);font-size:1.5rem;transition:transform .3s ease}.file-link:hover .download-icon-wrapper{transform:scale(1.2)}.error-state,.loading-state,.no-notices-state{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #2d3748;border-top-color:#2c7be5;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:20px;width:40px}.error-state h3{color:#e74c3c;color:var(--error-color);margin-top:0}.error-state p,.no-notices-state p{color:#bdc3c7;color:var(--light-text-color);margin:10px 0 20px}.error-state button,.no-notices-state button{background-color:#2c7be5;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 25px;transition:background-color .2s ease}.error-state button:hover,.no-notices-state button:hover{background-color:#2980b9}@media (max-width:600px){.update-modal{border-radius:0;height:100%;max-height:100%;width:100%}.notice-content{padding:20px}.notice-header h2{font-size:1.5rem}.file-link{align-items:flex-start;flex-direction:column;text-align:left}.file-icon{margin-bottom:10px}.download-icon-wrapper{align-self:flex-end;margin-top:10px}}.notices-page{background-color:#f8f9fa;min-height:calc(100vh - 200px);padding-top:120px}.notices-page h1{color:#2c7be5;font-weight:600;margin-top:4rem;padding-bottom:15px;position:relative}.notices-page h1:after{background-color:#2c7be5;border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.search-box{margin:0 auto;max-width:500px}.card{border:1px solid rgba(0,0,0,.075);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card-text{flex:1 1;margin-bottom:1rem}.card:hover{box-shadow:0 10px 20px #0000001a!important;transform:translateY(-5px)}.card-title{color:#2c7be5;font-weight:600;margin-bottom:.75rem}.card-subtitle{font-size:.85rem;margin-bottom:1rem}.card-text{color:#6c757d;margin-bottom:1.5rem}.card-footer{background-color:initial;border-top:1px solid #0000000d}.document-attachments{border-top:1px solid #0000000d;margin-top:auto;padding-top:1rem;width:100%}.document-attachments .border{border-color:#e9ecef!important;transition:all .2s ease}.document-attachments .border:hover{background-color:#f8f9fa;border-color:#ced4da!important}.document-attachments .btn-group .btn{border-radius:.25rem!important;padding:.25rem .5rem}.document-attachments .btn-group .btn:first-child{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.document-attachments .btn-group .btn:last-child{border-bottom-left-radius:0!important;border-left:0;border-top-left-radius:0!important}.fa-file-pdf{color:#e74c3c}.fa-file-word{color:#2b579a}.fa-file-excel{color:#217346}.fa-file-powerpoint{color:#d24726}.fa-file-image{color:#3498db}.fa-file-alt{color:#6c757d}.btn-outline-primary{border-color:#2c7be5;color:#2c7be5;transition:all .3s ease}.btn-outline-primary:hover{background-color:#2c7be5;color:#fff}@media (max-width:768px){.notices-page{padding:2rem 0}.card{margin-bottom:1.5rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-border{animation:spin 1s linear infinite;height:3rem;width:3rem}.text-muted{color:#6c757d!important}.fa-file-alt{opacity:.7}.news-updates-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden;padding:4rem 0;position:relative}.news-updates-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section-header{margin-bottom:3rem;position:relative}.header-content{position:relative;z-index:2}.header-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 30px #667eea4d;color:#fff;display:inline-flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.section-header h2{font-weight:800;margin-top:4rem}.header-subtitle{color:#6c757d;font-size:1.2rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.header-decorations{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.decoration-1,.decoration-2,.decoration-3{animation:pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.1;position:absolute}.decoration-1{animation-delay:0s;height:100px;left:10%;top:10%;width:100px}.decoration-2{animation-delay:1s;height:60px;right:15%;top:20%;width:60px}.decoration-3{animation-delay:2s;bottom:10%;height:80px;left:20%;width:80px}.news-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.news-card{border-radius:20px;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column;height:500px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.news-card:hover{box-shadow:0 20px 40px #667eea26;transform:translateY(-10px) scale(1.02)}.news-card.animated{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.news-image img{transition:transform .4s ease}.news-card:hover .news-image img{transform:scale(1.1)}.image-overlay{align-items:center;background:linear-gradient(135deg,#000000b3,#667eeacc);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s ease}.news-card:hover .image-overlay{opacity:1}.read-more-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:2px solid #fff3;border-radius:50px;box-shadow:0 10px 30px #0000004d;color:#fff;cursor:pointer;padding:1rem 2rem;transform:translateY(20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.news-card:hover .read-more-overlay{background:#ffffff40;border-color:#fff6;box-shadow:0 15px 40px #0006;transform:translateY(0)}.read-more-content{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.75rem}.read-more-icon{font-size:1.2rem;transition:transform .3s ease}.read-more-text{white-space:nowrap}.read-more-arrow{font-size:1rem;transition:transform .3s ease}.read-more-overlay:hover .read-more-arrow{transform:translateX(5px)}.read-more-overlay:hover .read-more-icon{transform:scale(1.1)}.news-content{display:flex;flex-direction:column;flex-grow:1;height:calc(100% - 200px);padding:1.5rem}.news-meta{color:#6c757d;gap:1rem}.meta-item{align-items:center;display:flex;gap:.5rem}.news-title{-webkit-line-clamp:2;color:#2c7be5;font-size:1.3rem;font-weight:700;line-height:1.4;margin-bottom:1rem}.news-excerpt,.news-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.news-excerpt{-webkit-line-clamp:3;color:#5a6c7d;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:auto}.news-actions{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.view-full-post.primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.view-full-post.primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.action-buttons{display:flex;gap:.5rem}.action-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:.9rem;height:35px;justify-content:center;transition:all .3s ease;width:35px}.action-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff;transform:scale(1.1)}.full-post-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.full-post-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-header{padding:1rem;position:absolute;right:0;top:0;z-index:10}.modal-actions{align-items:center;display:flex;gap:.5rem}.modal-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-action-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#dc3545;transform:scale(1.1) rotate(90deg)}.full-post-image{border-radius:20px 20px 0 0;height:400px;overflow:hidden;position:relative;width:100%}.full-post-image img{height:100%;object-fit:cover;width:100%}.image-gradient-overlay{background:linear-gradient(#0000,#0000004d);bottom:0;height:100px;left:0;position:absolute;right:0}.full-post-details{padding:2.5rem}.post-header h2{color:#2c7be5;font-size:2.2rem;font-weight:800;line-height:1.3;margin-bottom:1rem}.post-meta-detailed{border-bottom:1px solid #e9ecef;display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1rem}.post-meta-detailed .meta-item{align-items:center;color:#6c757d;display:flex;font-size:.95rem;gap:.5rem}.post-content{color:#2c7be5;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.post-documents{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:2rem}.post-documents h4{align-items:center;color:#2c7be5;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.documents-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.document-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;color:#2c7be5;display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.document-item:hover{background:#8ac5f5;box-shadow:0 8px 20px #667eea4d;color:#fff;text-decoration:none;transform:translateY(-2px)}.document-icon{align-items:center;background:#e9ecef;border-radius:50%;color:#6c757d;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.document-item:hover .document-icon{background:#fff3;color:#fff}.document-name{font-size:.95rem;font-weight:500}.loader-container{padding:4rem 0;text-align:center}.premium-loader{align-items:center;display:flex;flex-direction:column;gap:1rem}.premium-loader p{color:#6c757d;font-size:1.1rem;font-weight:500}.no-content{color:#6c757d;padding:4rem 2rem;text-align:center}.no-content-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.no-content h3{color:#2c7be5;font-size:1.5rem;margin-bottom:.5rem}.no-content p{font-size:1rem;margin-bottom:1.5rem}.load-more-container{margin-top:3rem;text-align:center}.load-more-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.load-more-btn:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}@media (max-width:1200px){.news-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:992px){.section-header h2{font-size:2.5rem}.header-icon{font-size:1.5rem;height:60px;width:60px}.news-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.news-card{height:450px}.news-image{height:180px}}@media (max-width:768px){.news-updates-section{padding:3rem 0}.section-header h2{font-size:2rem}.header-subtitle{font-size:1rem}.news-grid{gap:1.5rem;grid-template-columns:1fr}.news-card{height:420px}.news-image{height:160px}.news-content{padding:1.25rem}.news-title{font-size:1.2rem}.full-post-overlay{padding:1rem}.full-post-details{padding:1.5rem}.post-header h2{font-size:1.8rem}.post-meta-detailed{flex-direction:column;gap:.5rem}}@media (max-width:576px){.section-header h2{font-size:1.8rem}.news-card{height:auto;min-height:380px}.news-image{height:140px}.news-content{padding:1rem}.news-actions{align-items:stretch;flex-direction:column;gap:1rem}.action-buttons{justify-content:center}.read-more-overlay{padding:.75rem 1.5rem}.read-more-content{font-size:.9rem}}:root{--primary-blue:#2c7be5;--primary-dark:#159bd1;--light-blue:#e8f8fd;--white:#fff;--dark:#2c7be5;--light-gray:#f8f9fa;--shadow:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--gradient-primary:linear-gradient(135deg,#2c7be5,#159bd1);--gradient-mesh:linear-gradient(45deg,#1abae61a,#159bd11a)}.home-page{animation:fadeIn .8s ease-out;background:#fff;background:var(--white);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.hero-section{align-items:center;display:flex;height:100vh;justify-content:center;min-height:600px;perspective:1000px}.hero-background{z-index:1}.hero-background,.hero-mesh{height:100%;left:0;position:absolute;top:0;width:100%}.hero-mesh{animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,#1abae61a,#159bd11a);background:var(--gradient-mesh);z-index:2}.hero-image{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:brightness(.7);height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(1.1);transition:all 1.5s cubic-bezier(.4,0,.2,1);width:100%}.hero-image.active{opacity:1;transform:scale(1)}.hero-overlay{background:radial-gradient(circle at center,#0000004d 0,#0009 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.hero-content{color:#fff;color:var(--white);max-width:800px;padding:0 2rem;position:relative;text-align:center;transform-style:preserve-3d;z-index:4}.hero-title{animation:fadeInUp 1s ease-out .3s both;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 8px #00000080}.title-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e8f8fd);-webkit-background-clip:text;background-clip:text;display:block}.title-sub{display:block;font-size:.8em;font-weight:600;margin-top:.5rem;opacity:.9}.hero-subtitle{animation:fadeInUp 1s ease-out .6s both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000;font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;opacity:.95;padding:1rem 2rem;text-shadow:0 2px 4px #0000004d}.hero-buttons{animation:fadeInUp 1s ease-out .9s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.hero-button1{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.hero-button1:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.hero-button1:hover:before{left:100%}.hero-button1{background:#2c7be5;box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);color:#fff;color:var(--white)}.hero-button1:hover{box-shadow:0 15px 35px #1abae666;color:#fff;text-decoration:none;transform:translateY(-3px) scale(1.05)}.hero-button2{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.hero-button2:hover{background:#2c7be5;background:var(--primary-blue);color:#fff;text-decoration:none;transform:translateY(-3px) scale(1.05)}.section-header{animation:fadeInUp .8s ease-out;margin-bottom:4rem;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:#2c7be5;-webkit-background-clip:text;background-clip:text;color:var(--dark);font-size:3rem;margin-bottom:1rem}.about-section{background:#f8f9fa;background:var(--light-gray);opacity:0;padding:6rem 0;transform:translateY(50px);transition:all .8s ease-out}.about-section.visible{opacity:1;transform:translateY(0)}.about-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.about-card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.about-card:before{background:linear-gradient(135deg,#2c7be5,#159bd1);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.about-card:hover:before{transform:scaleX(1)}.about-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.card-icon{animation:pulse 2s infinite;font-size:3rem;margin-bottom:1.5rem}.about-card h3{color:#2c7be5;color:var(--dark);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.about-card p{color:#666;line-height:1.6}.stats-section{opacity:0;padding:6rem 0;transform:translateY(50px);transition:all .8s ease-out}.stats-section.visible{opacity:1;transform:translateY(0)}.stats-background{border-radius:20px;overflow:hidden;padding:4rem 2rem;position:relative}.stats-background:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));position:relative;z-index:2}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);color:#000;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:500px}.stat-card:hover{background:#2c7be5;transform:translateY(-5px) scale(1.05)}.stat-number{animation:countUp 2s ease-out;color:#383535;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#383535;font-size:1.1rem;font-weight:500;opacity:.9}.services-section{background:#fff;background:var(--white);opacity:0;padding:6rem 0;transform:translateY(50px);transition:all .8s ease-out}.services-section.visible{opacity:1;transform:translateY(0)}.services-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.service-card{background:var(--white);border-radius:12px;border-radius:var(--border-radius);border-top:4px solid #0000;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:2.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.service-card:before{background:linear-gradient(135deg,#2c7be5,#159bd1);background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease;width:100%}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg)}.service-icon{font-size:3rem;margin-bottom:1.5rem;transition:transform .3s ease}.service-card:hover .service-icon{transform:rotateY(1turn)}.service-card h3{color:var(--dark);font-size:1.5rem;margin-bottom:1rem}.service-card p{color:#666;margin-bottom:1.5rem}.service-link{font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.service-link:after{background:#2c7be5;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.service-link:hover:after{width:100%}.features-section{background:#f8f9fa;background:var(--light-gray);opacity:0;padding:6rem 0;transform:translateY(50px);transition:all .8s ease-out}.features-section.visible{opacity:1;transform:translateY(0)}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.feature-card{background:#fff;background:var(--white);border-left:4px solid #2c7be5;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-card h3{color:#2c7be5;color:var(--dark);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.6}.news-section{background:#fff;background:var(--white);opacity:0;padding:6rem 0;transform:translateY(50px);transition:all .8s ease-out}.news-section.visible{opacity:1;transform:translateY(0)}.news-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem}.news-card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.news-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.news-image{height:200px;overflow:hidden;position:relative}.news-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.news-card:hover .news-image img{transform:scale(1.05)}.news-date{background:linear-gradient(135deg,#2c7be5,#159bd1);background:var(--gradient-primary);border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--white);min-width:50px;padding:.5rem;position:absolute;right:1rem;text-align:center;top:1rem}.date-day{display:block;font-size:1.2rem;font-weight:700;line-height:1}.date-month{display:block;font-size:.8rem;font-weight:500;margin-top:2px;text-transform:uppercase}.news-content{padding:2rem}.news-category{background:#e8f8fd;background:var(--light-blue);border-radius:20px;display:inline-block;font-size:.8rem;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.news-category,.news-content h3{color:#2c7be5;font-weight:600;margin-bottom:1rem}.news-content h3{color:var(--dark);font-size:1.3rem;line-height:1.4;transition:color .3s ease}.news-card:hover .news-content h3{color:#2c7be5}.news-content p{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.news-meta{align-items:center;border-bottom:1px solid #eee;color:#888;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.news-author{font-weight:500}.news-read-time{opacity:.8}.news-link{color:#2c7be5;font-size:.9rem;font-weight:600;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.news-link:after{background:#2c7be5;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.news-link:hover:after{width:100%}.news-footer{border-top:1px solid #eee;margin:0 auto;max-width:600px;padding-top:2rem;text-align:center}.news-loader{align-items:center;display:flex;justify-content:center;min-height:200px;padding:4rem 0}.news-footer p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.contact-section{opacity:0;padding:6rem 0;transform:translateY(50px);transition:all .8s ease-out}.contact-section.visible{opacity:1;transform:translateY(0)}.contact-background{background:linear-gradient(135deg,#2c7be5,#159bd1);background:var(--gradient-primary);border-radius:20px;overflow:hidden;padding:4rem 2rem;position:relative}.contact-content{color:#fff;color:var(--white);position:relative;text-align:center;z-index:2}.contact-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9}.contact-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes expandWidth{0%{width:0}to{width:80px}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.container{padding:0 1.5rem}.hero-title{font-size:3.5rem}}@media (max-width:992px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.section-header h2{font-size:2.5rem}}@media (max-width:768px){.container{padding:0 1rem}.hero-section{height:80vh;min-height:500px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem;padding:.8rem 1.5rem}.hero-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}.section-header h2{font-size:2rem}.about-grid,.features-grid,.news-grid,.services-grid{gap:2rem;grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;padding:.6rem 1rem}.section-header h2{font-size:1.8rem}.stats-grid{grid-template-columns:1fr}.about-card,.feature-card,.service-card{padding:2rem}.contact-buttons{align-items:center;flex-direction:column}}@media print{.hero-section{height:auto;min-height:auto}.btn{background:#0000!important;border:2px solid #2c7be5!important;color:#2c7be5!important}}.services-section{padding:var(--spacing-xl) 0}.services-section .section-header{margin-bottom:var(--spacing-xl);text-align:center}.services-section .section-header h2{color:#2c7be5;font-size:2.5rem;margin-bottom:var(--spacing-md)}.services-section .section-header p{color:var(--text-muted);font-size:1.25rem;margin:0 auto;max-width:800px}.services-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);justify-content:center;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-lg)}.explore-more{margin-top:var(--spacing-xl);text-align:center}.explore-more-link{background-color:#2c7be5;border-radius:var(--border-radius);color:#fff;display:inline-block;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color .3s ease}.explore-more-link:hover{background-color:#fff}.service-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-shrink:0;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal);width:300px;z-index:1}.service-card:hover{box-shadow:0 4px 15px #2c7be5;transform:translateY(-5px)}.service-image{height:200px;overflow:hidden;width:100%}.service-image-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.service-card:hover .service-image-img{transform:scale(1.1)}.service-content{padding:var(--spacing-lg);text-align:center}.service-card h3{font-weight:600}.service-card p{font-size:1rem}.service-link{background:#0000;border:1px solid #2c7be5;border-radius:var(--border-radius-sm);padding:.5rem 1rem}.service-link:hover{background:#2c7be5;border-color:#2c7be5;color:#fff}.service-card:before{background-color:#2c7be5;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:height var(--transition-normal);z-index:-1}.service-icon{font-size:2.5rem}.service-card h3,.service-icon{margin-bottom:var(--spacing-md)}.service-card h3{color:#2c7be5;font-size:1.25rem}.service-card p{color:var(--dark-gray);line-height:1.6;margin-bottom:var(--spacing-lg)}.service-link{color:#2c7be5;display:inline-block;font-weight:500;position:relative;text-decoration:none!important;transition:color var(--transition-fast)}@media (max-width:992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.services-grid{gap:var(--spacing-md);grid-template-columns:1fr}.service-card{padding:var(--spacing-lg)}}.services-page{padding-top:80px}.hero-section{background:linear-gradient(135deg,#1a4b8c,#2c7be5);color:#fff;margin-bottom:60px;overflow:hidden;padding:100px 0;position:relative}.hero-section:before{background:url(https://images.unsplash.com/photo-1501785888041-af3ef285b470?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80) 50%/cover no-repeat;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0;z-index:0}.hero-section h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 4px #0003}.hero-section .lead{font-size:1.5rem;font-weight:300;margin:0 auto;max-width:800px;position:relative}.services-grid{padding:80px 0}.section-header{margin-bottom:60px}.section-header h2{color:#2c7be5;display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:15px;position:relative}.section-header h2:after{background:#2c7be5;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-header p{color:#6c757d;font-size:1.1rem;margin:0 auto;max-width:700px}.service-card{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.service-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-10px)}.card-image{height:200px;overflow:hidden;position:relative}.card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.service-card:hover .card-image img{transform:scale(1.05)}.icon-wrapper{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 5px 15px #0000001a;display:flex;height:60px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:60px}.service-card:hover .icon-wrapper{background:#2c7be5;color:#fff;transform:scale(1.1)}.service-icon{color:#2c7be5;font-size:1.8rem;transition:all .3s ease}.service-card:hover .service-icon{color:#fff;transform:scale(1.1)}.card-body{display:flex;flex:1 1;flex-direction:column;padding:25px}.card-body h3{color:#2c7be5;font-size:1.5rem;font-weight:600;margin-bottom:15px}.card-body p{color:#6c757d;flex:1 1;margin-bottom:20px}.cta-section{background:#f8f9fa;padding:80px 0;text-align:center}.cta-section h2{color:#2c7be5;font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-section .lead{color:#6c757d;font-size:1.25rem;margin-bottom:30px}@media (max-width:991.98px){.hero-section{padding:80px 0}.hero-section h1{font-size:2.5rem}.hero-section .lead{font-size:1.25rem}.section-header h2{font-size:2rem}}@media (max-width:767.98px){.hero-section{padding:60px 0}.hero-section h1{font-size:2rem}.section-header h2{font-size:1.75rem}.card-body{padding:20px}.card-body h3{font-size:1.3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.service-card:nth-child(6){animation-delay:.6s}.construction-content{margin:80px 0}.under-construction h1{color:#2c3e50}@media (max-width:576px){.construction-content{margin:40px 0;padding:30px 20px}.under-construction h1{font-size:1.8rem}.tools-icon{font-size:3.5rem}.back-button{font-size:.95rem;padding:10px 20px}}.under-construction{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px;text-align:center}.construction-content{animation:fadeIn .6s ease-out;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:40px}.construction-icon{margin-bottom:25px}.tools-icon{animation:bounce 2s infinite;color:#2c7be5;font-size:4rem}.under-construction h1{color:#2c7be5;font-size:2.2rem;font-weight:700;margin-bottom:15px}.under-construction p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.back-button{align-items:center;background:#2c7be5;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;padding:12px 25px;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#1a4b8c;box-shadow:0 5px 15px #2c7be54d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@media (max-width:576px){.construction-content{padding:30px 20px}.under-construction h1{font-size:1.8rem}.tools-icon{font-size:3.5rem}.back-button{font-size:.95rem;padding:10px 20px}}
/*# sourceMappingURL=main.25013cde.css.map*/