*,*:before,*:after{box-sizing:border-box}:root{--primary-blue: #0B1E6D;--brand-green: #059669;--soft-red: #10b981;--header-bg: rgba(255, 255, 255, .92);--header-shadow: 0 4px 24px rgba(11, 30, 109, .1);--transition: all .3s ease;--transition-smooth: all .35s cubic-bezier(.4, 0, .2, 1)}.header{position:fixed;top:0;left:0;right:0;z-index:1030}.navbar{padding:0;background:var(--header-bg)!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid rgba(11,30,109,.08);box-shadow:var(--header-shadow);transition:background .4s ease,box-shadow .4s ease}.header-container{display:flex;justify-content:space-between;align-items:center;padding:.2rem 1.5rem;max-width:1400px;margin:0 auto;width:100%}.logo-link{flex-shrink:0;display:flex;align-items:center;text-decoration:none;transition:transform .3s ease,opacity .3s ease}.logo-link:hover{transform:scale(1.04);opacity:.9}.logo-img{max-height:70px;width:auto;object-fit:contain;display:block}.navigation-wrapper{display:flex;align-items:center;margin-left:auto;gap:.5rem}.nav-menu{display:flex;align-items:center;gap:0}.nav-list{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none}.nav-item{position:relative;display:flex;align-items:center}.nav-link{display:block;text-decoration:none;color:var(--primary-blue)!important;font-weight:600;font-size:.92rem;letter-spacing:.01em;padding:.6rem .85rem;border-radius:var(--border-radius-standard);transition:var(--transition-smooth);white-space:nowrap;position:relative}.nav-link:after{content:"";position:absolute;bottom:4px;left:50%;right:50%;height:2px;background:var(--primary-red, #FF002B);border-radius:2px;transition:left .3s ease,right .3s ease}.nav-link:hover:after,.nav-link:focus:after{left:14px;right:14px}.nav-link:hover,.nav-link:focus{color:var(--primary-red, #FF002B)!important;background:#ff002b0f;text-decoration:none}.nav-link:focus{outline:2px solid var(--primary-red, #FF002B);outline-offset:2px}.header-actions{display:flex;align-items:center;gap:.75rem;margin-left:.5rem}.donate-btn{position:relative;overflow:hidden;background:var(--primary-blue, #0B1E6D);color:#fff!important;border:none;padding:.5rem 1.3rem;border-radius:var(--border-radius-standard);font-weight:700;font-size:.85rem;letter-spacing:.02em;text-decoration:none!important;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;transition:var(--transition-smooth);box-shadow:0 4px 16px #0b1e6d40}.donate-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;opacity:0;transition:opacity .3s ease}.donate-btn:hover:before,.donate-btn:focus:before{opacity:1}.donate-btn:hover,.donate-btn:focus{color:#fff!important;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px #0b1e6d59}.donate-btn:active{transform:translateY(0)}.donate-btn:focus{outline:3px solid rgba(11,30,109,.5);outline-offset:3px}.cart-toggle-btn{background:transparent;border:1.5px solid rgba(11,30,109,.15);font-size:1.35rem;color:var(--primary-blue);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;padding:.45rem .55rem;transition:var(--transition-smooth);border-radius:var(--border-radius-standard)}.cart-toggle-btn:hover{background:#0b1e6d12;border-color:var(--primary-blue);transform:translateY(-1px)}.cart-badge{position:absolute;top:-4px;right:-4px;background:#e11d48;color:#fff;font-size:.65rem;font-weight:700;min-width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid white;box-shadow:0 2px 6px #e11d4866}.navbar-toggler{padding:.4rem;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-standard);transition:var(--transition)}.navbar-toggler:hover{background:#0b1e6d12}.navbar-toggler-icon{display:inline-block;width:1.6rem;height:1.6rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230B1E6D' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100%}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070e328c;z-index:1028;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:0;height:100dvh;width:82%;max-width:340px;background:#fff;z-index:1029;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);overflow-y:auto;overscroll-behavior:contain;box-shadow:-8px 0 48px #0b1e6d2e}.mobile-drawer.open{transform:translate(0)}.mobile-drawer:before{content:"";display:block;height:4px;width:100%;flex-shrink:0;background:var(--primary-red, #FF002B)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem 1rem;border-bottom:1px solid rgba(11,30,109,.08);flex-shrink:0;background:#0b1e6d05}.drawer-brand{display:flex;align-items:center;gap:.6rem}.drawer-brand-logo{height:48px;width:auto;object-fit:contain}.drawer-brand-name{font-size:.75rem;font-weight:800;color:var(--primary-blue);letter-spacing:.04em;text-transform:uppercase;line-height:1.2;max-width:110px}.drawer-close{background:#f1f5f9;border:none;font-size:1.1rem;color:#64748b;cursor:pointer;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);border-radius:50%;flex-shrink:0}.drawer-close:hover{background:#e11d48;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #e11d484d}.drawer-close:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.drawer-nav{flex:1;display:flex;flex-direction:column;overflow-y:auto}.drawer-menu{list-style:none;padding:.75rem 0;margin:0;flex:1}.drawer-item{margin:0;padding:0 .75rem}.drawer-link{display:flex;align-items:center;width:100%;padding:.9rem .85rem;color:#1e293b;text-decoration:none;background:none;border:none;font-size:.97rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);text-align:left;gap:.8rem;border-radius:var(--border-radius-standard);position:relative}.drawer-link i:first-child{font-size:1.1rem;flex-shrink:0;width:1.4rem;text-align:center;color:var(--primary-red, #FF002B);transition:transform .2s ease}.drawer-link:hover,.drawer-link:focus{background:#ff002b14;color:var(--primary-red, #FF002B);padding-left:1.1rem;outline:none}.drawer-link:hover i:first-child,.drawer-link:focus i:first-child{transform:scale(1.15)}.drawer-toggle{justify-content:space-between}.drawer-toggle .chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);margin-left:auto;font-size:.85rem;color:#94a3b8;flex-shrink:0}.drawer-toggle .chevron-icon.open{transform:rotate(90deg);color:var(--primary-red, #FF002B)}.drawer-submenu{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.drawer-submenu.show{max-height:200px}.drawer-sublink{display:flex;align-items:center;gap:.5rem;padding:.7rem .85rem .7rem 3.2rem;color:#334155;text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition-smooth);border-radius:var(--border-radius-standard);margin:0 .75rem}.drawer-sublink:before{content:"›";color:var(--primary-red, #FF002B);font-weight:700;font-size:1.1rem;line-height:1}.drawer-sublink:hover,.drawer-sublink:focus{background:#ff002b14;color:var(--primary-red, #FF002B);padding-left:3.6rem;outline:none}.drawer-divider{height:1px;background:#0b1e6d12;margin:.5rem 1.4rem}.drawer-donate-btn{display:flex;align-items:center;justify-content:center;margin:1rem 1.4rem 1.5rem;padding:1rem 1.5rem;background:var(--primary-red, #FF002B);color:#fff!important;text-decoration:none!important;font-weight:700;border-radius:var(--border-radius-standard);box-shadow:0 6px 20px #0b1e6d40;transition:var(--transition-smooth);border:none;cursor:pointer;font-size:1rem;gap:.6rem;letter-spacing:.02em;position:relative;overflow:hidden}.drawer-donate-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;opacity:0;transition:opacity .3s ease}.drawer-donate-btn:hover:before{opacity:1}.drawer-donate-btn:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0b1e6d59;color:#fff!important}.drawer-donate-btn:active{transform:translateY(-1px)}.drawer-donate-btn:focus{outline:3px solid rgba(255,0,43,.5);outline-offset:3px}.drawer-donate-btn i{font-size:1.1rem}.dropdown-custom{position:relative}.dropdown-toggle-custom{background:none;border:none;padding:.6rem .85rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;color:var(--primary-blue);font-weight:600;font-size:.92rem;transition:var(--transition-smooth);border-radius:var(--border-radius-standard);white-space:nowrap;position:relative}.dropdown-toggle-custom:after{content:"";position:absolute;bottom:4px;left:50%;right:50%;height:2px;background:var(--primary-red, #FF002B);border-radius:2px;transition:left .3s ease,right .3s ease}.dropdown-toggle-custom:hover:after{left:14px;right:14px}.dropdown-toggle-custom:hover{background:#ff002b0f;color:var(--primary-red, #FF002B)}.dropdown-toggle-custom i.bi-chevron-down{font-size:.72rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-toggle-custom i.bi-chevron-down.open{transform:rotate(180deg)}.dropdown-menu-custom{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid rgba(11,30,109,.1);border-radius:var(--border-radius-standard);box-shadow:0 12px 40px #0b1e6d24,0 2px 8px #0000000f;list-style:none;padding:.5rem;margin:0;min-width:210px;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top left;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1031;pointer-events:none}.dropdown-menu-custom.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-item-custom{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;color:#1e293b;text-decoration:none;transition:var(--transition-smooth);font-weight:500;font-size:.9rem;border-radius:var(--border-radius-standard)}.dropdown-item-custom i{font-size:1rem;color:var(--primary-red, #FF002B);width:1.2rem;text-align:center;transition:transform .2s ease}.dropdown-item-custom:hover,.dropdown-item-custom:focus{background:#ff002b14;color:var(--primary-red, #FF002B);padding-left:1.25rem;outline:none}.dropdown-item-custom:hover i,.dropdown-item-custom:focus i{transform:scale(1.15)}@keyframes slideInRight{0%{transform:translate(102%)}to{transform:translate(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 991.98px){.nav-menu{display:none}.menu-toggle{display:flex}}@media (min-width: 992px){.menu-toggle{display:none}.nav-menu{display:flex}}@media (max-width: 576px){.header-container{padding:.4rem 1rem}.logo-img{height:60px}.mobile-drawer{width:88%;max-width:320px}}body{overflow-y:scroll}body.menu-open{overflow:hidden}.footer{width:100%;background:#080c1d;color:#cbd5e1;padding:3.5rem 0 0;margin-top:4rem;box-sizing:border-box;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.05)}.footer:before{display:none}.footer:after{display:none}.footer *{box-sizing:border-box}.footer .container{width:100%;max-width:1300px;padding-left:clamp(1.25rem,5vw,3.5rem);padding-right:clamp(1.25rem,5vw,3.5rem);margin:0 auto;position:relative;z-index:1}.footer-top-accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-red, #FF002B)}.footer-content{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:clamp(1.5rem,4vw,3rem);align-items:flex-start;padding:2rem 0}.brand-section{grid-column:1}.brand{display:flex;flex-direction:column;gap:.75rem}.brand-top{display:flex;align-items:center;gap:.875rem}.footer-logo-link{display:inline-block;margin-bottom:.5rem}.footer-logo{width:62px;height:62px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(255,0,43,.2));transition:all .3s ease}.footer-logo:hover{filter:drop-shadow(0 4px 14px rgba(255,0,43,.35));transform:scale(1.05)}.brand h4{margin:0;color:#f1f5f9;font-weight:800;font-size:.92rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.3}.about-text{color:#94a3b8;font-size:.875rem;line-height:1.65;margin:0}.contact-info{margin-top:1rem;color:#cbd5e1;font-size:.9rem;display:flex;flex-direction:column;gap:.5rem}.contact-info p{margin:0;display:flex;align-items:center;gap:.75rem}.contact-info i{color:var(--primary-red)}.links-section{grid-column:2}.footer-section h5{margin:0 0 1rem;color:#f1f5f9;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;position:relative;padding-bottom:.75rem}.footer-section h5:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:var(--primary-red);border-radius:2px}.links-section ul{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1.5rem;list-style:none;padding:0;margin:0}.links-section li{margin:0}.footer-section a{display:block;text-decoration:none;color:#94a3b8;padding:.3rem 0;font-size:.875rem;transition:all .25s ease;position:relative}.links-section a:before{content:"›";opacity:0;margin-right:0;transition:all .25s ease;color:var(--primary-red);font-weight:700}.links-section a:hover,.links-section a:focus{color:var(--primary-red);padding-left:.75rem;outline:none}.links-section a:hover:before,.links-section a:focus:before{opacity:1;position:absolute;left:0}.newsletter-section{grid-column:3;display:flex;flex-direction:column}.newsletter-form{display:flex;flex-direction:column;gap:.65rem;width:100%;margin-bottom:1.5rem}.newsletter-desc{font-size:.9rem;color:#94a3b8;margin-bottom:1.25rem;line-height:1.5}.form-group{display:flex;flex-direction:column;gap:.75rem;width:100%}.input-wrapper{position:relative;width:100%}.input-wrapper i{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center}.newsletter-form input{width:100%;padding:.9rem 1rem .9rem 3rem!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;outline:none;font-size:.95rem!important;color:#f1f5f9!important;transition:all .3s ease;box-sizing:border-box}.newsletter-form input::placeholder{color:#64748b;opacity:1}.newsletter-form input:focus{border-color:var(--primary-red)!important;background:#ffffff14!important;box-shadow:0 0 0 4px #ff002b26!important}.btn-subscribe{background:var(--primary-red);color:#fff;border:none;border-radius:6px;padding:.85rem 1.5rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;width:100%;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px #ff002b33;position:relative;overflow:hidden}.btn-subscribe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.btn-subscribe:hover:not(:disabled):before{opacity:1}.btn-subscribe:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff002b59;background:#e10026}.btn-subscribe:disabled{opacity:.5;cursor:not-allowed}.footer-message{display:flex;align-items:center;gap:.6rem;font-size:.83rem;margin-top:.5rem;padding:.6rem .85rem;border-radius:.5rem}.footer-message i{font-size:1rem}.footer-message.success{background:#0b1e6d33;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.footer-message.error{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.social-media{margin-top:.5rem;width:100%}.social-media h5{margin:0 0 .875rem}.social-links{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00000040;color:#60a5fa;border-radius:.6rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;flex-shrink:0;border:1px solid rgba(255,255,255,.1);font-size:1.1rem}.social-links a:hover{background:var(--primary-red);color:#fff;transform:translateY(-3px) scale(1.08);box-shadow:0 8px 20px #ff002b4d;border-color:transparent}.social-links a:focus{outline:2px solid var(--primary-red);outline-offset:3px}.social-links a i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.95rem}.footer-bottom{margin-top:2rem;border-top:1px solid rgba(255,255,255,.07);padding:1.25rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.footer-bottom p{margin:0;color:#64748b;font-size:.85rem}.footer-legal-links{display:flex;align-items:center;gap:.5rem}.footer-legal-links a{color:#64748b;text-decoration:none;font-size:.82rem;transition:color .25s ease;padding:0}.footer-legal-links a:hover{color:var(--primary-red);text-decoration:underline}.footer-legal-links span{color:#334155;font-size:.75rem}@media (max-width: 960px){.footer-content{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2rem)}.brand-section{grid-column:1 / -1}.links-section{grid-column:1}.newsletter-section{grid-column:2}}@media (max-width: 680px){.footer{padding:2.5rem 0 0}.footer-content{grid-template-columns:1fr;gap:2rem}.brand-section,.links-section,.newsletter-section{grid-column:1}.links-section ul{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width: 480px){.footer .container{padding-left:1.1rem;padding-right:1.1rem}.links-section ul{grid-template-columns:1fr}}.about-section{padding:4rem 0;background-color:#f8fafc;position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-red))}.about-header{text-align:center;max-width:800px;margin:0 auto 3rem;position:relative;z-index:2}.about-section .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--primary-blue);margin-bottom:1rem;line-height:1.1;letter-spacing:-.02em}.about-section .section-subtitle{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0 auto;line-height:1.6}.about-content{display:flex;flex-direction:column;gap:2.5rem}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.about-main-info{display:flex;flex-direction:column;gap:2rem}.mission-statement{position:relative;padding-left:2.5rem}.mission-statement:before{content:'"';position:absolute;left:0;top:-.5rem;font-size:5rem;color:var(--primary-red);opacity:.2;font-family:serif}.mission-statement h2{font-size:1.75rem;color:var(--primary-blue);margin-bottom:1.5rem;font-weight:700}.mission-statement p{font-size:1.25rem;color:var(--text-dark);line-height:1.6;font-weight:500}.impact-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.premium-stat-card{background:#fff;padding:2rem 1.5rem;border-radius:5px;text-align:center;box-shadow:0 10px 40px #0b1e6d0d;border:1px solid rgba(11,30,109,.05);transition:var(--transition)}.premium-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0b1e6d1a}.premium-stat-card .stat-icon{width:60px;height:60px;background:var(--soft-blue);color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 1.5rem;transition:var(--transition)}.premium-stat-card:hover .stat-icon{background:var(--primary-blue);color:#fff}.premium-stat-card .stat-value{font-size:2.25rem;font-weight:800;color:var(--primary-blue);margin-bottom:.5rem;display:block}.premium-stat-card .stat-label{font-size:.875rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.video-feature{position:relative;border-radius:5px;overflow:hidden;box-shadow:var(--shadow-xl);background:var(--primary-blue)}.video-feature .video-wrapper{position:relative;padding-bottom:56.25%;height:0}.video-feature iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.mandates-section{background:#fff;padding:4rem;border-radius:5px;box-shadow:0 20px 60px #00000008}.mandates-section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;border-bottom:1px solid var(--border-light);padding-bottom:1.5rem}.mandates-section-header h2{font-size:2rem;color:var(--primary-blue)}.mandates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.mandate-card-premium{padding:2rem;border-radius:5px;background:#fcfdfe;border:1px solid var(--border-light);transition:var(--transition);display:flex;flex-direction:column;gap:1rem}.mandate-card-premium:hover{border-color:var(--primary-blue);background:#fff;box-shadow:var(--shadow-lg)}.mandate-header{display:flex;align-items:center;gap:1rem}.mandate-idx{font-size:.875rem;font-weight:700;color:var(--primary-red);background:var(--soft-red);padding:.25rem .75rem;border-radius:2rem}.mandate-card-premium h3{font-size:1.25rem;color:var(--primary-blue)}.mandate-sdg-tag{font-size:.75rem;font-weight:600;color:var(--text-light);background:#f1f5f9;padding:.2rem .6rem;border-radius:.25rem}.mandate-card-premium p{font-size:.95rem;color:var(--text-light);line-height:1.6}.partners-section{text-align:center;padding:1rem 0;background:transparent;margin-top:1rem}.partners-title{font-size:1.1rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;opacity:.8}.partners-grid-container{padding:2.5rem 0 1rem;position:relative}.partners-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem 4rem;max-width:1100px;margin:0 auto}.partner-logo-link{display:flex;align-items:center;justify-content:center;transition:var(--transition)}.partner-logo-item{height:48px;width:auto;filter:grayscale(100%);opacity:.5;transition:all .4s ease;object-fit:contain}.partner-logo-link:hover .partner-logo-item{filter:grayscale(0%);opacity:1;transform:translateY(-5px)}.about-footer-banner{position:relative;background:linear-gradient(135deg,var(--primary-blue) 0%,#172554 100%);border-radius:5px;padding:4rem 2rem;text-align:center;margin-top:2rem;overflow:hidden;color:#fff;box-shadow:0 30px 60px #0b1e6d26}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(255,0,43,.1) 0%,transparent 40%);pointer-events:none}.banner-content{position:relative;z-index:2;max-width:850px;margin:0 auto}.banner-tag{display:inline-block;background:#ffffff1a;padding:.5rem 1.5rem;border-radius:5px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.about-footer-banner h2{font-size:clamp(2.25rem,5vw,4rem);font-weight:800;margin-bottom:1.5rem;line-height:1;letter-spacing:-.03em}.about-footer-banner p{font-size:1.25rem;opacity:.85;margin-bottom:3.5rem;line-height:1.6}.premium-banner-btn{display:inline-flex;align-items:center;gap:1.25rem;padding:1.5rem 3.5rem;background:#fff;color:var(--primary-blue);border-radius:5px;font-weight:700;font-size:1.125rem;transition:var(--transition);box-shadow:0 10px 30px #00000026}.premium-banner-btn:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000040;background:var(--soft-blue);color:var(--primary-blue)}.premium-banner-btn i{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.premium-banner-btn:hover i{transform:translate(8px)}@media (max-width: 1200px){.about-grid{gap:3rem}.mandates-section{padding:3rem}}@media (max-width: 992px){.about-grid{grid-template-columns:1fr}.about-visual-order{order:-1}.impact-showcase-grid{grid-template-columns:repeat(3,1fr)}.partners-grid{gap:2rem}}@media (max-width: 768px){.about-section{padding:4rem 0}.impact-showcase-grid{grid-template-columns:1fr}.mandates-section{padding:2rem}.mandates-section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.btn-custom{padding:12px 24px;border-radius:var(--border-radius-standard);font-weight:600;transition:all .3s ease;border:2px solid transparent}.btn-custom-primary{background-color:#0b1e6d;color:#fff}.btn-custom-primary:hover{background-color:#1a3a9d;color:#fff}.btn-custom-secondary{background-color:#fff;color:#0b1e6d;border-color:#0b1e6d}.btn-custom-secondary:hover{background-color:#f2f2f2;color:#0b1e6d}.btn-custom-warning{background-color:#ffc107;color:#212529;border-color:#ffc107}.btn-custom-warning:hover{background-color:#e0a800;color:#212529;border-color:#e0a800}.impact-section{padding:5rem 0;background-color:#fff;position:relative}.impact-row{display:grid;grid-template-columns:1.1fr .9fr;gap:6rem;align-items:center}.impact-col{display:flex;flex-direction:column}.impact-section h1{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:800;color:var(--primary-blue);line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;text-align:center}.impact-label-tag{display:block;text-align:center;color:var(--primary-red);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;margin-bottom:1rem}.impact-intro-text{font-size:1.125rem;color:var(--text-light);line-height:1.6;margin:0 auto 3rem;max-width:800px;text-align:center}.impact-showcase-list{display:flex;flex-direction:column;gap:2.5rem}.impact-list-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;border-radius:5px;transition:var(--transition);border:1px solid transparent}.impact-list-item:hover{background:#fcfdfe;border-color:var(--soft-blue);transform:translate(10px)}.impact-list-icon{background-color:var(--soft-blue);color:var(--primary-blue);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0;font-size:1.75rem;transition:var(--transition)}.impact-list-item:hover .impact-list-icon{background-color:var(--primary-blue);color:#fff;transform:rotate(-10deg)}.impact-list-content h4{font-size:1.25rem;font-weight:700;color:var(--primary-blue);margin-bottom:.5rem}.impact-list-content p{font-size:1rem;color:var(--text-light);line-height:1.6;margin-bottom:0}.impact-visual-container{position:relative;padding:2rem}.impact-img-staggered{width:85%;border-radius:5px;box-shadow:var(--shadow-xl);transition:var(--transition-slow)}.img-main{position:relative;z-index:2}.img-accent{position:absolute;bottom:-2rem;right:0;width:65%;z-index:3;border:8px solid white}.impact-visual-container:hover .img-main{transform:translateY(-10px)}.impact-visual-container:hover .img-accent{transform:translate(10px,10px)}@media (max-width: 1200px){.impact-row{gap:3rem}}@media (max-width: 992px){.impact-row{grid-template-columns:1fr}.impact-visual-container{order:-1;max-width:600px;margin:0 auto}.impact-section h1,.impact-intro-text,.impact-label-tag{text-align:center}}@media (max-width: 768px){.impact-section{padding:5rem 0}.impact-list-item{flex-direction:column;align-items:center;text-align:center;padding:1rem}.impact-list-item:hover{transform:translateY(-5px)}.img-accent{width:70%;bottom:-1rem}}.projects-section{padding:5rem 0;background-color:#f8fafc;position:relative;overflow:hidden}.projects-section .section-label{display:block;text-align:center;color:var(--primary-red);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;margin-bottom:1rem}.projects-section h1{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:800;color:var(--primary-blue);line-height:1.1;letter-spacing:-.02em;text-align:center;margin-left:auto;margin-right:auto}.carousel-container{max-width:1400px;margin:0 auto;position:relative;padding:0 15px}.projects-track{overflow:hidden;position:relative;padding:3rem 0}.projects-wrapper{display:flex;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-card{padding:0 1.5rem;flex-shrink:0;height:100%}.project-card-inner{background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 10px 30px #0b1e6d0d;border:1px solid rgba(11,30,109,.05);height:100%;display:flex;flex-direction:column;transition:var(--transition)}.project-card:hover .project-card-inner{transform:translateY(-10px);box-shadow:0 20px 50px #0b1e6d26;border-color:var(--soft-blue)}.project-img-container{position:relative;height:240px;overflow:hidden}.project-img-container img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.project-card:hover .project-img-container img{transform:scale(1.1)}.project-badge{position:absolute;top:1.25rem;right:1.25rem;background:#fffffff2;color:var(--primary-blue);padding:.5rem 1rem;border-radius:5px;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2;box-shadow:0 4px 10px #0000001a}.project-info{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.project-info h3{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:1rem;line-height:1.3}.project-info p{font-size:1rem;color:var(--text-light);line-height:1.6;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-cta{margin-top:auto}.project-link{display:inline-flex;align-items:center;gap:.75rem;color:var(--primary-blue);font-weight:700;text-decoration:none;font-size:.9375rem;transition:var(--transition)}.project-link i{font-size:1rem;transition:transform .3s ease}.project-link:hover{color:var(--primary-red)}.project-link:hover i{transform:translate(5px)}.carousel-nav-container{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.carousel-indicators{display:flex;gap:.75rem}.indicator{width:30px;height:4px;background:#cbd5e1;border-radius:2px;cursor:pointer;transition:var(--transition);border:none;padding:0}.indicator.active{background:var(--primary-blue);width:50px}.carousel-controls{display:flex;gap:1rem}.carousel-btn{width:3.5rem;height:3.5rem;border-radius:50%;background:#fff;box-shadow:0 4px 12px #0b1e6d14;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);cursor:pointer;transition:var(--transition);border:1px solid rgba(11,30,109,.05)}.carousel-btn:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0b1e6d26}@media (max-width: 992px){.projects-section{padding:5rem 0}.projects-section h1{width:100%!important;text-align:center;margin-bottom:3rem}.projects-section .section-label{display:block;text-align:center}}@media (max-width: 768px){.project-card{padding:0 .75rem}.project-info{padding:1.5rem}.project-info h3{font-size:1.25rem}.carousel-nav-container{flex-direction:column;gap:2rem}.carousel-controls{order:-1}}.volunteer-cta-section{padding:4rem 0;background-color:transparent}.volunteer-hero{position:relative;background-color:var(--primary-blue);background-image:url(/images/ohenebacare/6.jpeg);background-size:cover;background-position:center;border-radius:var(--border-radius-standard);overflow:hidden;min-height:380px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 40px 100px #00000026;margin:0 auto;max-width:1200px;border:1px solid rgba(255,255,255,.1)}.volunteer-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0b1e6df2,#0b1e6dcc,#0b1e6d99);z-index:1}.volunteer-hero-content{padding:3rem 2rem;max-width:900px;z-index:2;position:relative}.volunteer-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.04em;text-shadow:0 10px 30px rgba(0,0,0,.2)}.volunteer-hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:500;margin:0 0 2.5rem;line-height:1.6;opacity:.95;letter-spacing:-.01em;max-width:700px;margin-left:auto;margin-right:auto}.volunteer-action-buttons{display:flex;gap:1.5rem;justify-content:center;flex-direction:row;flex-wrap:nowrap}.cta-button{border:none;padding:1rem 2rem;border-radius:5px;font-size:1rem;min-width:240px;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;justify-content:center;text-transform:uppercase;letter-spacing:.05em}.cta-button i{font-size:1.4rem}.cta-button.primary{background:var(--primary-blue);color:#fff;box-shadow:0 15px 35px #0b1e6d4d}.cta-button.primary:hover{transform:translateY(-8px);background:#081652;box-shadow:0 25px 50px #0b1e6d66}.cta-button.secondary{background:#fff;color:var(--primary-blue);box-shadow:0 15px 35px #ffffff26}.cta-button.secondary:hover{transform:translateY(-8px);background:#f8fafc;box-shadow:0 25px 50px #ffffff40}.volunteer-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b1e6dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.volunteer-modal{background:#fff;border-radius:var(--border-radius-standard);padding:4rem;max-width:600px;width:100%;position:relative;box-shadow:0 50px 100px #00000040}.volunteer-modal-close{position:absolute;top:2rem;right:2rem;background:#f1f5f9;border:none;width:3.5rem;height:3.5rem;border-radius:5px;font-size:1.5rem;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.volunteer-modal-close:hover{background:var(--primary-blue);color:#fff;transform:rotate(90deg)}.volunteer-modal-title{font-size:2.25rem;font-weight:900;margin-bottom:2.5rem;color:var(--primary-blue);letter-spacing:-.03em}.volunteer-form{display:flex;flex-direction:column;gap:2rem}.form-input{width:100%;padding:1.25rem;background:#f8fafc;border:2px solid #f1f5f9;border-radius:5px;font-size:1.1rem;color:var(--primary-blue);transition:all .3s ease}.form-input:focus{outline:none;background:#fff;border-color:var(--primary-blue);box-shadow:0 10px 30px #0b1e6d1a}.preset-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.preset-btn{padding:1rem;background:#f8fafc;border:2px solid #f1f5f9;border-radius:5px;font-weight:800;cursor:pointer;transition:all .3s ease;color:#64748b;font-size:1rem}.preset-btn:hover{background:#fff;border-color:var(--primary-blue);color:var(--primary-blue)}.preset-btn.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;box-shadow:0 10px 20px #0b1e6d33}.checkbox-group{display:flex;align-items:center;gap:.75rem}.checkbox-label{font-weight:600;color:#64748b;font-size:1rem;cursor:pointer}.submit-button{width:100%;background:var(--primary-blue);color:#fff;border:none;padding:1.5rem;border-radius:5px;font-size:1.25rem;font-weight:800;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:1rem;text-transform:uppercase;letter-spacing:.05em;margin-top:1rem}.submit-button:hover:not(:disabled){background:#081652;transform:translateY(-5px);box-shadow:0 20px 40px #0b1e6d4d}.submit-button:disabled{background:#cbd5e1;cursor:not-allowed}.message{padding:1.5rem;border-radius:5px;font-weight:700;text-align:center;font-size:1.05rem}@media (max-width: 992px){.volunteer-hero{border-radius:0;margin:0 -1rem}}@media (max-width: 768px){.volunteer-hero{min-height:400px}.volunteer-hero-content{padding:3rem 1.5rem}.volunteer-action-buttons{flex-direction:column;gap:1.25rem}.cta-button{width:100%}.volunteer-modal{padding:2.5rem 1.5rem;border-radius:2rem}.preset-amounts{grid-template-columns:repeat(2,1fr)}}.hv2{--hv2-navy: #0B1E6D;--hv2-red: #FF002B;--hv2-navy-80: rgba(11, 30, 109, .82);--hv2-navy-60: rgba(11, 30, 109, .6);--hv2-white: #ffffff;--hv2-glass: rgba(255, 255, 255, .1);--hv2-glass-border: rgba(255, 255, 255, .2);--hv2-ease: cubic-bezier(.4, 0, .2, 1);--hv2-font: "Inter", system-ui, sans-serif}.hv2{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;font-family:var(--hv2-font)}.hv2__slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hv2__slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s var(--hv2-ease);will-change:opacity,transform}.hv2__slide--active{opacity:1;animation:hv2-kenburns 10s var(--hv2-ease) forwards}@keyframes hv2-kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.hv2__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(115deg,rgba(11,30,109,.92) 0%,rgba(11,30,109,.75) 45%,rgba(11,30,109,.25) 75%,transparent 100%),linear-gradient(to bottom,#00000059,#0000001a 60%,#00000080)}.hv2__overlay:after{content:"";position:absolute;top:0;left:48%;width:3px;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--hv2-red) 30%,var(--hv2-red) 70%,transparent 100%);opacity:.35;pointer-events:none}.hv2__body{position:relative;z-index:2;flex:1;display:flex;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:7rem 3rem 5rem;gap:3rem}.hv2__left{flex:1 1 520px;max-width:620px;display:flex;flex-direction:column;gap:1.5rem}.hv2__right{flex:1 1 400px;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.hv2__chip{display:inline-flex;align-items:center;gap:.5rem;background:var(--hv2-glass);border:1px solid var(--hv2-glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:100px;padding:.35rem .9rem;width:fit-content}.hv2__chip-dot{width:8px;height:8px;border-radius:50%;background:var(--hv2-red);animation:hv2-pulse 2s infinite;flex-shrink:0}@keyframes hv2-pulse{0%,to{box-shadow:0 0 #ff002b80}50%{box-shadow:0 0 0 7px #ff002b00}}.hv2__chip-text{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9}.hv2__title{font-size:clamp(2.2rem,4.5vw,3.75rem);font-weight:900;line-height:1.1;color:var(--hv2-white);letter-spacing:-.02em;margin:0}.hv2__title em{font-style:normal;color:var(--hv2-red);position:relative}.hv2__title em:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:var(--hv2-red);border-radius:2px;transform:scaleX(0);transform-origin:left;animation:hv2-underline .6s .8s var(--hv2-ease) forwards}@keyframes hv2-underline{to{transform:scaleX(1)}}.hv2__desc{font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.7;color:#ffffffbf;max-width:480px;margin:0}.hv2__cta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.hv2__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:8px;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .25s var(--hv2-ease),box-shadow .25s var(--hv2-ease),background .25s var(--hv2-ease);cursor:pointer;border:none;font-family:var(--hv2-font)}.hv2__btn--primary{background:var(--hv2-red);color:var(--hv2-white);box-shadow:0 6px 24px #ff002b66}.hv2__btn--primary:hover{background:#e0001f;transform:translateY(-3px);box-shadow:0 10px 32px #ff002b8c}.hv2__btn--ghost{background:var(--hv2-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--hv2-white);border:1.5px solid var(--hv2-glass-border)}.hv2__btn--ghost:hover{background:#ffffff2e;transform:translateY(-3px);border-color:#ffffff61}.hv2__frame{position:relative;width:100%;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px -20px #0009,0 0 0 1px #ffffff1a}.hv2__frame-img{width:100%;height:380px;object-fit:cover;display:block;transition:opacity .9s var(--hv2-ease),transform .9s var(--hv2-ease)}.hv2__frame-img--hidden{opacity:0;transform:scale(1.03)}.hv2__frame:before{content:"";position:absolute;top:-2px;right:-2px;width:64px;height:64px;border-top:3px solid var(--hv2-red);border-right:3px solid var(--hv2-red);border-radius:0 20px 0 0;z-index:2}.hv2__frame:after{content:"";position:absolute;bottom:-2px;left:-2px;width:64px;height:64px;border-bottom:3px solid var(--hv2-red);border-left:3px solid var(--hv2-red);border-radius:0 0 0 20px;z-index:2}.hv2__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.hv2__stat{background:var(--hv2-glass);border:1px solid var(--hv2-glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:.9rem .75rem;text-align:center;transition:transform .25s var(--hv2-ease),background .25s var(--hv2-ease)}.hv2__stat:hover{background:#ffffff29;transform:translateY(-3px)}.hv2__stat-icon{font-size:1.3rem;color:var(--hv2-red);margin-bottom:.3rem;display:block}.hv2__stat-num{font-size:1.35rem;font-weight:900;color:var(--hv2-white);line-height:1;display:block}.hv2__stat-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-top:.2rem;display:block}.hv2__bar{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3rem;background:#0b1e6d8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--hv2-glass-border)}.hv2__progress{display:flex;align-items:center;gap:.5rem}.hv2__pill{height:4px;border-radius:4px;background:#ffffff40;cursor:pointer;transition:background .3s,width .3s;width:32px;border:none;padding:0}.hv2__pill--active{background:var(--hv2-red);width:56px}.hv2__nav{display:flex;gap:.5rem}.hv2__nav-btn{width:38px;height:38px;border-radius:50%;background:var(--hv2-glass);border:1px solid var(--hv2-glass-border);color:var(--hv2-white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:background .25s var(--hv2-ease),transform .25s var(--hv2-ease)}.hv2__nav-btn:hover{background:var(--hv2-red);transform:scale(1.08);border-color:var(--hv2-red)}.hv2__proof{display:flex;align-items:center;gap:.6rem}.hv2__proof-avatars{display:flex}.hv2__proof-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--hv2-navy);object-fit:cover;margin-left:-8px;background:var(--hv2-glass)}.hv2__proof-avatar:first-child{margin-left:0}.hv2__proof-text{font-size:.78rem;color:#ffffffb3;line-height:1.3}.hv2__proof-text strong{color:var(--hv2-white)}.hv2__chip,.hv2__title,.hv2__desc,.hv2__cta,.hv2__frame,.hv2__stats{animation:hv2-rise .75s var(--hv2-ease) both}.hv2__title{animation-delay:.1s}.hv2__desc{animation-delay:.22s}.hv2__cta{animation-delay:.34s}.hv2__frame{animation-delay:.12s}.hv2__stats{animation-delay:.28s}@keyframes hv2-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hv2__left--fade-out{animation:hv2-fade-out .45s var(--hv2-ease) forwards}.hv2__left--fade-in{animation:hv2-fade-in .55s var(--hv2-ease) forwards}@keyframes hv2-fade-out{to{opacity:0;transform:translateY(-12px)}}@keyframes hv2-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.hv2__body{padding:6.5rem 2rem 4rem;gap:2rem}.hv2__right{flex:1 1 340px;max-width:420px}}@media (max-width: 860px){.hv2__body{flex-direction:column;align-items:flex-start;padding:5.5rem 1.5rem 2rem;gap:2rem;justify-content:flex-end;min-height:100svh}.hv2__overlay{background:linear-gradient(to bottom,#0b1e6d66,#0b1e6de0 55%,#0b1e6df5)}.hv2__overlay:after{display:none}.hv2__left{flex:unset;max-width:100%;order:2}.hv2__right{flex:unset;max-width:100%;width:100%;order:1}.hv2__frame-img{height:250px}.hv2__proof{display:none}.hv2__bar{padding:1rem 1.5rem;justify-content:space-between}}@media (max-width: 560px){.hv2__body{padding:5rem 1.25rem 1.5rem;gap:1.5rem}.hv2__title{font-size:clamp(1.8rem,7vw,2.4rem)}.hv2__cta{flex-direction:column;align-items:stretch}.hv2__btn{justify-content:center;padding:.9rem 1.5rem}.hv2__frame-img{height:200px}.hv2__stats{gap:.5rem}.hv2__stat{padding:.7rem .5rem}.hv2__stat-num{font-size:1.15rem}.hv2__bar{padding:.9rem 1.25rem}.hv2__pill{width:24px}.hv2__pill--active{width:40px}}.blog-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;width:100%}.article-card-skeleton{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.article-card-skeleton .skeleton-image{height:250px;width:100%}.article-card-skeleton .skeleton-content{padding:24px}.article-card-skeleton .skeleton-meta{display:flex;gap:15px;margin-bottom:15px}.article-card-skeleton .skeleton-meta-item{height:14px;width:80px}.article-card-skeleton .skeleton-title{height:28px;width:90%;margin-bottom:15px}.article-card-skeleton .skeleton-excerpt{height:16px;width:100%;margin-bottom:10px}.article-card-skeleton .skeleton-excerpt-lastTag{height:16px;width:60%;margin-bottom:20px}.article-card-skeleton .skeleton-footer{height:18px;width:100px}.blog-detail-skeleton .skeleton-hero{height:500px;width:100%;margin-bottom:40px}.blog-detail-skeleton .skeleton-back-link{height:18px;width:150px;margin-top:60px;margin-bottom:20px}.blog-detail-skeleton .skeleton-title{height:60px;width:80%;margin-bottom:30px}.blog-detail-skeleton .skeleton-meta-line{height:20px;width:300px}.blog-detail-skeleton .skeleton-paragraph{height:18px;width:100%;margin-bottom:15px}.blog-detail-skeleton .skeleton-paragraph-short{height:18px;width:70%;margin-bottom:40px}.blog-detail-skeleton .sidebar-widget{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0}.blog-detail-skeleton .skeleton-widget-title{height:24px;width:60%;margin-bottom:25px}.blog-detail-skeleton .skeleton-sidebar-cat{height:12px;width:40px;margin-bottom:8px}.blog-detail-skeleton .skeleton-sidebar-title{height:16px;width:100%;margin-bottom:6px}.blog-detail-skeleton .skeleton-sidebar-title-short{height:16px;width:80%}@media (max-width: 768px){.blog-grid-skeleton{grid-template-columns:1fr}.blog-detail-skeleton .skeleton-hero{height:300px}.blog-detail-skeleton .skeleton-title{height:40px;width:100%}}.ss-searchable-dropdown{position:relative;width:100%;max-width:300px;font-family:inherit}.ss-dropdown-label{display:block;font-size:.85rem;color:#64748b;margin-bottom:.5rem;font-weight:500}.ss-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:48px;box-shadow:0 1px 2px #0000000d}.ss-dropdown-trigger:hover{border-color:#cbd5e1}.ss-dropdown-trigger.open{border-color:#198754;box-shadow:0 0 0 3px #1987541a}.ss-selected-text{font-size:.95rem;color:#334155;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-dropdown-arrow{font-size:.8rem;color:#94a3b8;transition:transform .2s ease}.ss-dropdown-arrow.open{transform:rotate(180deg);color:#198754}.ss-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e2e8f0;z-index:50;overflow:hidden;animation:ss-dropdown-enter .2s ease;min-width:250px}@keyframes ss-dropdown-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ss-dropdown-search{padding:10px;border-bottom:1px solid #f1f5f9;position:relative;display:flex;align-items:center}.ss-dropdown-search i{position:absolute;left:18px;color:#94a3b8;font-size:.9rem}.ss-dropdown-search input{width:100%;padding:8px 12px 8px 32px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s;background:#f8fafc}.ss-dropdown-search input:focus{border-color:#198754;background:#fff}.ss-dropdown-options{max-height:250px;overflow-y:auto;padding:4px}.ss-dropdown-options::-webkit-scrollbar{width:6px}.ss-dropdown-options::-webkit-scrollbar-track{background:transparent}.ss-dropdown-options::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.ss-dropdown-option{padding:10px 12px;font-size:.95rem;color:#475569;cursor:pointer;border-radius:8px;transition:all .15s;display:flex;justify-content:space-between;align-items:center}.ss-dropdown-option:hover{background-color:#f1f5f9;color:#1e293b}.ss-dropdown-option.selected{background-color:#f0fdf4;color:#15803d;font-weight:600}.ss-dropdown-no-results{padding:16px;text-align:center;color:#94a3b8;font-size:.9rem}.ss-blog-modern{--ss-primary: var(--primary-blue);--ss-primary-hover: #081652;--ss-bg-light: #f8fafc;--ss-text-main: #334155;--ss-text-muted: #64748b;--ss-border: #e2e8f0;--ss-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ss-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.ss-blog-modern .category-scroll-container{display:flex;gap:12px;overflow-x:auto;padding:10px 5px;scrollbar-width:none;justify-content:center}.ss-blog-modern .category-scroll-container::-webkit-scrollbar{display:none}@media (max-width: 768px){.ss-blog-modern .category-scroll-container{justify-content:flex-start;padding-left:15px;padding-right:15px}}.ss-blog-modern .category-pill{white-space:nowrap;padding:8px 20px;border-radius:var(--border-radius-standard);border:1px solid var(--ss-border);background:#fff;color:var(--ss-text-main);font-weight:600;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.ss-blog-modern .category-pill:hover{border-color:var(--ss-primary);color:var(--ss-primary);background:#f0fdf4}.ss-blog-modern .category-pill.active{background:var(--ss-primary);color:#fff;border-color:var(--ss-primary);box-shadow:0 4px 12px #0b1e6d40}.ss-blog-modern .blog-search-area{background-color:var(--ss-bg-light);border-top:1px solid var(--ss-border);border-bottom:1px solid var(--ss-border)}.ss-blog-modern .search-box-outer{max-width:600px;margin:0 auto}.ss-blog-modern .search-box-inner{position:relative;display:flex;align-items:center}.ss-blog-modern .search-icon{position:absolute;left:20px;color:var(--ss-text-muted);font-size:1.1rem}.ss-blog-modern .search-control{width:100%;padding:14px 50px 14px 55px;border-radius:var(--border-radius-standard);border:1px solid var(--ss-border);background:#fff;font-size:1rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.ss-blog-modern .search-control:focus{outline:none;border-color:var(--ss-primary);box-shadow:0 0 0 4px #0b1e6d1a}.ss-blog-modern .search-reset{position:absolute;right:15px;background:none;border:none;color:#cbd5e1;cursor:pointer;padding:5px;transition:color .2s;display:flex;align-items:center}.ss-blog-modern .search-reset:hover{color:#94a3b8}.ss-blog-modern .search-stats{text-align:center;margin-top:15px;font-size:.9rem;color:var(--ss-text-muted)}.ss-blog-modern .highlight{color:var(--ss-primary);font-weight:700}.ss-blog-modern .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}@media (max-width: 480px){.ss-blog-modern .articles-grid{grid-template-columns:1fr}}.ss-blog-modern .article-card{background:#fff;border-radius:var(--border-radius-standard);overflow:hidden;border:1px solid var(--ss-border);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.ss-blog-modern .article-card:hover{transform:translateY(-8px);box-shadow:var(--ss-shadow-hover);border-color:transparent}.ss-blog-modern .article-image-wrapper{position:relative;aspect-ratio:16 / 10;overflow:hidden}.ss-blog-modern .article-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.ss-blog-modern .article-card:hover .article-image{transform:scale(1.05)}.ss-blog-modern .article-category{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:var(--border-radius-standard);font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 6px #0000001a;z-index:2}.ss-blog-modern .article-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.ss-blog-modern .article-meta{display:flex;gap:16px;font-size:.85rem;color:var(--ss-text-muted);margin-bottom:12px}.ss-blog-modern .article-meta i{margin-right:6px;color:#94a3b8}.ss-blog-modern .article-title{font-size:1.4rem;font-weight:700;color:#0f172a;line-height:1.35;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ss-blog-modern .article-excerpt{color:var(--ss-text-main);font-size:.95rem;line-height:1.6;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ss-blog-modern .article-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--ss-border)}.ss-blog-modern .read-more{color:var(--ss-primary);font-weight:700;font-size:.9rem;display:flex;align-items:center;transition:gap .2s}.ss-blog-modern .article-card:hover .read-more{gap:12px}.ss-blog-modern .blog-newsletter{background:var(--primary-blue);border-radius:var(--border-radius-standard);margin-bottom:60px}.ss-blog-modern .newsletter-form{max-width:500px;margin:0 auto;display:flex;gap:12px;background:#ffffff1a;padding:8px;border-radius:var(--border-radius-standard);border:1px solid rgba(255,255,255,.2)}.ss-blog-modern .newsletter-input{flex:1;background:transparent;border:none;padding:12px 20px;color:#fff;font-size:1rem}.ss-blog-modern .newsletter-input::placeholder{color:#fff9}.ss-blog-modern .newsletter-input:focus{outline:none}.ss-blog-modern .newsletter-form .btn-light{padding:12px 30px;border-radius:var(--border-radius-standard);color:var(--primary-blue);box-shadow:0 4px 12px #0000001a}@media (max-width: 576px){.ss-blog-modern .newsletter-form{flex-direction:column;background:none;border:none;padding:0}.ss-blog-modern .newsletter-input{background:#fff;border-radius:var(--border-radius-standard);color:var(--ss-text-main);margin-bottom:10px}}.ss-blog-modern .blog-filter-section{background-color:var(--ss-bg-light);border-bottom:1px solid var(--ss-border)}.ss-blog-modern .filter-dropdown-container{max-width:350px;margin:0 auto}.ss-blog-modern .blog-toolbar{background-color:var(--ss-bg-light);border-bottom:1px solid var(--ss-border);padding:20px 0}.ss-blog-modern .blog-toolbar .container{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.ss-blog-modern .blog-toolbar .filter-dropdown-container{flex:0 0 300px;margin:0}.ss-blog-modern .blog-toolbar .search-box-outer{flex:1;margin:0;max-width:none}@media (max-width: 768px){.ss-blog-modern .blog-toolbar .container{flex-direction:column;align-items:stretch}.ss-blog-modern .blog-toolbar .filter-dropdown-container,.ss-blog-modern .blog-toolbar .search-box-outer{flex:auto;width:100%;max-width:none}}.hero-section{position:relative;height:500px;background-image:var(--hero-background-image);background-size:cover;background-position:center top;display:flex;align-items:center;justify-content:center;color:#fff;overflow:visible}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,var(--hero-overlay-opacity));z-index:1}.hero-content{position:relative;z-index:2;text-align:center}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);text-shadow:1px 1px 2px rgba(0,0,0,.5);color:#fff;margin-top:.5rem}.blog-content-blocks{font-size:1.15rem;line-height:1.6;color:#334155}.blog-header{margin-top:1.8em;margin-bottom:.8rem;font-weight:800;color:#0f172a;line-height:1.2;letter-spacing:-.03em}h2.blog-header{font-size:2rem}h3.blog-header{font-size:1.6rem}h4.blog-header{font-size:1.3rem}.blog-paragraph{margin-bottom:1.25em}.blog-list{margin-bottom:1.25em;padding-left:1.5em}.blog-list li{margin-bottom:.35rem}.blog-image-figure{margin:2.5em 0;text-align:center}.blog-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000001a}.blog-image-caption{margin-top:10px;font-size:.9rem;color:#777;font-style:italic}.blog-embed-container{margin:2.5em 0;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px #0000001a}.blog-embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.blog-embed-caption{margin-top:10px;font-size:.9rem;color:#777;text-align:center}.blog-product-embed{margin:2.5em 0}.blog-product-embed .product-embed-card{display:flex;gap:25px;padding:25px;background:#f8f9fa;border-radius:16px;border:1px solid #eee;align-items:center;max-width:600px;margin:0 auto;transition:transform .3s ease}.blog-product-embed .product-embed-card:hover{transform:translateY(-5px);border-color:#198754;box-shadow:0 10px 20px #0000000d}.blog-product-embed .product-embed-image{width:120px;height:120px;flex-shrink:0}.blog-product-embed .product-embed-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.blog-product-embed .product-embed-content h4{margin:0 0 10px;font-size:1.25rem;font-weight:700}.blog-product-embed .product-embed-content .price{font-size:1.2rem;color:#198754;font-weight:700;margin-bottom:15px}.blog-product-embed .btn-buy-now{background:#198754;color:#fff;text-decoration:none;padding:8px 20px;border-radius:8px;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center}.blog-product-embed .btn-buy-now:hover{background:#157347}@media (max-width: 576px){.blog-product-embed .product-embed-card{flex-direction:column;text-align:center}}.blog-link-container{margin:2.5em 0}.blog-link-card{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.blog-link-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000d;border-color:#cbd5e1}.blog-link-card .link-image{width:200px;background-size:cover;background-position:center;flex-shrink:0;min-height:150px;background-color:#f1f5f9}.blog-link-card .link-content{padding:20px;display:flex;flex-direction:column;justify-content:center;flex-grow:1;min-width:0}.blog-link-card .link-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-link-card .link-description{font-size:.95rem;color:#64748b;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-link-card .link-site{font-size:.85rem;color:#94a3b8;display:flex;align-items:center;gap:6px;font-weight:500}.blog-embed-container.responsive-video{background:#000}@media (max-width: 640px){.blog-link-card{flex-direction:column}.blog-link-card .link-image{width:100%;height:180px}}.blog-quote{margin:3.5rem 0;padding:2.5rem 3rem;border-left:6px solid var(--primary-blue);background:#f8fafc;font-style:italic;font-size:1.35rem;color:#1e293b;border-radius:0 16px 16px 0;position:relative;line-height:1.6}.blog-quote:before{content:'"';position:absolute;top:10px;left:20px;font-size:5rem;color:#0b1e6d0d;font-family:serif}.blog-quote-caption{display:block;margin-top:10px;font-size:.9rem;color:#666;font-style:normal;font-weight:600}.blog-table-container{margin:30px 0;overflow-x:auto;border-radius:12px;border:1px solid #dee2e6}.blog-table{width:100%;border-collapse:collapse;background:#fff}.blog-table th,.blog-table td{padding:12px 15px;border:1px solid #dee2e6;text-align:left}.blog-table th{background:#f8f9fa;font-weight:700}.blog-table tr:nth-child(2n){background:#fcfcfc}.blog-content-link{color:var(--primary-blue);text-decoration:none;font-weight:600;border-bottom:2px solid rgba(11,30,109,.1);transition:all .2s ease}.blog-content-link:hover{color:var(--primary-red);border-bottom-color:var(--primary-red);background:#c70d1708}.blog-hr{border:0;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent);margin:4rem 0}.ss-blog-detail-modern{--ss-primary: var(--primary-blue);--ss-bg-light: #f8fafc;--ss-text-main: #0f172a;--ss-text-content: #334155;--ss-text-muted: #64748b;--ss-border: #e2e8f0;--ss-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);background:#fff;animation:fadeIn .8s ease-out}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:1000}.scroll-progress-bar{height:100%;background:var(--primary-blue);width:0%;transition:width .1s ease-out;box-shadow:0 0 10px #0b1e6d4d}.ss-blog-detail-modern .article-hero{position:relative;min-height:450px;display:flex;align-items:center;background-size:cover;background-position:center;color:#fff;padding:80px 0}.ss-blog-detail-modern .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary-blue);z-index:1}.ss-blog-detail-modern .hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.ss-blog-detail-modern .back-link{display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;margin-bottom:2rem;padding:8px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:30px;transition:all .3s ease}.ss-blog-detail-modern .back-link:hover{background:#fff3;transform:translate(-5px)}.ss-blog-detail-modern .article-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff!important}.ss-blog-detail-modern .article-meta{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1rem;color:#fff!important}.ss-blog-detail-modern .article-meta strong,.ss-blog-detail-modern .article-meta span{color:#fff!important}.ss-blog-detail-modern .meta-divider{color:#fff9!important}.ss-blog-detail-modern .ss-blog-content-wrapper{width:90%;margin:4rem auto;max-width:1400px}@media (min-width: 992px){.ss-blog-detail-modern .ss-blog-content-wrapper{width:80%}.ss-blog-grid{display:grid;grid-template-columns:1fr 350px;gap:60px;align-items:flex-start}}@media (max-width: 991px){.ss-blog-grid{display:flex;flex-direction:column;gap:40px}}.ss-blog-detail-modern .article-entry-content{font-family:inherit;font-size:1.2rem;line-height:1.7;color:var(--ss-text-content);margin-bottom:4rem}.ss-blog-detail-modern .article-entry-content a{color:var(--ss-primary);text-decoration:underline;font-weight:600}.ss-blog-detail-modern .article-entry-content a:hover{color:var(--secondary-blue)}.ss-blog-detail-modern .article-entry-content hr{margin:3rem 0;border:0;border-top:1px solid var(--ss-border)}.ss-blog-detail-modern .article-entry-content p{margin-bottom:2rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.ss-blog-detail-modern .article-bottom-section{padding:40px 0;border-top:1px solid var(--ss-border);border-bottom:1px solid var(--ss-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.ss-blog-detail-modern .category-section,.ss-blog-detail-modern .share-section{display:flex;align-items:center;gap:12px}.ss-blog-detail-modern .label{font-weight:700;color:var(--ss-text-main);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.ss-blog-detail-modern .category-tag{background:var(--soft-blue);color:var(--ss-primary);padding:6px 16px;border-radius:var(--border-radius-standard);font-weight:700;font-size:.85rem;border:1px solid rgba(11,30,109,.15)}.ss-blog-detail-modern .share-pills{display:flex;gap:10px;align-items:center}.ss-blog-detail-modern .share-pill{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--ss-border);background:#fff;color:var(--ss-text-muted);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:0}.ss-blog-detail-modern .share-pill:hover{transform:translateY(-2px);border-color:var(--ss-primary);color:var(--ss-primary);background:var(--soft-blue)}.ss-blog-detail-modern .share-pill.fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.ss-blog-detail-modern .share-pill.tw:hover{background:#000;color:#fff;border-color:#000}.ss-blog-detail-modern .share-pill.li:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.ss-blog-detail-modern .share-pill.wa:hover{background:#25d366;color:#fff;border-color:#25d366}.ss-blog-sidebar{position:sticky;top:100px}.sidebar-widget{background:#fff;border-radius:var(--border-radius-standard);padding:24px;border:1px solid var(--ss-border);box-shadow:0 10px 15px -3px #0000000a}.widget-title{font-size:1.25rem;font-weight:800;color:var(--ss-text-main);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9;position:relative}.widget-title:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--ss-primary)}.sidebar-posts{display:flex;flex-direction:column;gap:20px}.sidebar-post-card{display:flex;gap:15px;text-decoration:none;align-items:center;transition:all .2s ease}.sidebar-post-card:hover{transform:translate(5px)}.sidebar-post-image{width:80px;height:80px;flex-shrink:0;border-radius:var(--border-radius-standard);overflow:hidden;border:1px solid var(--ss-border)}.sidebar-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sidebar-post-card:hover .sidebar-post-image img{transform:scale(1.1)}.sidebar-post-info{flex:1}.sidebar-post-cat{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--ss-primary);margin-bottom:4px;letter-spacing:.05em}.sidebar-post-title{font-size:.95rem;font-weight:700;line-height:1.4;color:var(--ss-text-main);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-post-date{font-size:.8rem;color:var(--ss-text-muted)}.ss-blog-detail-modern .related-posts{background:var(--ss-bg-light);padding:80px 0}.ss-blog-detail-modern .section-title{font-size:2rem;font-weight:800;color:var(--ss-text-main);margin-bottom:2.5rem;text-align:center}.ss-blog-detail-modern .related-card-link{text-decoration:none;color:inherit}.ss-blog-detail-modern .related-card{background:#fff;border-radius:var(--border-radius-standard);overflow:hidden;border:1px solid var(--ss-border);transition:all .3s ease;height:100%}.ss-blog-detail-modern .related-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000000d}.ss-blog-detail-modern .card-img-wrapper{aspect-ratio:16 / 9;overflow:hidden}.ss-blog-detail-modern .card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ss-blog-detail-modern .related-card:hover .card-img-wrapper img{transform:scale(1.05)}.ss-blog-detail-modern .card-body{padding:24px}.ss-blog-detail-modern .card-category{color:var(--ss-primary);font-weight:700;font-size:.75rem;text-transform:uppercase;margin-bottom:8px;display:block}.ss-blog-detail-modern .card-title{font-size:1.25rem;font-weight:700;color:var(--ss-text-main);line-height:1.35;margin-bottom:12px}.ss-blog-detail-modern .card-date{font-size:.85rem;color:var(--ss-text-muted)}.ss-blog-detail-loading,.ss-blog-detail-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.ss-blog-detail-modern .btn-ss-outline{padding:10px 24px;border-radius:var(--border-radius-standard);border:2px solid var(--ss-primary);color:var(--ss-primary);font-weight:700;transition:all .2s}.ss-blog-detail-modern .btn-ss-outline:hover{background:var(--ss-primary);color:#fff}.ss-blog-detail-modern .tag-pills{display:inline-flex;flex-wrap:wrap;gap:8px}.ss-blog-detail-modern .tag-pill{font-size:.8rem;font-weight:600;color:var(--ss-text-muted);text-decoration:none;background:#f1f5f9;padding:4px 12px;border-radius:var(--border-radius-standard);transition:all .2s}.ss-blog-detail-modern .tag-pill:hover{background:var(--ss-primary);color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.ss-blog-detail-modern .article-title{font-size:2.25rem}.ss-blog-detail-modern .article-meta{flex-wrap:wrap}.ss-blog-detail-modern .article-bottom-section{flex-direction:column;align-items:flex-start}}.related-articles-bottom{background:#f8fafc;padding:80px 0;border-top:1px solid var(--ss-border)}.related-articles-bottom .section-title{font-size:2rem;font-weight:800;color:var(--ss-text-main);margin-bottom:3rem;text-align:center;position:relative;padding-bottom:15px}.related-articles-bottom .section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--ss-primary);border-radius:2px}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.blog-related-card{background:#fff;border-radius:var(--border-radius-standard);overflow:hidden;border:1px solid var(--ss-border);transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit}.blog-related-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--ss-primary)}.related-card-image{aspect-ratio:16 / 9;overflow:hidden;background:#f1f5f9}.related-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-related-card:hover .related-card-image img{transform:scale(1.05)}.related-card-content{padding:24px;flex:1;display:flex;flex-direction:column}.related-card-cat{color:var(--ss-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:10px;letter-spacing:.05em}.related-card-title{font-size:1.25rem;font-weight:800;line-height:1.4;color:var(--ss-text-main);margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--ss-text-muted)}@media (max-width: 991px){.blog-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.blog-related-grid{grid-template-columns:1fr}.related-articles-bottom{padding:60px 0}.related-articles-bottom .section-title{font-size:1.75rem}}.skeleton-member-details-page{padding:80px 0;background-color:#f9f9f9}.skeleton-member-details-card{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 992px){.skeleton-member-details-card{flex-direction:row}}.skeleton-member-details-image{width:100%;padding-top:100%;background-color:#e0e0e0;animation:pulse 1.5s infinite ease-in-out}@media (min-width: 992px){.skeleton-member-details-image{width:400px;padding-top:0;height:400px}}.skeleton-member-details-content{padding:40px;flex-grow:1}.skeleton-line{background-color:#e0e0e0;border-radius:4px;animation:pulse 1.5s infinite ease-in-out}.skeleton-h1{height:40px;width:70%;margin-bottom:20px}.skeleton-p-lead{height:24px;width:50%;margin-bottom:30px}.skeleton-p-small{height:20px;width:30%;margin-bottom:40px}.skeleton-p-bio{height:20px;width:100%;margin-bottom:15px}.skeleton-p-bio:last-child{width:80%}@keyframes pulse{0%{background-color:#e0e0e0}50%{background-color:#f0f0f0}to{background-color:#e0e0e0}}.member-details-page{padding:10rem 0 6rem;background-color:var(--soft-blue);min-height:100vh}.member-details-nav{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-blue);font-weight:600;text-decoration:none;transition:var(--transition);padding:.5rem 1rem;background:var(--white);border-radius:var(--border-radius-standard);box-shadow:var(--shadow-sm)}.back-link:hover{transform:translate(-5px);color:var(--primary-red);box-shadow:var(--shadow-md)}.md-v3-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:flex-start!important}@media (min-width: 992px){.md-v3-grid{grid-template-columns:380px 1fr}}.md-v3-sidebar{display:flex!important;flex-direction:column!important;gap:2rem!important;margin:0!important;padding:0!important;align-self:flex-start!important}.md-v3-main{margin:0!important;padding:0!important;align-self:flex-start!important;display:block!important}.md-v3-profile-card{background:var(--white);border-radius:var(--border-radius-standard);overflow:hidden;box-shadow:var(--shadow-lg);position:sticky;top:100px;margin-top:0!important}.member-image-wrapper{aspect-ratio:1;overflow:hidden;background-color:var(--soft-blue)}.member-profile-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.md-v3-profile-card:hover .member-profile-image{transform:scale(1.05)}.member-basic-info{padding:2rem;text-align:center}.member-basic-info h1{font-size:1.75rem;color:var(--primary-blue);margin-bottom:.5rem}.member-rank{font-size:1.1rem;color:var(--primary-red);font-weight:600;margin-bottom:1.5rem}.member-social-links{display:flex;justify-content:center;gap:1.25rem;margin-bottom:1.5rem}.member-social-links a{font-size:1.25rem;color:var(--text-dark);transition:var(--transition);opacity:.7}.member-social-links a:hover{color:var(--primary-red);opacity:1;transform:translateY(-3px)}.member-actions-details{margin-top:1rem;display:flex;justify-content:center}.share-profile-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--soft-blue);color:var(--primary-blue);border:none;border-radius:var(--border-radius-standard);font-weight:600;cursor:pointer;transition:var(--transition)}.share-profile-btn:hover{background:var(--primary-blue);color:var(--white);transform:translateY(-2px)}.share-profile-btn.copied{background:var(--primary-red);color:var(--white)}.member-contact-info{background:var(--white);border-radius:var(--border-radius-standard);padding:2rem;box-shadow:var(--shadow-md);margin-top:0!important}.member-contact-info h3{font-size:1.2rem;color:var(--primary-blue);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--soft-blue)}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--text-dark);word-break:break-all}.contact-item i{color:var(--primary-red);font-size:1.1rem}.no-contact,.no-bio{color:#6c757d;font-style:italic}.md-v3-bio-card{background:var(--white);border-radius:var(--border-radius-standard);padding:3rem;box-shadow:var(--shadow-lg);min-height:400px;margin-top:0!important}@media (max-width: 768px){.member-bio-card{padding:2rem}}.bio-header{margin-bottom:2.5rem}.bio-header h2{font-size:2rem;color:var(--primary-blue);margin-bottom:.75rem}.header-line{width:60px;height:4px;background:var(--primary-red);border-radius:2px}.bio-content p{font-size:1.1rem;line-height:1.8;color:#444;white-space:pre-wrap}@media (max-width: 991px){.member-details-page{padding:8rem 0 4rem}.member-profile-card{position:static}}.about-page{background-color:#fff}.mission-vision-wrapper{padding:5rem 0;background:var(--soft-blue);border-radius:0 0 var(--border-radius-standard) var(--border-radius-standard);margin-bottom:5rem}.mission-vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.mv-card{padding:3rem;border-radius:var(--border-radius-standard);background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1);border:1px solid rgba(11,30,109,.05);display:flex;flex-direction:column}.mv-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0b1e6d14}.mv-icon-bg{width:64px;height:64px;background:var(--primary-blue);color:#fff;border-radius:var(--border-radius-standard);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:2rem;box-shadow:0 8px 20px #0b1e6d26}.mv-card.vision .mv-icon-bg{background:var(--primary-red);box-shadow:0 8px 20px #ff002b26}.mv-title{color:var(--primary-blue);font-size:1.75rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.01em}.mv-desc{color:#4b5563;line-height:1.8;font-size:1.05rem;margin:0}.about-main-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:center;margin-bottom:8rem}.about-content-body h2{color:var(--primary-red);text-transform:uppercase;font-size:.9rem;font-weight:800;letter-spacing:.15em;margin-bottom:1rem}.about-content-body h3{color:var(--primary-blue);font-size:3rem;font-weight:900;line-height:1.1;margin-bottom:2.5rem;letter-spacing:-.03em}.lead-text{font-size:1.2rem;line-height:1.8;color:var(--primary-blue);font-weight:600;margin-bottom:2rem}.body-text{font-size:1.05rem;line-height:1.9;color:#4b5563;margin-bottom:1.5rem}.image-composition{position:relative;max-width:500px}.main-img-item{width:100%;border-radius:var(--border-radius-standard);box-shadow:0 30px 60px #00000026}.floating-badge{position:absolute;top:-1.5rem;right:-1.5rem;background:var(--primary-red);color:#fff;padding:1.5rem;border-radius:var(--border-radius-standard);font-weight:800;text-align:center;box-shadow:0 15px 30px #ff002b33;animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.pillars-wrapper{padding:8rem 0;background-color:#f8fafc;border-radius:var(--border-radius-standard);margin-bottom:6rem}.pillars-header{text-align:center;max-width:800px;margin:0 auto 5rem}.pillars-header h2{color:var(--primary-blue);font-size:3rem;font-weight:900;margin-bottom:1.5rem;letter-spacing:-.02em}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.pillar-card{background:#fff;padding:3rem;border-radius:var(--border-radius-standard);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.165,.84,.44,1);border:1px solid rgba(11,30,109,.05)}.pillar-card:hover{transform:translateY(-15px);box-shadow:0 30px 60px #0b1e6d1a}.sdg-badge{display:inline-block;padding:.6rem 1.2rem;background:var(--soft-red);color:var(--primary-red);font-weight:800;font-size:.8rem;border-radius:var(--border-radius-standard);margin-bottom:1.5rem;text-transform:uppercase}.pillar-info h4{color:var(--primary-blue);font-size:1.5rem;font-weight:800;margin-bottom:1rem}.pillar-desc{color:#6b7280;font-size:1rem;line-height:1.7;margin-bottom:2rem}.guide-section{margin-top:auto;padding-top:2rem;border-top:1px solid #f1f5f9}.guide-label{font-size:.8rem;font-weight:800;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;display:block}.guide-list{list-style:none;padding:0;margin:0}.guide-item{position:relative;padding-left:1.5rem;font-size:.95rem;color:#4b5563;margin-bottom:.75rem;line-height:1.5}.guide-item:before{content:"→";position:absolute;left:0;color:var(--primary-red);font-weight:800}@media (max-width: 1200px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.about-main-grid{grid-template-columns:1fr;gap:4rem}.image-composition{margin:0 auto;order:-1}.about-content-body{text-align:center}.about-content-body h3{font-size:2.5rem}}@media (max-width: 768px){.mission-vision-grid,.pillars-grid{grid-template-columns:1fr}.pillars-header h2{font-size:2.25rem}.mv-card,.pillar-card{padding:2rem}}.contact-page{padding-top:140px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;align-items:start}.contact-info h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--primary-blue);margin-bottom:.75rem;letter-spacing:-.02em}.contact-info p{font-size:1.15rem;line-height:1.7;color:#64748b;margin-bottom:1rem}.contact-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;align-items:center;gap:1rem}.detail-item:first-child{align-items:flex-start}.detail-icon{width:2.8rem;height:2.8rem;background:var(--primary-blue);color:var(--primary-red);display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1rem;box-shadow:0 4px 6px -1px #0000001a}.detail-text h4{font-size:1.2rem;color:var(--primary-blue);margin-bottom:.25rem}.detail-text,.detail-text a{font-size:1.15rem;color:var(--primary-blue);font-weight:500;line-height:1.4;text-decoration:none;transition:color .3s ease}.detail-item a:hover{color:var(--primary-red)}.office-hours{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:var(--border-radius-standard);border:1px solid #f1f5f9}.office-hours h6{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--primary-blue);margin-bottom:.25rem}.office-hours p{margin:0;font-size:1rem;color:#64748b}.contact-buttons{display:flex;gap:1rem;margin-top:1.5rem}.contact-btn{padding:.85rem 1.5rem;border-radius:var(--border-radius-standard);font-weight:800;font-size:.95rem;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .4s ease;display:inline-flex;align-items:center;gap:.75rem;justify-content:center;flex:1}.contact-btn-primary{background:var(--primary-red);color:#fff}.contact-btn-primary:hover{background:#ff1a40;transform:translateY(-5px);box-shadow:0 15px 30px #ff002b4d}.contact-btn-secondary{background:#fff;color:var(--primary-blue);border:2px solid #e2e8f0}.contact-btn-secondary:hover{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff;transform:translateY(-5px);box-shadow:0 15px 30px #0b1e6d33}.contact-form-wrapper{background:#fff;padding:1.5rem;border-radius:5px;box-shadow:0 40px 100px #0000000d;border:1px solid #f1f5f9}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group input,.form-group textarea{width:100%;padding:.85rem;background:#f8fafc;border:2px solid #f1f5f9;border-radius:5px;font-size:1rem;color:var(--primary-blue);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;background:#fff;border-color:var(--primary-blue);box-shadow:0 10px 30px #0b1e6d14}.form-group textarea{min-height:200px}.submit-btn{background:var(--primary-blue)!important;color:#fff;border:none;padding:1rem;border-radius:5px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .4s ease;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;gap:1rem}.submit-btn:hover:not(:disabled){background:var(--primary-red);transform:translateY(-5px);box-shadow:0 20px 40px #ff002b4d}.social-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.social-section h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--primary-blue);margin-bottom:1.5rem}.contact-social-links{display:flex;gap:1rem}.social-link{width:44px;height:44px;background:var(--primary-blue);color:var(--primary-red);border-radius:12px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr;gap:4rem}}@media (max-width: 768px){.contact-form-wrapper{padding:2.5rem 1.5rem;border-radius:2rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.contact-buttons{flex-direction:column}.detail-item i{width:3rem;height:3rem;font-size:1.25rem}}.volunteer-layout{display:grid;grid-template-columns:1fr 380px;gap:4rem;width:100%;max-width:1300px;margin:0 auto}.form-column{display:flex;flex-direction:column}.info-column{display:flex;flex-direction:column;gap:2.5rem;position:sticky;top:100px}.volunteer-card{background:#fff;border-radius:var(--border-radius-standard);box-shadow:0 40px 100px #0000000d;overflow:hidden;border:1px solid #f1f5f9}.card-header{background:var(--primary-blue);color:#fff;padding:3.5rem;text-align:center}.card-header h3{margin:0;font-size:2.25rem;font-weight:800;letter-spacing:-.03em}.card-header p{margin:1rem 0 0;opacity:.9;font-size:1.1rem;max-width:500px;margin-left:auto;margin-right:auto}.volunteer-form{padding:4rem;display:flex;flex-direction:column;gap:2.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-label{font-weight:800;color:var(--primary-blue);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.form-input,.form-select,.form-textarea{width:100%;padding:1.25rem;background:#f8fafc;border:2px solid #f1f5f9;border-radius:var(--border-radius-standard);font-size:1.1rem;color:var(--primary-blue);transition:all .3s ease;font-family:inherit}.form-textarea{resize:vertical;min-height:140px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;background:#fff;border-color:var(--primary-blue);box-shadow:0 10px 30px #0b1e6d1a}.submit-btn{width:100%;padding:1.5rem;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius-standard);font-size:1.25rem;font-weight:800;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:1rem;text-transform:uppercase;letter-spacing:.1em;margin-top:1rem}.submit-btn:hover:not(:disabled){background:#081652;transform:translateY(-5px);box-shadow:0 20px 40px #0b1e6d4d}.submit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.button-spinner{width:1.5rem;height:1.5rem;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.message{padding:1.5rem;border-radius:var(--border-radius-standard);font-weight:700;text-align:center;font-size:1.05rem;margin-top:2rem}.message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.animate-fade-in{animation:fadeInModern .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInModern{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-view{padding:6rem 3rem;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px}.success-lottie-container{margin-bottom:2.5rem}.success-icon-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f0fdf4;position:relative;animation:circleScale .5s cubic-bezier(.175,.885,.32,1.275) .2s both}@keyframes circleScale{0%{transform:scale(0)}to{transform:scale(1)}}.checkmark-svg{width:60px;height:60px;stroke:#22c55e;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes strokeCheck{to{stroke-dashoffset:0}}.success-title{font-size:2.75rem;font-weight:900;color:var(--primary-blue);margin-bottom:1.25rem;letter-spacing:-.04em}.success-description{font-size:1.2rem;color:#64748b;max-width:480px;margin:0 auto 3.5rem;line-height:1.7}.success-actions{display:flex;gap:1.5rem;justify-content:center;width:100%}.modern-reset-btn{background:#f8fafc;color:var(--primary-blue);border:1px solid #e2e8f0;padding:1.15rem 2.5rem;border-radius:var(--border-radius-standard);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;cursor:pointer}.modern-reset-btn:hover{background:#fff;border-color:var(--primary-blue);transform:translateY(-3px);box-shadow:0 10px 20px #0000000d}.home-link-btn{background:var(--primary-blue);color:#fff;padding:1.15rem 2.5rem;border-radius:var(--border-radius-standard);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0b1e6d33}.home-link-btn:hover{background:#081652;color:#fff!important;transform:translateY(-3px);box-shadow:0 15px 35px #0b1e6d4d}@media (max-width: 640px){.success-actions{flex-direction:column;width:100%}.modern-reset-btn,.home-link-btn{width:100%}.success-title{font-size:2.25rem}}.volunteer-benefits-card,.volunteer-areas-card,.volunteer-cta-card{background:#fff;border-radius:var(--border-radius-standard);box-shadow:0 40px 100px #0000000d;padding:3rem;border:1px solid #f1f5f9}.volunteer-benefits-card h3,.volunteer-areas-card h4,.volunteer-cta-card h4{font-size:1.5rem;font-weight:800;color:var(--primary-blue);margin-bottom:2rem!important;letter-spacing:-.02em}.benefit-item{display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.benefit-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.benefit-icon{width:3.5rem;height:3.5rem;background:#fff1f2;border-radius:var(--border-radius-standard);display:flex;align-items:center;justify-content:center;color:var(--primary-red);font-size:1.5rem;flex-shrink:0;transition:all .3s ease}.benefit-item:hover .benefit-icon{background:var(--primary-red);color:#fff;transform:rotate(10deg) scale(1.1)}.benefit-item h5{margin:0 0 .5rem;font-size:1.1rem;font-weight:800;color:var(--primary-blue)}.benefit-item p{margin:0;font-size:.95rem;color:#64748b;line-height:1.5}.areas-list{display:flex;flex-wrap:wrap;gap:.75rem}.area-badge{background:#f8fafc;color:var(--primary-blue);padding:.75rem 1.25rem;border-radius:var(--border-radius-standard);font-size:.9rem;font-weight:700;border:1px solid #f1f5f9;transition:all .3s ease}.area-badge:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);transform:translateY(-3px)}.volunteer-cta-card{text-align:center;background:var(--primary-blue);color:#fff}.volunteer-cta-card h4{color:#fff}.volunteer-cta-card p{opacity:.9;margin-bottom:2rem}.contact-link{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--primary-blue);color:#fff;padding:1.25rem;border-radius:var(--border-radius-standard);text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transition:all .4s ease}.contact-link:hover{background:#081652;color:#fff;transform:translateY(-5px);box-shadow:0 15px 30px #0003}@media (max-width: 1024px){.volunteer-layout{grid-template-columns:1fr;gap:3rem}.info-column{position:static}}@media (max-width: 768px){.card-header{padding:3rem 1.5rem}.volunteer-form{padding:2.5rem 1.5rem}.volunteer-benefits-card,.volunteer-areas-card,.volunteer-cta-card{padding:2.5rem 1.5rem;border-radius:2rem}}@media (max-width: 576px){.card-header h3{font-size:1.75rem}.submit-btn{padding:1.25rem;font-size:1.1rem}}.programmes-page-header{background:var(--primary-blue);min-height:280px;display:flex;align-items:center;justify-content:center;padding:6rem 0;color:#fff;text-align:center;position:relative;overflow:hidden}.programmes-page-header .container{display:flex;align-items:center;justify-content:center;width:100%}.programmes-page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0b1e6d,#0b1e6dcc);z-index:1}.programmes-header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:2}.programmes-page-header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:1.5rem;letter-spacing:-.04em}.programmes-page-header .section-label{display:inline-block;color:var(--primary-red);font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:.875rem;margin-bottom:1rem}.programmes-page-header .lead{font-size:1.25rem;opacity:.9;font-weight:500}.programmes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.programme-card-link{text-decoration:none;color:inherit}.programme-card{background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 10px 30px #0b1e6d0d;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;height:100%;border:1px solid #f1f5f9}.programme-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0b1e6d1f}.programme-image{position:relative;width:100%;height:250px;overflow:hidden;background:#f5f5f5}.programme-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.programme-card:hover .programme-image img{transform:scale(1.08)}.programme-info{padding:1.5rem;flex:1;display:flex;flex-direction:column}.programme-info h4{font-size:1.15rem;margin-bottom:.85rem;color:var(--primary-blue)}.programme-info p{color:#64748b;font-size:.95rem;line-height:1.6;flex:1}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.how-card{background:#fff;padding:2.5rem 2rem;border-radius:5px;box-shadow:0 10px 30px #0b1e6d0a;transition:all .3s ease;text-align:center;position:relative;box-sizing:border-box;border:1px solid #f1f5f9}.how-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.how-number{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--primary-blue);color:#fff;border-radius:5px;font-size:1.5rem;font-weight:800;margin:0 auto 1.5rem;border:4px solid #f1f5f9}.how-card h4{font-size:1.2rem;margin-bottom:1rem;color:var(--primary-blue)}.how-card p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:0}@media (max-width: 768px){.programmes-hero h1{font-size:2rem}.programmes-grid{grid-template-columns:1fr}.programme-image{height:200px}.how-it-works-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.programmes-hero{height:300px;margin-bottom:2rem}.section-intro h2{font-size:1.5rem}.programme-image{height:180px}.programme-info{padding:1rem}.programme-info h4{font-size:1rem}.programme-info p{font-size:.9rem}.how-it-works-grid{grid-template-columns:1fr}.how-card{padding:1.5rem}.how-number{width:50px;height:50px;font-size:1.5rem}}.partnerships-page{min-height:100vh;background:#fff}.partnerships-container{padding:60px 20px;max-width:1200px;margin:0 auto}.partnership-section{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;margin:40px 0 80px}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-label .line{width:42px;height:3px;background:var(--primary-blue);border-radius:var(--border-radius-standard)}.section-label .text{font-size:.78rem;letter-spacing:2px;color:var(--primary-blue);font-weight:600}.partnership-content h3{margin:6px 0 16px;color:#2b2b2b;font-size:1rem;font-weight:700}.partnership-content p{color:var(--text-light);line-height:1.7;margin-bottom:14px;font-size:.95rem}.partnership-image{position:relative}.image-stack{display:flex;gap:18px;box-sizing:border-box}.image-card{width:230px;height:300px;border-radius:var(--border-radius-standard);overflow:hidden;box-shadow:0 6px 24px #00000026;background:#f3f3f3;box-sizing:border-box}.image-card img{width:100%;height:100%;object-fit:cover;display:block;box-sizing:border-box}.image-stack .image-card:nth-child(2){margin-top:40px;box-sizing:border-box}.partnership-models{margin:80px 0;box-sizing:border-box}.models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;box-sizing:border-box}.model-card{background:#fff;border:1px solid #e6e6e6;border-radius:var(--border-radius-standard);padding:32px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.model-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px);box-sizing:border-box}.model-title{color:var(--primary-blue);font-weight:700;font-size:1.1rem;margin-bottom:16px;box-sizing:border-box}.model-description{color:var(--text-light);line-height:1.6;margin-bottom:20px;flex-grow:1;font-size:.95rem;box-sizing:border-box}.btn-model{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);padding:10px 20px;border-radius:6px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;text-align:center;align-self:flex-start;box-sizing:border-box}.btn-model:hover{background:var(--primary-blue);color:#fff;box-sizing:border-box}.our-partners-section{margin:80px 0;box-sizing:border-box}.partners-header{display:flex;align-items:center;gap:16px;margin-bottom:40px;box-sizing:border-box}.partners-title{text-transform:uppercase;color:var(--primary-blue);font-size:.9rem;margin:0;font-weight:700;letter-spacing:1px;white-space:nowrap;box-sizing:border-box}.partners-divider{flex-grow:1;border-top:1px solid #302f2f52;box-sizing:border-box}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;align-items:center;justify-items:center;max-width:800px;margin:0 auto;box-sizing:border-box}.partner-link{position:relative;text-decoration:none;box-sizing:border-box}.partner-logo{background:#fff;border:1px solid #e6e6e6;border-radius:var(--border-radius-standard);padding:22px;display:flex;align-items:center;justify-content:center;min-height:80px;transition:all .2s;box-sizing:border-box}.partner-link:hover .partner-logo{border-color:#999;transform:translateY(-1px);box-sizing:border-box}.partner-logo img{width:100%;height:60px;object-fit:contain;filter:grayscale(30%) opacity(.8);transition:all .2s}.partner-link:hover .partner-logo img{filter:grayscale(0%) opacity(1);transform:scale(1.05)}.partner-external-icon{position:absolute;top:8px;right:8px;color:var(--primary-blue);font-size:.8rem;opacity:0;transition:opacity .2s}.partner-link:hover .partner-external-icon{opacity:1}.donation-cta{background:linear-gradient(#0b1e6db3,#0b1e6db3),url(/images/bg.jpg) center/cover;color:#fff;text-align:center;padding:80px 20px;border-radius:var(--border-radius-standard);margin:60px 0}.donation-cta h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.donation-cta p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.donation-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px;flex-wrap:wrap}.btn-primary{background:gold;color:#000;padding:12px 30px;border:none;border-radius:var(--border-radius-standard);font-weight:600;text-decoration:none;transition:transform .3s;display:inline-block}.btn-secondary{background:transparent;color:#fff;padding:12px 30px;border:2px solid #fff;border-radius:var(--border-radius-standard);font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-block}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary:hover{background:#fff;color:#000}@media (max-width: 768px){.partnerships-hero h1{font-size:2.5rem}.partnership-section{grid-template-columns:1fr;gap:24px}.image-card{width:48%;aspect-ratio:3/4}.image-stack .image-card:nth-child(2){margin-top:12px}.partners-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;max-width:600px}.partner-logo img{height:50px}.models-grid{grid-template-columns:1fr}}@media (max-width: 576px){.partnerships-container{padding:40px 15px}.partnerships-hero{padding:80px 20px 60px}.partnerships-hero h1{font-size:2rem}.image-stack{gap:12px;justify-content:center}.image-card{width:100%;max-width:340px;height:auto;aspect-ratio:3 / 4}.image-stack .image-card:nth-child(2){margin-top:8px}.partners-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:400px}.partner-logo{padding:18px;min-height:100px}.partner-logo img{height:70px}.donation-cta h2{font-size:1.8rem}.donation-cta p{font-size:1rem}.donation-buttons{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%}.partners-header{flex-direction:column;align-items:flex-start;gap:12px}.partners-divider{width:100%}}@media (max-width: 400px){.partners-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.partner-logo img{height:60px}.section-label .text{font-size:.7rem;letter-spacing:1.5px}}.newsletter-manage-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 400px);display:flex;align-items:center;padding:6rem 0}.nm-public-card{background:#fff;border-radius:24px;padding:4rem 3.5rem;box-shadow:0 20px 40px -15px #0b1e6d14,0 0 10px #00000005;border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden;animation:fadeInSlideUp .6s cubic-bezier(.16,1,.3,1) forwards}.nm-public-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#0b1e6d,#1a36a8)}.subscription-status-banner{display:flex;align-items:center;padding:1.5rem 2rem;border-radius:16px;border:none;transition:all .3s ease}.status-active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#14532d;box-shadow:inset 0 2px 4px #ffffff80;border:1px solid #bbf7d0}.status-active i{color:#16a34a}.status-unsubscribed{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#334155;box-shadow:inset 0 2px 4px #fffc;border:1px solid #e2e8f0}.status-unsubscribed i{color:#64748b}.theme-color{color:#0b1e6d;letter-spacing:-.02em}.nm-public-card .form-control{border-radius:12px;border:1px solid #e2e8f0;padding:.875rem 1.25rem;font-size:1rem;background-color:#f8fafc;transition:all .2s ease;box-shadow:inset 0 1px 2px #00000005}.nm-public-card .form-control:focus{background-color:#fff;border-color:#0b1e6d;box-shadow:0 0 0 4px #0b1e6d1a;outline:none}.nm-public-card .form-label{font-size:.75rem;letter-spacing:.05em;color:#64748b;margin-bottom:.5rem}.theme-btn{background:linear-gradient(135deg,#0b1e6d,#173291);color:#fff;border:none;border-radius:12px;transition:all .3s ease;font-size:1.05rem;letter-spacing:.02em;box-shadow:0 4px 12px #0b1e6d33}.theme-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0b1e6d4d;color:#fff}.theme-btn:disabled{opacity:.7;transform:none;box-shadow:none}.nm-public-card .btn-outline-danger{border-radius:12px;border:2px solid #fee2e2;color:#dc2626;background-color:#fff;transition:all .3s ease;font-size:1.05rem}.nm-public-card .btn-outline-danger:hover:not(:disabled){background-color:#fef2f2;border-color:#fca5a5;color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26261a}.nm-public-card .btn-success{border-radius:12px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;box-shadow:0 4px 12px #16a34a33;font-size:1.05rem;transition:all .3s ease}.nm-public-card .btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #16a34a4d}.hover-primary{transition:all .2s ease;display:inline-block}.hover-primary:hover{color:#0b1e6d!important;transform:translate(-4px)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loading-skeleton 2s infinite linear;border-radius:8px}@keyframes loading-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-logo{width:140px;height:48px;border-radius:12px}.skeleton-title{width:60%;height:32px}.skeleton-subtitle{width:45%;height:18px}.skeleton-banner{width:100%;height:86px;border-radius:16px}.skeleton-text{height:14px}.skeleton-input{width:100%;height:52px;border-radius:12px}.skeleton-button{width:100%;height:56px;border-radius:12px}@media (max-width: 576px){.nm-public-card{padding:2.5rem 1.5rem;border-radius:20px}.newsletter-manage-page{padding:2rem 0}}.vision-section{max-width:1000px;margin:0 auto}.vision-header{margin-bottom:3rem;text-align:center}.vision-label{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:2px;color:var(--primary-red);text-transform:uppercase;margin-bottom:1rem}.vision-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.3}.vision-content{display:grid;gap:2.5rem}.vision-page-header{background:var(--primary-blue);min-height:280px;display:flex;align-items:center;justify-content:center;padding:6rem 0;color:#fff;text-align:center;position:relative;overflow:hidden}.vision-page-header .container{display:flex;align-items:center;justify-content:center;width:100%}.vision-page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0b1e6d,#0b1e6dcc);z-index:1}.vision-header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:2}.vision-page-header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:1.5rem;letter-spacing:-.04em}.vision-page-header .section-label{display:inline-block;color:var(--primary-red);font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:.875rem;margin-bottom:1rem}.vision-page-header .lead{font-size:1.25rem;opacity:.9;font-weight:500}.page-header-compact{padding:8rem 0 3rem;background-color:var(--soft-blue);border-bottom:1px solid rgba(11,30,109,.05)}.header-content{display:flex;align-items:center;justify-content:center}.page-header-compact h1{font-size:clamp(2rem,5vw,3rem);font-weight:950;color:var(--primary-blue);margin:0;letter-spacing:-.04em;text-transform:uppercase}.vision-text{display:flex;flex-direction:column;gap:1.5rem}.vision-text p{font-size:1.05rem;line-height:1.8;color:var(--text-light)}.vision-highlight-new{background:#fff;padding:3rem;border-radius:5px;box-shadow:0 10px 40px #0b1e6d14;border-top:5px solid var(--primary-blue);text-align:center}.vision-bottom-text-new{font-size:1.5rem;font-weight:700;color:var(--primary-blue);line-height:1.4;margin-bottom:0;font-style:italic}.vision-label-new{display:inline-block;color:var(--primary-red);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.875rem;margin-bottom:1rem}.vision-title-new{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem}.programme-components-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto}.component-card{background:#fff;padding:2.5rem;border-radius:5px;box-shadow:0 10px 30px #0b1e6d0d;transition:all .4s cubic-bezier(.165,.84,.44,1);text-align:center;border:1px solid rgba(11,30,109,.05);display:flex;flex-direction:column;justify-content:center;align-items:center}.component-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0b1e6d1f}.component-icon-wrapper{display:flex;justify-content:center;align-items:center}.component-icon{font-size:2.5rem;color:var(--primary-red)}.component-card h5{font-size:1.2rem;font-weight:700}.component-card p{font-size:1rem;line-height:1.7;color:var(--text-light)}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.overview-col{display:flex;flex-direction:column}.overview-col h2{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.3;margin-bottom:2rem;font-weight:700;color:var(--primary-red)}.overview-col p{color:var(--text-light);font-size:1.05rem;line-height:1.8;margin-bottom:1.25rem}.overview-col ul{margin-bottom:0}.overview-col li{color:var(--text-dark);font-size:1rem;line-height:1.8;margin-bottom:.75rem}.info-card-new{background:#fff;padding:3rem;border-radius:5px;box-shadow:0 10px 40px #0b1e6d14;border-left:5px solid var(--primary-blue);transition:var(--transition)}.info-card-new:hover{box-shadow:0 20px 60px #0b1e6d26}.info-card h4{font-size:1.35rem;font-weight:700;color:var(--primary-red)}.stat-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid #f0f0f0}.stat-item:last-child{border-bottom:none}.stat-number{font-size:2rem;font-weight:700;min-width:90px;color:var(--primary-red)}.stat-label{color:var(--text-light);font-size:1rem;font-weight:500}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.activity-card{background:#fff;padding:2.5rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 16px #00000014;transition:var(--transition);text-align:center;border-top:4px solid var(--primary-red)}.activity-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.activity-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--primary-blue);color:#fff;border-radius:var(--border-radius-standard);font-size:2.25rem;margin:0 auto 1.5rem}.activity-card h4{font-size:1.25rem;margin-bottom:1rem;font-weight:700;color:var(--primary-red)}.activity-card p{color:var(--text-light);font-size:1rem;line-height:1.7}.outcomes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1100px;margin:0 auto}.outcome-item{display:flex;gap:2rem;align-items:flex-start;padding:1.5rem;background:#f9f9f9;border-radius:var(--border-radius-standard);transition:var(--transition)}.outcome-item:hover{background:#f0f8ff;box-shadow:0 4px 12px #00000014}.outcome-number{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--primary-blue);color:#fff;border-radius:50%;font-weight:700;font-size:1.4rem;flex-shrink:0}.outcome-item p{color:var(--text-dark);font-size:1rem;line-height:1.7;margin-top:0}.sdg-alignment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}.sdg-item{background:#fff;padding:2rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 16px #00000014;transition:var(--transition);text-align:center;display:flex;flex-direction:column;align-items:center;min-height:280px}.sdg-item:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.sdg-number{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:var(--accent-yellow);color:#333;border-radius:50%;font-weight:700;font-size:1.8rem;margin-bottom:1.25rem;flex-shrink:0}.sdg-item h5{font-size:1.1rem;margin-bottom:.75rem;font-weight:700;color:var(--primary-red);line-height:1.4}.sdg-item p{color:var(--text-light);font-size:.9rem;line-height:1.5;margin-bottom:.5rem}section h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;margin-bottom:3rem}section{padding-top:4rem;padding-bottom:4rem}@media (max-width: 1024px){.sdg-alignment-grid{grid-template-columns:repeat(2,1fr)}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.outcomes-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.programme-components-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 768px){.programme-hero{height:350px;margin-bottom:3rem}.programme-hero h1{font-size:1.75rem}.vision-title{font-size:1.5rem}.vision-title span{display:block;margin-top:.5rem;margin-left:0}.overview-grid{grid-template-columns:1fr;gap:2.5rem}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.75rem}.activity-card{padding:1.75rem}.outcomes-list{grid-template-columns:1fr;gap:1.75rem}.outcome-item{gap:1.5rem;padding:1.25rem}.outcome-number{width:50px;height:50px;font-size:1.2rem}.sdg-alignment-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.sdg-item{min-height:auto;padding:1.5rem}.sdg-number{width:60px;height:60px;font-size:1.5rem}.component-card{padding:2rem}.programme-components-grid{grid-template-columns:1fr;gap:1.75rem}section{padding-top:3rem;padding-bottom:3rem}}@media (max-width: 576px){.programme-hero{height:280px;margin-bottom:2rem}.hero-overlay h1{font-size:1.4rem}.hero-overlay p{font-size:.95rem}.overview-grid{grid-template-columns:1fr;gap:2rem}.info-card,.activity-card{padding:1.5rem}.activities-grid{grid-template-columns:1fr;gap:1.5rem}.activity-icon{width:70px;height:70px;font-size:2rem}.activity-card h4{font-size:1.1rem}.activity-card p{font-size:.95rem}.outcomes-list{grid-template-columns:1fr;gap:1.5rem}.outcome-item{gap:1rem;padding:1rem}.outcome-number{width:45px;height:45px;font-size:1rem;min-width:45px}.outcome-item p{font-size:.95rem}.sdg-alignment-grid{grid-template-columns:1fr;gap:1.25rem}.sdg-item{padding:1.25rem;min-height:auto}.sdg-number{width:60px;height:60px;font-size:1.4rem;margin-bottom:1rem}.sdg-item h5{font-size:1rem}.sdg-item p{font-size:.85rem}.component-card{padding:1.5rem}.programme-components-grid{grid-template-columns:1fr;gap:1.5rem}.component-icon{font-size:2rem}.component-card h5{font-size:1.1rem}.component-card p{font-size:.95rem}.vision-highlight{padding:1.5rem}.vision-bottom-text{font-size:1rem}section h2{font-size:1.5rem;margin-bottom:2rem}section{padding-top:2rem;padding-bottom:2rem}}@media (max-width: 480px){.programme-hero{height:240px;margin-bottom:1.5rem}.hero-overlay h1{font-size:1.2rem}.hero-overlay p{font-size:.85rem}.vision-label{font-size:.75rem}.vision-title{font-size:1.25rem}.vision-text p{font-size:.95rem}.overview-col h2{font-size:1.4rem}.overview-col p{font-size:.95rem}.overview-col li{font-size:.9rem}.stat-item{gap:1rem;padding:1rem 0}.stat-number{font-size:1.5rem;min-width:70px}.stat-label{font-size:.9rem}.activities-grid{grid-template-columns:1fr}.activity-card{padding:1.25rem}.activity-icon{width:60px;height:60px;font-size:1.75rem;margin-bottom:1rem}.activity-card h4{font-size:1rem}.activity-card p{font-size:.9rem}.outcomes-list{grid-template-columns:1fr}.outcome-item{gap:.75rem;padding:.75rem}.outcome-number{width:40px;height:40px;font-size:.9rem;min-width:40px}.outcome-item p{font-size:.9rem}.sdg-alignment-grid{grid-template-columns:1fr;gap:1rem}.sdg-item{padding:1rem}.sdg-number{width:55px;height:55px;font-size:1.2rem;margin-bottom:.75rem}.sdg-item h5{font-size:.95rem}.sdg-item p{font-size:.8rem}.component-card{padding:1.25rem}.programme-components-grid{grid-template-columns:1fr;gap:1.25rem}.component-icon{font-size:1.75rem}.component-card h5{font-size:1rem}.component-card p{font-size:.9rem}section h2{font-size:1.3rem;margin-bottom:1.5rem}section{padding-top:1.5rem;padding-bottom:1.5rem}}:root{--events-primary: var(--primary-blue);--events-primary-light: var(--primary-blue);--events-primary-lighter: var(--soft-blue);--events-accent: var(--secondary);--events-bg: #f8fafc;--events-card-bg: #ffffff;--events-text-primary: #0f172a;--events-text-secondary: #64748b;--events-text-muted: #94a3b8;--events-border: #e2e8f0;--events-border-light: #f1f5f9;--events-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--events-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--events-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--events-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--events-radius-sm: 5px;--events-radius: 5px;--events-radius-lg: 5px;--events-radius-xl: 5px}.events-page-header{background:var(--primary-blue);padding:6rem 0 4rem;color:#fff;text-align:center;position:relative;overflow:hidden}.events-page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0b1e6d,#0b1e6dcc);z-index:1}.events-header-content{position:relative;z-index:2}.events-page-header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:1.5rem;letter-spacing:-.04em;text-align:center}.events-page-header .section-label{display:block;text-align:center;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:.875rem;margin-bottom:1rem}.events-page-header .lead{font-size:1.25rem;opacity:.9;font-weight:500;text-align:center;margin:0 auto;max-width:700px}.events-page-v2{min-height:100vh;background:var(--soft-blue)}.events-container-v2{max-width:1280px;margin:0 auto;padding:48px 24px 80px}@media (max-width: 640px){.events-container-v2{padding:24px 16px 48px}}.events-header{margin-bottom:4rem;text-align:center}.events-header .header-info{max-width:800px;margin:0 auto}.badge-highlight{display:inline-block;padding:.5rem 1.25rem;background:#0b1e6d0d;color:var(--primary-blue);border-radius:100px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.events-header h1{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:900;color:var(--primary-blue);margin-bottom:1.25rem;letter-spacing:-.04em;line-height:1.1}.events-header p{font-size:1.15rem;color:#64748b;line-height:1.6}.events-toolbar-v2{display:flex;flex-direction:column;gap:20px;margin-top:-3rem;margin-bottom:40px;background:var(--events-card-bg);padding:20px 24px;border-radius:var(--events-radius-xl);box-shadow:0 10px 30px #0b1e6d1a;border:1px solid var(--events-border-light);position:relative;z-index:10}@media (min-width: 768px){.events-toolbar-v2{flex-direction:row;justify-content:space-between;align-items:center}}.events-tabs-v2{display:flex;background:var(--events-bg);padding:6px;border-radius:var(--events-radius);gap:4px}.events-tab-btn{position:relative;padding:12px 24px;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:.9375rem;color:var(--events-text-secondary);border-radius:var(--events-radius-sm);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.events-tab-btn:hover{color:var(--events-text-primary);background:#0b1e6d0d}.events-tab-btn.active{color:var(--events-primary);background:var(--events-card-bg);box-shadow:var(--events-shadow-sm)}.events-tab-btn.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--events-primary);border-radius:2px}.events-search-v2{position:relative;width:100%;max-width:360px}.events-search-v2 i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--events-text-muted);font-size:1rem;transition:color .2s}.events-search-v2:focus-within i{color:var(--events-primary)}.events-search-v2 input{width:100%;padding:14px 16px 14px 44px;border:2px solid var(--events-border);border-radius:var(--events-radius);background:var(--events-card-bg);font-size:.9375rem;color:var(--events-text-primary);transition:all .2s ease}.events-search-v2 input::placeholder{color:var(--events-text-muted)}.events-search-v2 input:focus{outline:none;border-color:var(--events-primary);box-shadow:0 0 0 4px #0b1e6d14}.events-skeleton-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.skeleton-card{background:var(--events-card-bg);border-radius:var(--events-radius-lg);overflow:hidden;box-shadow:var(--events-shadow);border:1px solid var(--events-border-light)}.skeleton-image{height:200px;background:var(--events-border-light);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-content{padding:24px}.skeleton-title{height:24px;background:var(--events-border-light);border-radius:4px;margin-bottom:12px;width:80%;animation:skeleton-pulse 1.5s infinite}.skeleton-meta{height:16px;background:var(--events-border-light);border-radius:4px;margin-bottom:16px;width:60%;animation:skeleton-pulse 1.5s infinite}.skeleton-actions{display:flex;gap:12px;margin-top:20px}.skeleton-btn{height:40px;background:var(--events-border-light);border-radius:var(--events-radius-sm);flex:1;animation:skeleton-pulse 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.events-error-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:var(--events-card-bg);border-radius:var(--events-radius-xl);box-shadow:var(--events-shadow);border:1px solid var(--events-border-light)}.error-icon-wrapper{width:80px;height:80px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.error-icon-wrapper i{font-size:2.5rem;color:#dc2626}.events-error-v2 h3{font-size:1.5rem;font-weight:700;color:var(--events-text-primary);margin:0 0 8px}.events-error-v2 p{color:var(--events-text-secondary);margin:0 0 24px;max-width:400px}.retry-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--events-primary);color:#fff;border:none;border-radius:var(--events-radius);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0b1e6d40}.retry-btn:hover{background:var(--events-primary-light);transform:translateY(-2px);box-shadow:0 8px 20px #0b1e6d59}.events-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px}@media (max-width: 640px){.events-grid-v2{grid-template-columns:1fr;gap:20px}}.event-card-v2{background:var(--events-card-bg);border-radius:var(--events-radius-lg);overflow:hidden;box-shadow:var(--events-shadow);border:1px solid var(--events-border-light);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;position:relative}.event-card-v2:hover{transform:translateY(-8px);box-shadow:var(--events-shadow-xl);border-color:var(--events-border)}.event-card-v2:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--events-primary);opacity:0;transition:opacity .3s}.event-card-v2:hover:before{opacity:1}.event-card-image-v2{position:relative;height:220px;overflow:hidden}.event-card-image-v2 img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.event-card-v2:hover .event-card-image-v2 img{transform:scale(1.08)}.event-type-badge{position:absolute;top:16px;left:16px;padding:6px 12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-standard);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--events-primary);box-shadow:0 2px 8px #0000001a}.event-date-badge-v2{position:absolute;top:16px;right:16px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--events-radius);padding:12px 16px;text-align:center;box-shadow:0 4px 12px #00000026;min-width:64px}.event-date-badge-v2 .day{display:block;font-size:1.75rem;font-weight:800;color:var(--events-primary);line-height:1;margin-bottom:2px}.event-date-badge-v2 .month{display:block;font-size:.75rem;font-weight:700;color:var(--events-text-secondary);text-transform:uppercase;letter-spacing:.05em}.event-card-content-v2{padding:24px;flex-grow:1;display:flex;flex-direction:column}.event-category{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--events-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.event-category:before{content:"";width:8px;height:8px;background:var(--events-accent);border-radius:50%}.event-title-v2{font-size:1.25rem;font-weight:700;color:var(--events-text-primary);margin:0 0 16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-title-link-v2{text-decoration:none;color:inherit}.event-title-link-v2:hover .event-title-v2{color:var(--events-primary)}.event-meta-v2{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.meta-item-v2{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--events-text-secondary)}.meta-item-v2 i{color:var(--events-primary);font-size:1rem}.event-description-v2{font-size:.9375rem;color:var(--events-text-secondary);line-height:1.7;margin:0 0 20px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.event-card-actions-v2{display:flex;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid var(--events-border-light)}.btn-v2{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--events-radius-sm);font-weight:600;font-size:.875rem;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;flex:1}.btn-v2-primary{background:var(--events-primary);color:#fff;box-shadow:0 4px 12px #0b1e6d33}.btn-v2-primary:hover{background:var(--events-primary-light);transform:translateY(-2px);box-shadow:0 6px 16px #0b1e6d4d}.btn-v2-secondary{background:var(--events-bg);color:var(--events-text-primary);border:1px solid var(--events-border)}.btn-v2-secondary:hover{background:var(--events-border-light);border-color:var(--events-border)}.btn-v2-dropdown{position:relative}.dropdown-menu-v2{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--events-card-bg);border-radius:var(--events-radius);box-shadow:var(--events-shadow-xl);border:1px solid var(--events-border);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease;z-index:50}.btn-v2-dropdown:hover .dropdown-menu-v2{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item-v2{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--events-radius-sm);color:var(--events-text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;border:none;background:transparent;cursor:pointer;width:100%;text-align:left}.dropdown-item-v2:hover{background:var(--events-bg);color:var(--events-primary)}.dropdown-item-v2 i{font-size:1.125rem;color:var(--events-text-muted)}.dropdown-item-v2:hover i{color:var(--events-primary)}.events-empty-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:var(--events-card-bg);border-radius:var(--events-radius-xl);box-shadow:var(--events-shadow);border:1px solid var(--events-border-light)}.empty-illustration{width:120px;height:120px;background:var(--events-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-illustration i{font-size:3rem;color:var(--events-text-muted)}.events-empty-v2 h3{font-size:1.5rem;font-weight:700;color:var(--events-text-primary);margin:0 0 8px}.events-empty-v2 p{color:var(--events-text-secondary);margin:0;max-width:400px;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-card-v2{animation:fadeInUp .5s ease forwards}.event-card-v2:nth-child(1){animation-delay:.05s}.event-card-v2:nth-child(2){animation-delay:.1s}.event-card-v2:nth-child(3){animation-delay:.15s}.event-card-v2:nth-child(4){animation-delay:.2s}.event-card-v2:nth-child(5){animation-delay:.25s}.event-card-v2:nth-child(6){animation-delay:.3s}.toast{position:fixed;top:18px;left:50%;z-index:9999;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--border-radius-standard);font-size:.9rem;font-weight:700;box-shadow:0 16px 34px #0f172a2e;transition:all .3s ease;transform:translate(-50%);opacity:1;max-width:min(520px,calc(100vw - 32px))}.toast.toast-success{background:#0b1e6d;color:#fff}.toast.toast-error{background:#ef4444;color:#fff}.toast.toast-info{background:#0f172a;color:#fff}.toast-message{flex:1}.toast.toast-exit{transform:translate(-50%) translateY(-10px);opacity:0}.event-gallery-page{background-color:#f8fafc;min-height:100vh;padding-bottom:4rem}.gallery-hero{background-size:cover;background-position:center;position:relative;color:#fff;padding:6rem 1rem 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.gallery-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ab3;z-index:1}.gallery-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.gallery-back-btn{display:inline-flex;align-items:center;gap:.5rem;color:#fffc;text-decoration:none;font-weight:500;margin-bottom:1.5rem;transition:color .2s;background:transparent;border:none;cursor:pointer;font-size:1rem}.gallery-back-btn:hover{color:#fff}.gallery-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.gallery-meta{display:flex;gap:1.5rem;justify-content:center;color:#ffffffe6;font-size:1.1rem;margin-bottom:1.5rem;flex-wrap:wrap}.gallery-report-link{display:inline-flex;align-items:center;gap:.5rem;background:var(--soft-blue);color:var(--primary-blue);padding:.4rem 1rem;border-radius:var(--border-radius-standard);font-weight:600;text-decoration:none;font-size:.9rem;transition:all .2s;border:1px solid var(--primary-blue)}.gallery-report-link:hover{background:#10b9814d;color:#fff;transform:translateY(-1px)}.gallery-meta span{display:flex;align-items:center;gap:.5rem}.gallery-meta .date-label{color:#fffc!important}.gallery-meta .date-value{color:#fff!important}.gallery-meta .at-symbol{color:#fff9!important}.gallery-description{font-size:1.1rem;line-height:1.6;color:#ffffffe6;max-width:700px;margin:0 auto}.gallery-container{max-width:1200px;margin:-3rem auto 0;padding:0 1rem;position:relative;z-index:3}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.gallery-image-card{background:#fff;border-radius:var(--border-radius-standard);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s,box-shadow .2s;cursor:pointer;aspect-ratio:4/3;position:relative}.gallery-image-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.gallery-image-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-image-card:hover img{transform:scale(1.05)}.gallery-overlay-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:#0006;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:0;transition:all .2s ease}.gallery-image-card:hover .gallery-overlay-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.lightbox-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1100;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .2s forwards}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.lightbox-content img{max-width:100%;max-height:90vh;border-radius:var(--border-radius-standard);box-shadow:0 0 20px #00000080;-webkit-user-select:none;user-select:none}.lightbox-close{position:absolute;top:-40px;right:-40px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;transition:color .2s;z-index:10}.lightbox-close:hover{color:#cbd5e1}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;color:#fff;border:none;width:48px;height:48px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5}.lightbox-nav-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-nav-btn.prev{left:-70px}.lightbox-nav-btn.next{right:-70px}.lightbox-counter{position:absolute;bottom:-30px;left:0;right:0;text-align:center;color:#fff9;font-size:.9rem}@keyframes fadeIn{to{opacity:1}}@media (max-width: 768px){.gallery-title{font-size:2rem}.gallery-meta{flex-direction:column;gap:.5rem}.gallery-hero{padding-top:5rem}.lightbox-close{top:-40px;right:0}.lightbox-nav-btn{width:36px;height:36px;font-size:1.2rem;background:#00000080}.lightbox-nav-btn.prev{left:10px}.lightbox-nav-btn.next{right:10px}}.gallery-share-section{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;align-items:center;gap:15px;max-width:600px;margin-left:auto;margin-right:auto}.gallery-share-section .share-label{font-size:1rem;font-weight:600;color:#475569;margin:0}.gallery-share-section .share-buttons{display:flex;gap:15px}.gallery-share-section .share-btn{width:44px;height:44px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#64748b;font-size:1.25rem}.gallery-share-section .share-btn:hover{transform:translateY(-3px);box-shadow:0 4px 6px #0000001a}.gallery-share-section .share-btn.facebook:hover{color:#1877f2;border-color:#1877f2;background:#eff6ff}.gallery-share-section .share-btn.twitter:hover{color:#000;border-color:#000;background:#f8fafc}.gallery-share-section .share-btn.whatsapp:hover{color:#25d366;border-color:#25d366;background:#f0fdf4}.gallery-share-section .share-btn.copy-link:hover{color:#4f46e5;border-color:#4f46e5;background:#eef2ff}@media (max-width: 768px){.gallery-share-section{margin-top:1.5rem;padding:1rem}}.event-date-range-block{display:flex;flex-direction:column;gap:4px}.date-row{display:flex;gap:8px;align-items:baseline}.date-label{font-weight:700;color:#334155;text-transform:uppercase;font-size:.7rem;letter-spacing:.025em;min-width:80px}.date-value{color:#475569;font-weight:500}.at-symbol{color:#94a3b8;font-weight:400;margin:0 2px}.event-date-compact{font-weight:500;color:#475569}.event-detail-container{padding:120px 20px 60px;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;min-height:80vh}.event-detail-header{margin-bottom:40px;text-align:center}.event-detail-header h1{font-size:2.5rem;color:#0f172a;margin-bottom:16px;font-weight:800}.event-detail-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;color:#64748b;font-size:1rem}.event-detail-meta-item{display:flex;align-items:center;gap:8px}.event-detail-meta-item i{color:var(--primary-blue)}.event-detail-banner{width:100%;max-height:500px;border-radius:var(--border-radius-standard);overflow:hidden;margin-bottom:40px;box-shadow:0 20px 25px -5px #0000001a}.event-detail-banner img{width:100%;height:100%;object-fit:cover}.event-detail-content{display:grid;grid-template-columns:1fr 350px;gap:40px}.event-detail-main{background:#fff;padding:32px;border-radius:var(--border-radius-standard);border:1px solid #e2e8f0}.event-detail-description{font-size:1.125rem;line-height:1.8;color:#334155;white-space:pre-wrap}.event-detail-sidebar{display:flex;flex-direction:column;gap:24px}.event-detail-card{background:#fff;padding:24px;border-radius:var(--border-radius-standard);border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.event-detail-card h3{font-size:1.25rem;margin-bottom:16px;color:#0f172a}.event-detail-actions{display:flex;flex-direction:column;gap:12px}.btn-event-detail{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:var(--border-radius-standard);font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-event-detail.primary{background:var(--primary-blue);color:#fff}.btn-event-detail.primary:hover{background:#081652;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0b1e6d4d}.btn-event-detail.secondary{background:#f1f5f9;color:#475569}.btn-event-detail.secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.event-loading{padding:120px 20px 60px;max-width:1200px;margin:0 auto}.skeleton{background:#e2e8f0;background:var(--primary-blue);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-title{height:48px;width:60%;margin:0 auto 16px;border-radius:12px}.skeleton-meta{height:24px;width:40%;margin:0 auto 40px}.skeleton-banner{height:450px;width:100%;border-radius:var(--border-radius-standard);margin-bottom:40px}.skeleton-box{height:300px;width:100%;border-radius:var(--border-radius-standard)}.skeleton-card{height:200px;width:100%;border-radius:var(--border-radius-standard)}@media (max-width: 992px){.event-loading{padding-top:100px}}@media (max-width: 992px){.event-detail-content{grid-template-columns:1fr}.event-detail-sidebar{order:-1}}@media (max-width: 640px){.event-detail-header h1{font-size:1.875rem}.event-detail-meta{flex-direction:column;align-items:center;gap:12px}}.youth-programmes-page{min-height:100vh;background:var(--primary-blue)}.youth-programmes-section{padding:2rem 0 4rem}.youth-programmes-container{width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(1rem,5vw,3rem);box-sizing:border-box}.youth-programmes-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem}.youth-programmes-title{margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--primary-blue)}.youth-programmes-subtitle{margin:.35rem 0 0;color:var(--primary-blue);opacity:.8}.youth-programmes-back{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.7rem 1rem;border-radius:var(--border-radius-standard);border:1px solid #e5e7eb;color:var(--primary-blue);font-weight:700;background:#fff;box-shadow:0 2px 8px #0b1e6d0f}.youth-programmes-search{margin:1rem 0 1.5rem}.youth-programmes-search-input{width:100%;padding:.9rem 1rem;border-radius:var(--border-radius-standard);border:2px solid #e5e7eb;background:#fff;outline:none;box-sizing:border-box}.youth-programmes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.youth-programmes-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius-standard);padding:1rem;box-shadow:0 2px 8px #0b1e6d0f}.youth-programmes-card-title{font-weight:900;color:var(--primary-blue);margin-bottom:.6rem;line-height:1.25}.youth-programmes-card-meta{display:flex;flex-direction:column;gap:.4rem}.youth-programmes-card-row{display:flex;align-items:center;gap:.55rem;color:var(--primary-blue);opacity:.85;font-size:.95rem}.youth-programmes-card-row i{color:var(--primary-blue)}.youth-programmes-state{background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius-standard);padding:1.25rem;color:var(--primary-blue)}.gallery-link{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #e5e7eb}.gallery-link a{text-decoration:none;transition:opacity .2s}.gallery-link a:hover{opacity:.8}@media (max-width: 576px){.youth-programmes-header{flex-direction:column;align-items:stretch}.youth-programmes-back{width:100%}}.impact-page{--seed-green: var(--primary-blue);--seed-green-light: var(--primary-blue);--seed-green-lighter: var(--soft-blue);--accent-yellow: var(--secondary);--text-light: #4a5568;--bg-light: #f8f9fa}.impact-page{overflow-x:hidden;background-color:#f8fafc}.impact-page-header{background:var(--primary-blue);min-height:280px;display:flex;align-items:center;justify-content:center;padding:6rem 0;color:#fff;text-align:center;position:relative;overflow:hidden}.impact-page-header .container{display:flex;align-items:center;justify-content:center;width:100%}.impact-header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.impact-page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0b1e6d,#0b1e6dcc);z-index:1}.impact-page-header .impact-header-content{position:relative;z-index:2}.impact-page-header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:1.5rem;letter-spacing:-.04em}.impact-page-header .section-label{display:inline-block;color:var(--primary-red);font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:.875rem;margin-bottom:1rem}.impact-page-header .lead{font-size:1.25rem;opacity:.9;font-weight:500}.sdg-grid-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:1rem 0}.sdg-card{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sdg-card:hover{transform:translateY(-8px)}.sdg-image-wrapper{position:relative;display:inline-block}.sdg-card-image{width:120px;height:auto;display:block}@media (max-width: 768px){.sdg-card-image{width:90px}}.section-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.divider-line{flex:1;max-width:60px;height:3px;background:var(--primary-blue)}.divider-text{color:var(--primary-blue);font-weight:700;font-size:.9rem;letter-spacing:2px}.impact-overview{padding:5rem 0}.impact-header{margin-bottom:3rem}.impact-header h2{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.3;margin-bottom:1.5rem}.impact-header .lead{font-size:1.1rem;line-height:1.8}.impact-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:-3rem;position:relative;z-index:5;padding:0 1rem}.impact-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2.5rem;border-radius:5px;text-align:center;box-shadow:0 10px 40px #0b1e6d0d;transition:all .4s cubic-bezier(.165,.84,.44,1);border:1px solid rgba(11,30,109,.08);display:flex;flex-direction:column}.impact-stat-card:hover{transform:translateY(-12px);box-shadow:0 25px 60px #0b1e6d1f;border-color:var(--primary-red)}.stat-icon{width:90px;height:90px;margin:0 auto 1.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--soft-blue) 0%,#ffffff 100%);color:var(--primary-blue);border-radius:5px;font-size:2.75rem;transition:all .3s ease;box-shadow:0 8px 20px #0b1e6d14;border:1px solid rgba(11,30,109,.05)}.impact-stat-card:hover .stat-icon{background:var(--primary-blue);color:#fff;transform:rotate(5deg) scale(1.1)}.stat-number{font-size:3rem;font-weight:800;margin-bottom:.5rem;color:var(--primary-blue);letter-spacing:-.02em}.stat-title{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;color:#1a202c}.stat-description{font-size:1rem;line-height:1.7;color:#4a5568;margin:0}.impact-programs{padding:6rem 0;background-color:#f8fafc}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem}.program-card{background:#fff;padding:3rem;border-radius:5px;box-shadow:0 4px 20px #0b1e6d08;transition:all .5s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;border:1px solid rgba(11,30,109,.05)}.program-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0b1e6d1a;border-color:var(--primary-blue)}.program-header{display:flex;align-items:center;gap:1.75rem;margin-bottom:2.5rem}.program-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:var(--soft-blue);color:var(--primary-blue);border-radius:5px;font-size:2.25rem;transition:all .4s ease;box-shadow:inset 0 0 15px #0b1e6d0d}.program-card:hover .program-icon{background:var(--primary-red);color:#fff;transform:scale(1.1)}.program-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(to bottom right,#f8fafc,#fff);border-radius:5px;border:1px solid rgba(11,30,109,.03)}.stat-value{font-size:1.75rem;line-height:1;margin-bottom:.5rem}.stat-label{font-weight:500;letter-spacing:.02em}.program-description{font-size:1.05rem;line-height:1.8;color:#4a5568}.impact-sdgs{padding:6rem 0;background:#fff}.sdg-badge{display:inline-block;background:var(--soft-blue);color:var(--primary-blue);padding:.75rem 1.5rem;border-radius:5px;font-weight:600;font-size:.95rem;border:1px solid var(--primary-blue);transition:all .3s ease}.impact-stories{padding:6rem 0}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem}.story-card{background:#fff;padding:2.5rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 15px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;min-height:100%}.story-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0b1e6d26}.story-image{margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid var(--primary);box-shadow:0 6px 15px #0b1e6d33;min-width:120px;min-height:120px}.story-image img{width:100%;height:100%;object-fit:cover}.story-name{font-size:1.2rem;color:#333}.story-quote{font-size:.95rem;line-height:1.8;font-style:italic;flex-grow:1;margin-bottom:1.5rem}.story-role{font-size:.9rem;margin:0}@media (max-width: 768px){.impact-hero{height:300px}.impact-hero-title{font-size:2rem}.impact-hero-subtitle{font-size:1.1rem}.impact-overview,.impact-programs,.impact-sdgs,.impact-stories{padding:3rem 0}.impact-stats-grid,.programs-grid,.stories-grid{grid-template-columns:1fr;gap:1.5rem}.program-stats{grid-template-columns:1fr 1fr}.impact-stat-card,.program-card,.story-card{padding:2rem}.section-divider{gap:.75rem}.divider-line{max-width:40px}.impact-header h2{font-size:1.8rem}.impact-header .lead{font-size:1rem}}@media (max-width: 576px){.impact-hero{height:250px}.impact-hero-title{font-size:1.5rem}.impact-hero-subtitle{font-size:.95rem}.impact-overview,.impact-programs,.impact-sdgs,.impact-stories{padding:2rem 0}.impact-stats-grid{gap:1rem}.stat-icon{min-width:60px;min-height:60px;font-size:2rem}.stat-number{font-size:2rem}.stat-title{font-size:1rem}.stat-description{font-size:.85rem}.impact-stat-card,.program-card{padding:1.5rem}.program-header{flex-direction:column;align-items:center;text-align:center}.program-header h4{font-size:1.1rem}.program-stats{gap:1rem;padding:1rem}.story-card{padding:1.5rem}.story-image{min-width:100px;min-height:100px}.sdgs-badges{gap:.75rem}.sdg-badge{padding:.6rem 1.2rem;font-size:.85rem}.impact-header h2{font-size:1.5rem}.impact-header .lead{font-size:.95rem}}.impact-areas-page{--seed-green: #0B1E6D;--seed-green-light: #1a3a9d;--seed-green-lighter: #3d5cbf;--accent-yellow: #ffd700;--text-light: #4a5568;--bg-light: #f8f9fa}.impact-areas-page{overflow-x:hidden}.impact-areas-section{padding:5rem 0}.impact-areas-header{margin-bottom:3rem}.impact-areas-header h2{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.3;margin-bottom:1.5rem}.impact-areas-header .lead{font-size:1.1rem;line-height:1.8}.section-label{display:flex;align-items:center;justify-content:center;gap:1rem}.label-text{color:var(--primary-blue);font-weight:700;font-size:.9rem;letter-spacing:2px}.impact-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.impact-area-card{background:#fff;border-radius:var(--border-radius-standard);overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;min-height:100%;border:1px solid rgba(11,30,109,.05)}.impact-area-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0b1e6d26;border-color:#0b1e6d1a}.impact-area-image{position:relative;min-width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--primary-blue)}.impact-area-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.impact-area-card:hover .impact-area-image img{transform:scale(1.05)}.impact-area-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0b1e6d00;transition:background .3s ease}.impact-area-card:hover .impact-area-overlay{background:#0b1e6d1a}.impact-area-body{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.impact-area-title{font-size:1.2rem;margin-bottom:1rem;line-height:1.4}.impact-area-text{font-size:.95rem;line-height:1.7;margin:0;flex-grow:1}@media (max-width: 768px){.impact-areas-hero{height:300px}.impact-areas-hero-title{font-size:2rem}.impact-areas-hero-subtitle{font-size:1.1rem}.impact-areas-section{padding:3rem 0}.impact-areas-grid{grid-template-columns:1fr;gap:1.5rem}.impact-areas-header h2{font-size:1.8rem}.impact-areas-header .lead{font-size:1rem}.impact-area-body{padding:1.5rem}.impact-area-title{font-size:1.1rem}.impact-area-text{font-size:.9rem}}@media (max-width: 576px){.impact-areas-hero{height:250px}.impact-areas-hero-title{font-size:1.5rem}.impact-areas-hero-subtitle{font-size:.95rem}.impact-areas-section{padding:2rem 0}.impact-areas-header h2{font-size:1.5rem}.impact-areas-header .lead{font-size:.95rem}.impact-area-body{padding:1.25rem}.impact-area-title{font-size:1rem;margin-bottom:.75rem}.impact-area-text{font-size:.85rem;line-height:1.6}.label-text{font-size:.8rem}}.member-card-link{text-decoration:none;color:inherit;display:block;height:100%}.member-card{background-color:#fff;border-radius:var(--border-radius-standard);overflow:hidden;box-shadow:0 10px 30px #0000000a;height:100%;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.23,1,.32,1);border:1px solid rgba(11,30,109,.1);position:relative}.member-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-blue);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.member-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0b1e6d1f;border-color:var(--primary-blue)}.member-card:hover:after{transform:scaleX(1)}.member-card-image-container{width:100%;padding-top:100%;position:relative;overflow:hidden;background-color:var(--soft-blue)}.member-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s cubic-bezier(.23,1,.32,1)}.member-card:hover .member-card-image{transform:scale(1.05)}.member-card-content{padding:1.5rem 1.25rem;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;background:#fff}.member-card-name{font-size:1.15rem;font-weight:800;color:#0b1e6d;margin:0 0 .25rem;line-height:1.3}.member-card-position{font-size:.8rem;color:var(--primary-blue);font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.member-card-socials{display:flex;justify-content:center;gap:.85rem;margin-top:auto;padding-top:1rem}.member-card-socials a{width:36px;height:36px;background:#fff;color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid #e2e8f0}.member-card-socials a:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);transform:scale(1.1);box-shadow:0 4px 12px #0b1e6d40}.skeleton-member-card{background-color:#fff;border-radius:var(--border-radius-standard);overflow:hidden;box-shadow:0 10px 30px #0000000a;border:1px solid rgba(11,30,109,.05);height:100%}.skeleton-image{width:100%;padding-top:100%}.skeleton-content{padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.skeleton-line{border-radius:4px}.skeleton-title{width:70%;height:1.2rem}.skeleton-text{width:50%;height:.8rem}.skeleton-socials{display:flex;gap:.85rem;margin-top:1rem}.skeleton-social-icon{width:36px;height:36px;border-radius:50%}.team-page{padding:4rem 0 6rem;background-color:#f8fafc}.team-page-header{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:6rem 2rem;background:var(--primary-blue);position:relative;overflow:hidden;text-align:center}.team-page-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0b1e6d,#0b1e6dcc);z-index:0}.team-header-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.75rem}.team-header-label{display:inline-block;color:var(--primary-red);font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:.875rem}.header-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.team-page-header h1{color:#fff;font-weight:900;font-size:clamp(2.2rem,5vw,3.5rem);margin:0;letter-spacing:-.04em}.search-container{width:100%;max-width:420px;position:relative;margin:0;z-index:1}.search-input{width:100%;padding:1rem 3.5rem 1rem 1.5rem;border:1px solid #e2e8f0;border-radius:var(--border-radius-standard);font-size:1rem;box-sizing:border-box;background:#fff;box-shadow:0 4px 15px #00000008;transition:all .3s cubic-bezier(.23,1,.32,1)}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 4px #0b1e6d1a;background:#fff}.search-container .search-icon{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);color:var(--primary-blue);font-size:1.1rem;pointer-events:none;opacity:.7}.search-clear-btn{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:#0b1e6d0d;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--primary-red);font-size:1.5rem;cursor:pointer;transition:all .2s ease;padding:0}.search-clear-btn:hover{background:var(--primary-red);color:#fff;transform:translateY(-50%) scale(1.05)}.clear-search-btn{margin-top:1.5rem;padding:.75rem 2rem;background:transparent;color:var(--primary-blue);border:1px solid var(--primary-blue);border-radius:var(--border-radius-standard);font-weight:600;cursor:pointer;transition:all .3s ease}.clear-search-btn:hover{background:var(--primary-blue);color:#fff}.team-page-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;margin:0 auto 4rem;padding:4px;background:#f1f5f9;border-radius:var(--border-radius-standard);border:1px solid #e2e8f0;width:fit-content;max-width:100%}.tab-button{padding:.75rem 2rem;border:none;background:transparent;cursor:pointer;font-size:.9rem;color:#64748b;font-weight:600;border-radius:var(--border-radius-standard);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-button:hover{color:var(--primary-blue);background:#0b1e6d0d}.tab-button.active{color:#fff;background:var(--primary-blue);box-shadow:0 4px 12px #0b1e6d33}.tab-button.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:12px;height:3px;background:var(--primary-red);border-radius:2px;display:none}.team-error-state,.team-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;background:#fff;border-radius:var(--border-radius-standard);border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000008;margin:2rem 0}.error-icon-wrapper,.empty-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.error-icon-wrapper{background:#fff1f2;color:#e11d48}.empty-icon-wrapper{background:#f8fafc;color:#94a3b8}.error-icon-wrapper i,.empty-icon-wrapper i{font-size:2.5rem}.team-error-state h3,.team-empty-state h3{font-size:1.5rem;font-weight:700;color:#0b1e6d;margin-bottom:.75rem}.team-error-state p,.team-empty-state p{color:#64748b;max-width:400px;line-height:1.6}.retry-btn{margin-top:1.5rem;padding:.75rem 2rem;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius-standard);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.retry-btn:hover{background:#081652;transform:translateY(-2px);box-shadow:0 4px 12px #0b1e6d33}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;padding-bottom:2rem}.member-card-link-static{cursor:default}.volunteers-list{max-width:1000px;margin:0 auto}.volunteers-ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.volunteers-li{display:flex;flex-direction:column;padding:1.5rem;background:#fff;border:1px solid #f1f5f9;border-radius:var(--border-radius-standard);box-shadow:0 4px 12px #00000005;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.volunteers-li:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0b1e6d14;border-color:var(--primary-blue)}.volunteers-li:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:var(--primary-blue);transition:height .4s ease}.volunteers-li:hover:before{height:100%}.volunteer-card-header{display:flex;align-items:center;gap:1.25rem}.volunteer-icon-wrapper{width:48px;height:48px;background:#0b1e6d0d;color:var(--primary-blue);border-radius:var(--border-radius-standard);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease}.volunteers-li:hover .volunteer-icon-wrapper{background:var(--primary-blue);color:#fff}.volunteer-name{font-size:1.1rem;font-weight:800;color:#0b1e6d;margin:0 0 .2rem}.volunteer-role{font-size:.75rem;color:var(--primary-blue);font-weight:700;display:block;text-transform:uppercase;letter-spacing:1px}.members-grid,.volunteers-list{animation:fadeIn .6s ease-out forwards}@media (max-width: 768px){.team-page-header h1{font-size:2.25rem}.search-container{max-width:100%}}@media (max-width: 576px){.team-page-header{padding:4rem 1.5rem;min-height:220px}.volunteers-ul{grid-template-columns:1fr}.team-page-tabs{flex-wrap:wrap;width:100%;margin-bottom:2.5rem;gap:4px;padding:6px}.tab-button{flex:1 1 auto;width:auto;padding:.6rem .75rem;font-size:.85rem;text-align:center}}.legal-page{padding:140px 0 6rem;background-color:#fbfbfb;min-height:80vh}.legal-container{max-width:900px;margin:0 auto;background:#fff;padding:4rem;border-radius:var(--border-radius-standard);box-shadow:0 10px 40px #0b1e6d0d;border:1px solid rgba(11,30,109,.05)}.legal-header{border-bottom:2px solid var(--soft-blue, #E9ECF8);margin-bottom:3rem;padding-bottom:2rem;text-align:center}.legal-title{color:var(--primary-blue, #0B1E6D);font-size:2.75rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em}.legal-meta{color:var(--text-light, #6B7280);font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.legal-content h2{color:var(--primary-blue, #0B1E6D);font-size:1.5rem;font-weight:700;margin-top:3rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.legal-content h2:before{content:"";display:inline-block;width:4px;height:24px;background:var(--primary-red, #FF002B);border-radius:2px}.legal-content p{color:#374151;line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem}.legal-content ul{margin-bottom:2rem;padding-left:1.5rem;list-style-type:none}.legal-content li{position:relative;color:#374151;margin-bottom:.75rem;padding-left:1.5rem;line-height:1.6}.legal-content li:before{content:"→";position:absolute;left:0;color:var(--primary-red, #FF002B);font-weight:700}.legal-content strong{color:var(--primary-blue, #0B1E6D);font-weight:700}.legal-contact{margin-top:4rem;padding:2rem;background:var(--soft-blue, #E9ECF8);border-radius:var(--border-radius-standard);text-align:center}.legal-contact h3{color:var(--primary-blue, #0B1E6D);font-size:1.25rem;margin-bottom:.5rem}.legal-contact a{color:var(--primary-red, #FF002B);font-weight:700;text-decoration:underline;transition:opacity .3s ease}.legal-contact a:hover{opacity:.8}@media (max-width: 768px){.legal-page{padding:120px 1rem 3rem}.legal-container{padding:2rem 1.25rem;margin:0;border-radius:1rem}.legal-title{font-size:1.85rem}.legal-header{margin-bottom:2rem;padding-bottom:1.5rem}.legal-content h2{font-size:1.35rem;margin-top:2rem}.legal-content p{font-size:1rem}}.constitution-hero{position:relative;background:linear-gradient(135deg,#0b1e6d,#1a3399,#0b1e6d);padding:6rem 0 5rem;overflow:hidden;text-align:center}.constitution-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,0,43,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.constitution-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ff002b26;border:1px solid rgba(255,0,43,.35);color:#ff6b8a;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.4rem 1rem;border-radius:100px;margin-bottom:1.5rem}.constitution-hero-badge i{color:#ff002b}.constitution-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:1rem}.constitution-hero h1 span{color:#ff002b}.constitution-hero-subtitle{color:#ffffffb3;font-size:1.05rem;max-width:560px;margin:0 auto 2rem;line-height:1.7}.constitution-hero-meta{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffa6;font-size:.85rem;padding:.5rem 1.25rem;border-radius:100px}.constitution-page{background:#f8f9ff;min-height:60vh;padding-bottom:5rem}.constitution-layout{display:grid;grid-template-columns:260px 1fr;gap:2.5rem;align-items:start;padding-top:3rem}.constitution-nav{position:sticky;top:6rem;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0b1e6d14;border:1px solid rgba(11,30,109,.06);overflow:hidden}.constitution-nav-header{background:linear-gradient(135deg,#0b1e6d,#1a3399);padding:1.25rem 1.5rem}.constitution-nav-header h3{color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0}.constitution-nav ul{list-style:none;padding:.75rem 0;margin:0}.constitution-nav ul li a{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.5rem;color:#374151;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.constitution-nav ul li a:hover{color:#0b1e6d;background:#e9ecf8;border-left-color:#ff002b}.constitution-nav ul li a i{color:#ff002b;font-size:.85rem;width:16px;text-align:center}.constitution-content{display:flex;flex-direction:column;gap:2rem}.constitution-identity{background:linear-gradient(135deg,#0b1e6d,#1a3399);border-radius:16px;padding:3rem;color:#fff;position:relative;overflow:hidden}.constitution-identity:after{content:"";position:absolute;right:-40px;top:-40px;width:240px;height:240px;border-radius:50%;background:#ffffff0d;pointer-events:none}.constitution-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.id-block h3{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff002be6;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.id-block p{font-size:1rem;line-height:1.7;color:#ffffffd9}.id-block.full-width{grid-column:1 / -1}.sdg-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.sdg-chip{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:.78rem;font-weight:600;padding:.3rem .75rem;border-radius:100px;letter-spacing:.02em}.constitution-section{background:#fff;border-radius:16px;box-shadow:0 2px 20px #0b1e6d0f;border:1px solid rgba(11,30,109,.04);overflow:hidden;scroll-margin-top:7rem}.section-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid rgba(11,30,109,.06);background:linear-gradient(to right,rgba(11,30,109,.02),transparent)}.section-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#0b1e6d,#1a3399);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon i{color:#fff;font-size:1rem}.section-header h2{font-size:1.2rem;font-weight:800;color:#0b1e6d;letter-spacing:-.01em}.section-header .section-number{font-size:.75rem;font-weight:600;color:#ff002b;letter-spacing:.08em;text-transform:uppercase}.section-body{padding:2rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.value-card{background:#f8f9ff;border:1px solid rgba(11,30,109,.06);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#ff002b,#ff6b8a);border-radius:4px 0 0 4px}.value-card:hover{box-shadow:0 8px 24px #0b1e6d1f;transform:translateY(-2px);background:#fff}.value-card-title{font-size:.95rem;font-weight:800;color:#0b1e6d;margin-bottom:.5rem;padding-left:.5rem}.value-card-desc{font-size:.875rem;color:#4b5563;line-height:1.6;padding-left:.5rem}.goals-list{display:flex;flex-direction:column;gap:1rem}.goal-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#f8f9ff;border-radius:10px;border:1px solid rgba(11,30,109,.05);transition:all .2s ease}.goal-item:hover{background:#e9ecf8;border-color:#0b1e6d1a}.goal-number{width:36px;height:36px;background:linear-gradient(135deg,#0b1e6d,#1a3399);color:#fff;font-size:.85rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.goal-text{font-size:.95rem;color:#374151;line-height:1.6;padding-top:.45rem}.article-section{margin-bottom:2rem}.article-title{font-size:1rem;font-weight:800;color:#0b1e6d;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #E9ECF8;display:flex;align-items:center;gap:.75rem}.article-title .art-label{display:inline-block;background:#ff002b;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .6rem;border-radius:4px}.section-block{margin-bottom:1.75rem}.section-block h4{font-size:.95rem;font-weight:700;color:#0b1e6d;margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}.section-block h4:before{content:"";display:block;width:3px;height:16px;background:#ff002b;border-radius:2px}.section-block p,.section-block li{font-size:.95rem;color:#374151;line-height:1.75}.section-block ul,.section-block ol{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.section-block ul li,.section-block ol li{padding-left:1.5rem;position:relative}.section-block ul li:before{content:"→";position:absolute;left:0;color:#ff002b;font-weight:700}.section-block ol{counter-reset:list-counter}.section-block ol li{counter-increment:list-counter}.section-block ol li:before{content:counter(list-counter) ".";position:absolute;left:0;color:#0b1e6d;font-weight:700;font-size:.85rem}.officers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.officer-card{background:#f8f9ff;border:1px solid rgba(11,30,109,.06);border-radius:10px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.officer-card:hover{background:#e9ecf8}.officer-num{width:32px;height:32px;background:#0b1e6d;color:#fff;font-size:.8rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.officer-title{font-size:.88rem;font-weight:600;color:#1f2937;line-height:1.35}.duty-section{margin-bottom:2.5rem}.duty-section:last-child{margin-bottom:0}.duty-role-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;background:linear-gradient(to right,rgba(11,30,109,.05),transparent);border-radius:8px;border-left:4px solid #0B1E6D}.duty-role-header h4{font-size:1rem;font-weight:800;color:#0b1e6d}.duty-list{display:flex;flex-direction:column;gap:.6rem;padding-left:0;list-style:none}.duty-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#f8f9ff;border-radius:8px;font-size:.9rem;color:#374151;line-height:1.5}.duty-list li:before{content:"";display:block;width:6px;height:6px;min-width:6px;background:#ff002b;border-radius:50%;margin-top:.5rem}.constitution-cta{margin-top:0;padding:2.5rem;background:linear-gradient(135deg,#0b1e6d,#1a3399);border-radius:16px;text-align:center;color:#fff}.constitution-cta h3{font-size:1.4rem;font-weight:800;margin-bottom:.75rem}.constitution-cta p{color:#ffffffbf;font-size:.95rem;margin-bottom:1.5rem}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:#ff002b;color:#fff;font-weight:700;font-size:.9rem;padding:.8rem 1.75rem;border-radius:8px;text-decoration:none;transition:all .25s ease}.cta-btn-primary:hover{background:#c02;transform:translateY(-2px);box-shadow:0 6px 20px #ff002b59;color:#fff}.cta-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:600;font-size:.9rem;padding:.8rem 1.75rem;border-radius:8px;text-decoration:none;transition:all .25s ease}.cta-btn-secondary:hover{background:#ffffff2e;color:#fff}@media (max-width: 1024px){.constitution-layout{grid-template-columns:220px 1fr;gap:1.75rem}}@media (max-width: 768px){.constitution-layout{grid-template-columns:1fr}.constitution-nav{position:static;display:none}.constitution-identity-grid{grid-template-columns:1fr}.constitution-identity,.section-body{padding:1.5rem}.constitution-hero{padding:4rem 0 3rem}.values-grid{grid-template-columns:1fr}.officers-grid{grid-template-columns:1fr 1fr}.constitution-cta{padding:2rem 1.5rem}}@media (max-width: 480px){.officers-grid{grid-template-columns:1fr}}.constitution-hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.constitution-pdf-btn{display:inline-flex;align-items:center;gap:.4rem;background:#ff002b26;border:1px solid rgba(255,0,43,.45);color:#ff6b8a;font-weight:600;font-size:.78rem;padding:.38rem .9rem;border-radius:100px;cursor:pointer;transition:all .25s ease;font-family:inherit;letter-spacing:.03em;width:auto;flex-shrink:0;text-transform:uppercase}.constitution-pdf-btn:hover{background:#ff002b40;border-color:#ff002bb3;color:#fff;transform:translateY(-1px)}.skeleton-card{padding:2rem;box-shadow:none;border:1px solid rgba(11,30,109,.04)}.constitution-print-header{display:none}.is-printing .constitution-print-header{display:block!important;text-align:center;padding:0 0 1.5rem;margin-bottom:2rem;border-bottom:2px solid #0B1E6D}.is-printing .print-logo-meta{font-size:.85rem;color:#ff002b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:flex;justify-content:center;gap:1rem}.is-printing .constitution-print-header h1{font-size:2.2rem;color:#0b1e6d;margin:0 0 .25rem}.is-printing .constitution-print-header p{color:#6b7280;font-size:.95rem;margin:0}@media print{.constitution-print-header{display:block!important;text-align:center;padding:0 0 1.5rem;margin-bottom:2rem;border-bottom:2px solid #0B1E6D}.print-logo-meta{font-size:.85rem;color:#ff002b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:flex;justify-content:center;gap:1rem}.constitution-print-header h1{font-size:2.2rem;color:#0b1e6d;margin:0 0 .25rem}.constitution-print-header p{color:#6b7280;font-size:.95rem;margin:0}header,footer,nav,.constitution-nav,.constitution-hero-badge,.constitution-pdf-btn,.constitution-hero-actions,.constitution-cta,.cta-buttons,.constitution-hero-meta{display:none!important}body,.constitution-page,.constitution-content,.section-body,.section-header,.goal-item,.value-card,.officer-card,.duty-list li{background:#fff!important;box-shadow:none!important}.constitution-hero{display:none!important}.constitution-hero h1{color:#0b1e6d!important;font-size:1.8rem}.constitution-hero h1 span{color:#ff002b!important}.constitution-hero-subtitle{color:#374151!important;font-size:.9rem}.constitution-layout{display:block!important}.constitution-identity{background:#0b1e6d!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:8px;page-break-inside:avoid}.constitution-section{border:1px solid #E9ECF8!important;border-radius:8px;margin-bottom:1rem;page-break-inside:auto}.section-block,.duty-section,.value-card,.officer-card,.goal-item{page-break-inside:avoid!important}.values-grid,.officers-grid,.constitution-identity-grid{display:block!important}.print-avoid-break{page-break-inside:avoid!important;display:block!important}.value-card,.officer-card,.id-block{margin-bottom:1rem!important;page-break-inside:avoid!important}.section-icon,.goal-number,.officer-num{-webkit-print-color-adjust:exact;print-color-adjust:exact}.value-card:hover,.goal-item:hover,.officer-card:hover{transform:none!important}@page{margin:1.5cm;size:A4}}.checkout-page{padding:120px 0 80px;background:#f8f9fa;min-height:100vh}.checkout-container{max-width:1100px;margin:0 auto;padding:0 20px}.checkout-title{font-size:2.5rem;font-weight:800;color:#1a1a2e;margin-bottom:40px;text-align:center}.checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.checkout-form-section{background:#fff;padding:40px;border-radius:var(--border-radius-standard);box-shadow:0 10px 30px #0000000d}.shipping-form h2{font-size:1.4rem;font-weight:700;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px;border:2px solid #e0e0e0;border-radius:var(--border-radius-standard);font-size:1rem;background:#fafafa;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue);background:#fff;outline:none;box-shadow:0 0 0 4px #0b1e6d1a}.payment-method{margin-top:40px;margin-bottom:30px}.payment-option{display:flex;align-items:center;gap:15px;padding:20px;border:2px solid var(--primary-blue);background:var(--soft-blue);border-radius:var(--border-radius-standard);cursor:pointer}.radio-circle{width:20px;height:20px;border:6px solid var(--primary-blue);border-radius:50%;margin-right:5px}.payment-option i{font-size:1.5rem;color:var(--primary-blue)}.payment-option span{font-weight:600;font-size:1.05rem}.payment-note{margin-top:10px;font-size:.85rem;color:#666;display:flex;align-items:center;gap:6px}.place-order-btn{width:100%;padding:18px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius-standard);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 20px #0b1e6d33}.place-order-btn:hover:not(:disabled){transform:translateY(-2px);background:#081652;box-shadow:0 15px 30px #0b1e6d4d}.place-order-btn:disabled{opacity:.7;cursor:not-allowed}.summary-card{background:#fff;padding:30px;border-radius:var(--border-radius-standard);box-shadow:0 10px 30px #0000000d;position:sticky;top:100px}.summary-card h2{font-size:1.3rem;font-weight:700;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.summary-items{max-height:400px;overflow-y:auto;margin-bottom:20px;padding-right:5px}.summary-item{display:flex;gap:15px;margin-bottom:20px;align-items:center}.summary-img{width:65px;height:65px;border-radius:var(--border-radius-standard);overflow:hidden;position:relative;border:1px solid #eee}.summary-img img{width:100%;height:100%;object-fit:cover}.qty-badge{position:absolute;top:-5px;right:-5px;background:#666;color:#fff;font-size:.7rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.summary-info{flex:1}.summary-info h4{font-size:.95rem;font-weight:600;margin-bottom:4px;color:#333}.summary-info p{font-size:.85rem;color:#888}.summary-price{font-weight:600;color:#333}.summary-totals{border-top:1px solid #f0f0f0;padding-top:20px}.total-row{display:flex;justify-content:space-between;margin-bottom:10px;color:#666;font-size:.95rem}.total-row.grand-total{margin-top:15px;padding-top:15px;border-top:1px solid #eee;color:#1a1a2e;font-weight:800;font-size:1.4rem}.total-row.grand-total span:last-child{color:var(--primary-blue)}.checkout-page.success,.checkout-page.empty{display:flex;align-items:center;justify-content:center}.success-card,.empty-checkout-card{background:#fff;padding:60px 40px;border-radius:200px;border-radius:var(--border-radius-standard);text-align:center;max-width:500px;box-shadow:0 20px 50px #0000001a}.empty-checkout-card i{font-size:5rem;color:#ccc;margin-bottom:20px;display:block}.success-icon{font-size:5rem;color:var(--primary-blue);margin-bottom:20px}.success-card h1{font-size:2rem;font-weight:800;color:#1a1a2e;margin-bottom:15px}.success-card p{color:#666;margin-bottom:10px;font-size:1.05rem}.continue-btn{margin-top:30px;padding:15px 30px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius-standard);font-weight:600;cursor:pointer;transition:all .3s}.continue-btn:hover{background:#333;transform:translateY(-2px)}@media (max-width: 992px){.checkout-grid{grid-template-columns:1fr;gap:30px}.order-summary-sidebar{order:-1}.summary-card{position:static}}@media (max-width: 576px){.form-group-row{grid-template-columns:1fr}.checkout-form-section{padding:25px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:0;border-radius:16px;box-shadow:0 20px 60px #0003;width:100%;max-width:480px;box-sizing:border-box;animation:modal-pop .16s ease-out;overflow:hidden}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header h2{margin:0;font-size:1.35rem;font-weight:700;color:#111827;flex:1}.modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:4px;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#111827;transform:rotate(90deg)}.modal-body{padding:25px}.modal-body p{margin:0;font-size:1rem;color:#4b5563;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 25px;background-color:#f9fafb;border-top:1px solid #f0f0f0}.modal-actions button{padding:10px 20px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.btn-confirm{background:#ef4444;border:1px solid #ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.btn-confirm:hover{background:#dc2626;transform:translateY(-1px)}.tm-form-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:2rem 1rem}.tm-form-container{background:#fff;border-radius:12px;width:100%;max-width:600px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.tm-form-container h2{margin:0;color:#333}.tm-modal-header{padding:1.5rem 3rem 1.5rem 1.5rem;border-bottom:1px solid #e2e8f0}.tm-modal-header h2{margin:0;font-size:1.25rem;color:#0f172a;font-weight:700}.tm-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:#f1f5f9;border:none;font-size:1.1rem;color:#94a3b8;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.tm-modal-close:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;color:#333;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #0b1e6d40}.form-group textarea{resize:vertical;min-height:100px}.form-section-title{font-size:1rem;font-weight:600;color:#333;margin-top:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-blue)}.image-preview{max-width:150px;max-height:150px;margin-top:.5rem;border-radius:4px;object-fit:cover;border:1px solid #ddd}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #eee}.btn-save,.btn-cancel{padding:.6rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.btn-save{background-color:var(--primary-blue);color:#fff}.btn-save:hover{background-color:var(--primary-red)}.btn-cancel{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-cancel:hover{background-color:#e2e8f0}form{padding:1.5rem}.form-group select.group-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}@media (max-width: 600px){.tm-form-container{width:95%}.form-row{grid-template-columns:1fr;gap:0}}.team-management-container{padding:2rem;background-color:#f4f7f9}.bo-tm-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.bo-tm-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:300px}.bo-tm-search{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.bo-tm-search i.bi-search{position:absolute;left:12px;color:#6b7280;font-size:.95rem;pointer-events:none}.bo-tm-search-input{flex:1;padding:.55rem 2.25rem;border:1px solid #d6dde3;border-radius:999px;background:#fff;font-size:.95rem;outline:none}.bo-tm-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b1e6d26}.bo-tm-search-clear{position:absolute;right:10px;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.bo-tm-search-clear:hover{color:#333}.bo-tm-header h1{color:#333;margin:0;width:100%}.bo-tm-tabs{display:flex;gap:.75rem;margin-bottom:2rem;border-bottom:none;padding-bottom:0}.bo-tm-tab-button{padding:.7rem 1.4rem;border:2px solid #e0e0e0;background-color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;border-radius:8px;transition:all .3s ease;position:relative}.bo-tm-tab-button:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 2px 6px #0b1e6d1a}.bo-tm-tab-button.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #0b1e6d33}.member-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.member-item{background-color:transparent;border:none;box-shadow:none;padding:0;transition:transform .2s ease,opacity .2s ease}.member-item.dragging{opacity:.5;transform:scale(.95)}.member-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease}.member-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.member-image{width:100%;height:250px;object-fit:contain;background-color:#f8f9fa}.member-info{padding:1rem;text-align:center;flex-grow:1}.member-name{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 .25rem}.member-position{font-size:.9rem;color:#666;margin:0}.member-actions{display:flex;justify-content:center;padding:0 1rem 1rem;gap:.5rem}.volunteer-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.volunteer-item{background-color:transparent;border:none;box-shadow:none;padding:0}.volunteer-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #00000014;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.volunteer-info{text-align:left}.volunteer-name{font-size:1.05rem;font-weight:700;color:#333;margin:0 0 .25rem}.volunteer-position{font-size:.9rem;color:#666;margin:0}.volunteer-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.tm-btn{padding:.4rem .8rem;border:none;border-radius:3px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease;font-weight:500}.bo-tm-new-btn{background-color:var(--primary);color:#fff;padding:.4rem .7rem;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;border:none;cursor:pointer;font-size:.85rem;transition:background-color .2s ease}.bo-tm-new-btn:hover{filter:brightness(1.1)}.bo-tm-new-member-btn{background:var(--primary);color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 8px #0b1e6d33;white-space:nowrap;width:fit-content;max-width:120px}.bo-tm-new-member-btn:hover{filter:brightness(1.1);box-shadow:0 4px 12px #0b1e6d4d;transform:translateY(-2px)}.bo-tm-new-member-btn:active{transform:translateY(0);box-shadow:0 2px 4px #28a7454d}.tm-btn-edit{background-color:var(--primary);color:#fff}.tm-btn-edit:hover{filter:brightness(1.1)}.tm-btn-delete{background-color:#dc3545;color:#fff}.tm-btn-delete:hover{background-color:#c82333}.tm-btn-order{background-color:#6c757d;color:#fff;padding:.35rem .6rem;font-size:.8rem;min-width:32px}.tm-btn-order:hover:not(:disabled){background-color:#5a6268}.tm-btn-order:disabled{background-color:#e9ecef;color:#999;cursor:not-allowed}@media (max-width: 768px){.team-management-container{padding:1rem}.bo-tm-header{flex-direction:column;align-items:stretch;gap:1rem}.bo-tm-header-left{flex-direction:column;align-items:stretch;min-width:auto}.bo-tm-search{max-width:none;align-self:stretch}.bo-tm-new-member-btn,.bo-tm-new-btn{width:100%;justify-content:center}.bo-tm-tabs{flex-wrap:wrap}.member-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.member-image{height:220px}.member-actions{padding:0 .75rem .75rem;gap:.4rem}.volunteer-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.tm-btn{padding:.35rem .6rem;font-size:.8rem}}@media (max-width: 480px){.team-management-container{padding:.75rem}.tm-header{flex-direction:column;align-items:stretch}.tm-header h1{font-size:1.5rem}.member-list,.volunteer-list{grid-template-columns:1fr;gap:1rem}.member-image{height:200px}.member-name{font-size:1rem}.member-position{font-size:.85rem}.member-actions{flex-wrap:wrap;padding:0 .75rem .75rem;gap:.4rem}.tm-btn{padding:.3rem .5rem;font-size:.75rem}.tm-btn-new{padding:.4rem .8rem}}.team-members-table-container{padding:2rem;background-color:#f4f7f9;min-height:100vh}.tmt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.tmt-header h1{color:#333;margin:0}.tmt-filters{display:flex;gap:1rem}.tmt-filter-select{padding:.6rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.tmt-filter-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #0b1e6d40}.tmt-loading,.tmt-error{text-align:center;padding:2rem;font-size:1rem}.tmt-error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.tmt-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.tmt-table{width:100%;border-collapse:collapse;font-size:.9rem}.tmt-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.tmt-table th{padding:1rem;text-align:left;font-weight:600;color:#333;white-space:nowrap}.tmt-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s ease}.tmt-table tbody tr:hover{background-color:#f8f9fa}.tmt-table td{padding:1rem;color:#555}.tmt-name{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#333}.tmt-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.tmt-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center}.tmt-badge-staff{background-color:#d1ecf1;color:#0c5460}.tmt-badge-board{background-color:#d4edda;color:#155724}.tmt-badge-volunteer{background-color:#fff3cd;color:#856404}.tmt-link{color:var(--primary-blue);text-decoration:none;font-size:1.1rem;transition:color .2s ease}.tmt-link:hover{color:var(--brand-blue)}.tmt-empty{color:#999}.tmt-no-data{text-align:center;padding:2rem;color:#999}@media (max-width: 1200px){.tmt-table{font-size:.85rem}.tmt-table th,.tmt-table td{padding:.75rem}}@media (max-width: 768px){.team-members-table-container{padding:1rem}.tmt-header{flex-direction:column;align-items:flex-start}.tmt-filters{width:100%}.tmt-filter-select{flex:1}.tmt-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.tmt-table{font-size:.8rem;min-width:600px}.tmt-table th,.tmt-table td{padding:.6rem}.tmt-avatar{width:35px;height:35px}.tmt-name{gap:.5rem}}@media (max-width: 480px){.team-members-table-container{padding:.75rem}.tmt-header h1{font-size:1.3rem}.tmt-table{font-size:.75rem;min-width:500px}.tmt-table th,.tmt-table td{padding:.5rem}.tmt-avatar{width:30px;height:30px}.tmt-badge{padding:.3rem .6rem;font-size:.7rem}.tmt-link{font-size:.9rem}}.donations-management-container{padding:2.5rem;max-width:1400px;margin:0 auto}.dn-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.dn-header-title h1{font-size:2rem;font-weight:700;color:#0f172a;margin:0}.dn-breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;margin-bottom:.75rem}.dn-breadcrumbs .current{color:#0d5a3a;font-weight:500}.dn-subtitle{color:#64748b;margin:.5rem 0 0}.dn-refresh-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;transition:all .2s ease}.dn-refresh-btn:hover{background:#f8fafc;color:#0d5a3a;border-color:#0d5a3a}.dn-loading-overlay{width:100%}.dn-sk-item{background-color:#cbd5e1!important;border-radius:6px;animation:dn-pulse-intense 1.5s ease-in-out infinite!important}@keyframes dn-pulse-intense{0%{background-color:#cbd5e1}50%{background-color:#94a3b8}to{background-color:#cbd5e1}}.dn-skeleton-grid{display:none;grid-template-columns:1fr;gap:1.5rem}.dn-skeleton-card-item{background:#fff;border-radius:20px;padding:1.5rem;border:1px solid #f1f5f9}.dn-skeleton-desktop-fix .skeleton-base{background-color:#cbd5e1!important;animation:dn-pulse-intense 1.5s ease-in-out infinite!important}.dn-desktop-view{display:block}.dn-mobile-view{display:none}.dn-table-wrapper{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9;overflow-x:auto;-webkit-overflow-scrolling:touch}.dn-table{width:100%;border-collapse:separate;border-spacing:0}.dn-table th{background:#f8fafc;padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;white-space:nowrap}.dn-table td{padding:1rem 1.25rem;vertical-align:middle;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9375rem;white-space:nowrap}.dn-ref-cell{font-family:Courier New,Courier,monospace;color:#64748b;font-size:.85rem;background:#f8fafc;padding:.25rem .5rem;border-radius:4px}.dn-action-buttons{display:flex;gap:.75rem;align-items:center}.btn-send{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#0d5a3a;color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-send:hover:not(:disabled){background:#0a4a30;transform:translateY(-1px)}.btn-delete{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff1f2;color:#e11d48;border:none;border-radius:10px;cursor:pointer}.dn-sent-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#f0fdf4;color:#166534;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid #dcfce7}.dn-donor-info{display:flex;flex-direction:column}.dn-donor-name{font-weight:600;color:#1e293b}.dn-donor-email{font-size:.8125rem;color:#64748b}.dn-card-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.dn-mobile-card{background:#fff;border-radius:20px;padding:1.5rem;border:1px solid #f1f5f9;box-shadow:0 2px 4px #00000005}.dn-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f8fafc}.dn-card-date{font-size:.875rem;color:#64748b;font-weight:500}.dn-card-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px}.dn-card-badge.sent{background:#f0fdf4;color:#166534}.dn-card-badge.pending{background:#fff9db;color:#856404}.dn-card-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.dn-card-info{display:flex;flex-direction:column}.dn-label{font-size:.7rem;text-transform:uppercase;color:#94a3b8;font-weight:700;letter-spacing:.05em;margin-bottom:.25rem}.dn-value{font-weight:600;color:#1e293b}.dn-sub-value{font-size:.8125rem;color:#64748b}.dn-value-amount{font-size:1.125rem;font-weight:800;color:#0d5a3a}.dn-value-ref{font-family:monospace;font-size:.85rem;color:#64748b}.dn-card-actions{display:flex;gap:.75rem}.dn-btn-card-send{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#0d5a3a;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.875rem}.dn-btn-card-delete{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff1f2;color:#e11d48;border:none;border-radius:12px}@media (max-width: 768px){.donations-management-container{padding:1.25rem}.dn-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.dn-desktop-view,.dn-skeleton-table-desktop{display:none}.dn-mobile-view,.dn-skeleton-grid{display:grid}.dn-header-title h1{font-size:1.5rem}}.contacts-management-container{padding:2rem;background-color:#f4f7f9;min-height:100vh}.cm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.cm-header h1{margin:0;color:var(--text-dark);font-size:1.8rem}.cm-actions{display:flex;gap:.75rem;flex-wrap:nowrap}.cm-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:.4rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.cm-btn i{font-size:1rem}.cm-btn-refresh{background-color:var(--primary-blue);color:#fff}.cm-btn-refresh:hover:not(:disabled){background-color:var(--brand-blue);transform:translateY(-2px)}.cm-btn-export{background-color:var(--primary-blue);color:#fff}.cm-btn-export:hover:not(:disabled){background-color:var(--primary-red);transform:translateY(-2px)}.cm-btn:disabled{opacity:.6;cursor:not-allowed}.cm-loading,.cm-error,.cm-no-data{text-align:center;padding:2rem;font-size:1rem}.cm-error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.4rem}.cm-no-data{color:#666;background-color:#fff;border:1px solid #ddd;border-radius:.4rem}.cm-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.cm-tab{background:none;border:none;padding:1rem 1.5rem;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;transition:all .3s ease;border-bottom:3px solid transparent;display:flex;align-items:center;gap:.5rem;margin-bottom:-2px}.cm-tab:hover{color:#333;background-color:#f9f9f9}.cm-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.cm-tab-label{white-space:nowrap}.cm-tab-count{background-color:#e9ecef;color:#333;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;min-width:24px;text-align:center}.cm-tab.active .cm-tab-count{background-color:var(--primary-blue);color:#fff}.cm-table-wrapper{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;overflow-x:auto}@media (max-width: 768px){.contacts-management-container{padding:1rem}.contacts-table thead{display:none}.contacts-table tr{margin-bottom:1rem;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;background:#fff}.contacts-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:left;padding:12px;position:static;border:none;border-top:1px solid #f0f0f0;word-break:break-word}.contacts-table tr td:first-child{border-top:none}.contacts-table td:before{content:attr(data-label);font-weight:600;color:#333;flex:0 0 42%}.contacts-table td[data-label=Actions]:before{display:none}.cm-actions-cell{justify-content:flex-end}.cm-message{max-width:100%;white-space:normal;text-overflow:clip}.cm-btn-delete{width:100%}}.contacts-table{width:100%;border-collapse:collapse;margin-top:2rem}.contacts-table{width:100%;border-collapse:collapse;margin-top:0}.contacts-table th,.contacts-table td{border:1px solid #ddd;padding:1rem;text-align:left}.contacts-table th{background-color:var(--soft-blue);font-weight:600;color:var(--text-dark)}.contacts-table tbody tr:nth-child(2n){background-color:#f9f9f9}.contacts-table tbody tr:hover{background-color:#f1f1f1}.cm-message{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-actions-cell{display:flex;gap:.5rem;justify-content:center}.cm-icon-btn{background-color:transparent;border:none;cursor:pointer;font-size:1.1rem;padding:.4rem .6rem;border-radius:.3rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.cm-icon-view{color:var(--primary-blue)}.cm-icon-view:hover{background-color:var(--soft-blue);color:var(--brand-blue)}.cm-icon-delete{color:#dc3545}.cm-icon-delete:hover{background-color:#ffe7eb;color:#c82333}.cm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cm-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 40px #0003;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.cm-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8;transition:color .2s ease}.cm-modal-close:hover{color:var(--text-dark);transform:rotate(90deg)}.cm-modal-title{margin:0;padding:1.5rem 1.5rem 1rem;font-size:1.3rem;color:#333;border-bottom:1px solid #eee}.cm-modal-content{padding:1.5rem}.cm-detail-row{margin-bottom:1.2rem;display:grid;grid-template-columns:120px 1fr;gap:1rem}.cm-detail-row label{font-weight:600;color:#333}.cm-detail-row span{color:#666;word-break:break-word}.cm-detail-row a{color:#007bff;text-decoration:none}.cm-detail-row a:hover{text-decoration:underline}.cm-detail-row.cm-full-width{grid-template-columns:1fr}.cm-full-message{margin:0;padding:1rem;background-color:#f9f9f9;border-radius:.3rem;border:1px solid #eee;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.cm-modal-actions{padding:1rem 1.5rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:.5rem}.cm-modal-btn{padding:.6rem 1.2rem;border:none;border-radius:.3rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.cm-modal-btn-close{background-color:#6c757d;color:#fff}.cm-modal-btn-close:hover{background-color:#5a6268}@media (max-width: 1024px){.cm-header{flex-direction:column;align-items:flex-start}.cm-actions{width:100%}.cm-btn{flex:1;justify-content:center}.contacts-table th,.contacts-table td{padding:.75rem;font-size:.9rem}.cm-message{max-width:200px}}@media (max-width: 480px){.contacts-management-container{padding:.75rem}.cm-header h1{font-size:1.3rem}.cm-actions{flex-wrap:wrap}.cm-btn{flex:1;padding:.5rem .6rem;font-size:.8rem}.cm-btn i{font-size:.9rem}}.newsletter-management-container{padding:2.5rem;background-color:#f8f9fa;min-height:100vh}.nm-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.nm-header h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-1px}.nm-tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;border-bottom:none;overflow-x:auto;padding-bottom:5px;-ms-overflow-style:none;scrollbar-width:none}.nm-tabs::-webkit-scrollbar{display:none}.nm-tab{padding:.75rem 1.5rem;background-color:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;font-weight:600;font-size:.95rem;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;gap:.6rem;box-shadow:0 1px 2px #0000000d}.nm-tab:hover{color:#0b1e6d;background-color:#f1f5f9;border-color:#cbd5e1}.nm-tab.active{background-color:#0b1e6d;color:#fff;border-color:#0b1e6d;box-shadow:0 4px 12px #0b1e6d33}.nm-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.nm-stats{display:flex;gap:1rem}.stat-badge{background:#fff;padding:.5rem 1.25rem;border-radius:9999px;font-size:.85rem;color:#475569;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;gap:.5rem}.stat-badge strong{color:#0b1e6d;font-size:1.1rem;font-weight:800}.stat-badge.total strong{color:#64748b}.nm-actions{display:flex;gap:.75rem}.nm-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.nm-btn:disabled{opacity:.6;cursor:not-allowed}.nm-btn-refresh{background-color:#fff;color:#475569;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.nm-btn-refresh:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.nm-btn-export{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98133}.nm-btn-export:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d;filter:brightness(1.05)}.spin{animation:spin 1s linear infinite}.nm-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.nm-table{width:100%;border-collapse:collapse}.nm-table th{background-color:#f8fafc;padding:1.25rem 1rem;text-align:left;font-weight:700;color:#475569;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f1f5f9}.nm-table td{padding:1.25rem 1rem;color:#1e293b;border-bottom:1px solid #f1f5f9;font-size:.95rem}.nm-table tr.inactive-row td{color:#94a3b8}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#d1fae5;color:#059669}.status-badge.inactive{background-color:#f1f5f9;color:#64748b}.nm-actions-cell{white-space:nowrap}.nm-icon-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;color:#94a3b8}.nm-icon-delete:hover{background-color:#fee2e2;color:#ef4444}.nm-empty-state{text-align:center;padding:5rem 2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.nm-empty-state i{font-size:4rem;color:#cbd5e1;margin-bottom:1.5rem;display:block}.nm-empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.nm-empty-state p{color:#64748b;max-width:400px;margin:0 auto}.nm-compose-section{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e2e8f0;padding:2.5rem}.compose-header{margin-bottom:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:1.5rem}.compose-header h2{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.compose-header p{color:#64748b;margin:0}.compose-alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.compose-alert.success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.compose-alert.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.compose-form .form-group{margin-bottom:1.5rem}.compose-form label{display:block;font-weight:600;color:#334155;margin-bottom:.5rem}.compose-form input,.compose-form textarea{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;color:#1e293b;transition:border-color .2s;font-family:inherit}.compose-form input:focus,.compose-form textarea:focus{outline:none;border-color:#0b1e6d;box-shadow:0 0 0 3px #0b1e6d26}.editor-hint{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b;margin-bottom:.5rem}.editor-hint code{background:#f1f5f9;padding:.1rem .3rem;border-radius:4px}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.btn-send-broadcast{background:linear-gradient(135deg,#0b1e6d,#172554);color:#fff;border:none;padding:1rem 2.5rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;box-shadow:0 4px 12px #0b1e6d40}.btn-send-broadcast:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0b1e6d59;filter:brightness(1.1)}.btn-send-broadcast:disabled{opacity:.6;cursor:not-allowed;background:#94a3b8;box-shadow:none}@media (max-width: 768px){.newsletter-management-container{padding:1.5rem 1rem}.nm-header h1{font-size:1.75rem}.nm-actions-bar{flex-direction:column;align-items:stretch}.nm-stats{flex-direction:column;gap:.5rem}.stat-badge{width:100%;justify-content:center}.nm-actions{width:100%;gap:.5rem}.nm-btn{flex:1;justify-content:center}.nm-table thead{display:none}.nm-table tr{display:block;margin-bottom:1.25rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 2px 4px #0000000d;overflow:hidden}.nm-table td{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding:1rem}.nm-table td:last-child{border-bottom:none;background-color:#f8fafc}.nm-table td:before{content:attr(data-label);font-weight:700;color:#64748b;font-size:.75rem;text-transform:uppercase}.nm-actions-cell{justify-content:center!important}.nm-compose-section{padding:1.5rem}.btn-send-broadcast{width:100%;justify-content:center}}.volunteer-form-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:1050;overflow-y:auto;padding:3rem 1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.volunteer-form-container{background:#fff;padding:0;border-radius:12px;width:100%;max-width:600px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto;animation:modalFadeIn .3s ease-out;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#fff}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a;flex:1}.modal-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;color:#64748b;transition:all .2s;padding:0;margin-left:1rem}.modal-close:hover{background:#e2e8f0;color:#0f172a}.volunteer-form-container form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0b1e6d1a}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.btn-save{background-color:var(--primary);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0b1e6d33}.btn-cancel{background-color:#f8fafc;color:#64748b;border:1px solid #e2e8f0;padding:.625rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background-color:#f1f5f9;color:#0f172a}.form-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 600px){.form-group-grid{grid-template-columns:1fr;gap:1rem}}.volunteer-management-container{padding:2rem;background-color:#f8f9fa;min-height:100vh}.volunteer-management-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.volunteer-management-header h1{font-size:2rem;color:#1a1a1a;margin:0 0 .5rem;font-weight:600}.volunteer-management-subtitle{color:#64748b;margin:0;font-size:.95rem}.volunteer-management-error{background-color:#fee;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #c33}.volunteer-management-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.volunteer-filter-btn{padding:.6rem 1.2rem;border:2px solid #e0e0e0;background-color:#fff;color:#64748b;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.volunteer-filter-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 2px 6px #0b1e6d1a}.volunteer-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #0b1e6d33}.volunteer-management-empty{text-align:center;padding:3rem 2rem;background-color:#fff;border-radius:8px;color:#64748b}.volunteer-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.volunteer-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f1f5f9;position:relative;overflow:hidden}.volunteer-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.volunteer-card.pending{border-left:4px solid #f97316}.volunteer-card.approved{border-left:4px solid #22c55e}.volunteer-card.rejected{border-left:4px solid #ef4444}.vc-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #f1f5f9;gap:1rem}.vc-name{font-size:1.25rem;font-weight:800;margin:0;color:#1e293b;line-height:1.3;word-break:break-word}.vc-status{padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.vc-status-pending{background-color:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.vc-status-approved{background-color:#f0fdf4;color:#15803d;border:1px solid #dcfce7}.vc-status-rejected{background-color:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.vc-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:.85rem}.vc-info-item{display:flex;flex-direction:column;gap:.25rem}.vc-info-label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.025em}.vc-info-value{font-size:.95rem;color:#334155;font-weight:500}.vc-body p{margin:0}.vc-actions{padding:1.25rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;background:#fbfcfd}.vm-btn-sm{padding:.5rem 1rem;border-radius:10px;font-weight:700;font-size:.85rem;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;cursor:pointer}.vm-btn-approve{background-color:#22c55e;color:#fff}.vm-btn-approve:hover:not(:disabled){background-color:#16a34a;transform:scale(1.05)}.vm-btn-reject{background-color:#ef4444;color:#fff}.vm-btn-reject:hover:not(:disabled){background-color:#dc2626;transform:scale(1.05)}.vm-btn-edit{background-color:#fff;color:#64748b;border-color:#e2e8f0}.vm-btn-edit:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#1e293b}.vm-btn-delete{background-color:#fee2e2;color:#ef4444}.vm-btn-delete:hover{background-color:#fecaca;color:#dc2626}.vc-cv-link a{color:var(--primary);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.4rem}.vc-cv-link a:hover{text-decoration:underline}.form-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.file-input{padding:.5rem;border:1px dashed #ccc;border-radius:4px;width:100%;cursor:pointer}.current-file{font-size:.85rem;color:#666;margin-top:.5rem}@media (max-width: 768px){.volunteer-management-container{padding:1.5rem}.volunteer-management-header{flex-direction:column;align-items:stretch}.volunteer-management-header h1{font-size:1.75rem}.volunteer-management-header .vm-btn-add-volunteer{width:100%;margin-top:1rem}.volunteer-cards-grid{grid-template-columns:1fr;gap:1.5rem}.volunteer-management-filters{grid-template-columns:repeat(2,1fr);gap:.5rem}.vc-actions{justify-content:center;padding:1rem}.vm-btn-sm{flex:1;min-width:calc(50% - .75rem)}}@media (max-width: 480px){.volunteer-management-container{padding:1rem}.volunteer-management-header h1{font-size:1.5rem}.vc-header{flex-direction:column;align-items:flex-start}.vm-btn-sm{min-width:100%}}.spinner-border{display:inline-block;width:1rem;height:1rem;vertical-align:text-bottom;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border-sm{width:.75rem;height:.75rem;border-width:.15em}button:disabled{opacity:.7;cursor:not-allowed}.notification-settings{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 20px #0000000d;animation:fadeIn .4s ease-out}.settings-header{margin-bottom:2.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem}.settings-header h2{font-size:1.75rem;font-weight:800;color:var(--primary);margin-bottom:.5rem}.settings-header p{color:#64748b;font-size:1rem}.settings-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2.5rem}.recipients-list-card,.add-card{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.recipients-list-card h3,.add-card h3{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.recipients-table-wrapper{overflow-x:auto}.recipients-table{width:100%;border-collapse:collapse}.recipients-table th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:.75rem 1rem;border-bottom:2px solid #e2e8f0}.recipients-table td{padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.recipient-info{display:flex;flex-direction:column;gap:.25rem}.recipient-name{font-weight:700;color:#1e293b}.recipient-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;padding:.15rem .5rem;border-radius:4px;width:fit-content}.recipient-badge.user{background:#e0f2fe;color:#0369a1}.recipient-badge.manual{background:#f1f5f9;color:#475569}.vm-btn-delete-sm{background:#fee2e2;color:#ef4444;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.vm-btn-delete-sm:hover{background:#ef4444;color:#fff}.add-recipient-cards{display:flex;flex-direction:column;gap:1.5rem}.form-group-inline{display:flex;gap:.75rem}.btn-add-action{background:var(--primary);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-action:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}.btn-add-action.full{width:100%}.manual-form{display:flex;flex-direction:column;gap:1rem}.vm-header-actions{display:flex;align-items:center;gap:1.5rem}.vm-tab-switcher{display:flex;background:#f1f5f9;padding:.25rem;border-radius:10px;border:1px solid #e2e8f0}.vm-tab-btn{padding:.6rem 1.25rem;border-radius:8px;border:none;background:transparent;color:#64748b;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.vm-tab-btn i{font-size:1.1rem}.vm-tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #0000000d}.vm-tab-btn:hover:not(.active){color:var(--primary);background:#ffffff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.settings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.vm-header-actions{flex-direction:column;align-items:stretch;width:100%}.vm-tab-switcher{width:100%}.vm-tab-btn{flex:1;justify-content:center}}.form-builder-container{padding:2.5rem;background-color:#f8f9fa;min-height:100vh}.form-builder-header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.form-builder-header-content{flex:1;min-width:250px}.form-builder-header h1{font-size:2.5rem;color:#0f172a;margin:0;font-weight:700;letter-spacing:-.5px}.form-builder-subtitle{color:#64748b;margin:.75rem 0 0;font-size:1rem;font-weight:400;line-height:1.5}.form-builder-create-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-blue) 0%,#172554 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0b1e6d40;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.form-builder-create-btn i{font-size:1rem}.form-builder-create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0b1e6d59;filter:brightness(1.1)}.form-builder-create-btn:active{transform:translateY(0)}.form-builder-error{background-color:#fef2f2;color:#991b1b;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #dc2626;font-weight:500;box-shadow:0 2px 8px #dc26261a}.form-builder-tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;border-bottom:none;overflow-x:auto;padding-bottom:5px;-ms-overflow-style:none;scrollbar-width:none}.form-builder-tabs::-webkit-scrollbar{display:none}.form-tab{padding:.75rem 1.5rem;background-color:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;font-weight:600;font-size:.95rem;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 1px 2px #0000000d}.form-tab:hover{border-color:var(--primary-blue);color:var(--primary-blue);background-color:#f1f5f9}.form-tab.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 4px 12px #0b1e6d33}.form-builder-empty{text-align:center;padding:4rem 2rem;background-color:#fff;border-radius:12px;color:#94a3b8;font-size:1.05rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.form-builder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;grid-auto-rows:1fr}.form-builder-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border:1px solid #e2e8f0;border-left:5px solid #e2e8f0;position:relative;overflow:hidden}.form-builder-card.status-active{border-left-color:#10b981}.form-builder-card.status-upcoming{border-left-color:#3b82f6}.form-builder-card.status-closed{border-left-color:#f59e0b}.form-builder-card.status-inactive{border-left-color:#94a3b8}.form-builder-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--primary-blue),var(--brand-blue));opacity:0;transition:opacity .3s ease}.form-builder-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none}.form-builder-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px);border-color:#cbd5e1}.form-builder-card:hover:before{opacity:1}.form-card-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.5rem;gap:.5rem;padding-bottom:0;border-bottom:none}.form-card-title{font-size:1.25rem;color:#0f172a;margin:0 0 .5rem;font-weight:700;line-height:1.4}.form-card-description{color:#64748b;font-size:.875rem;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}.form-card-header-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:1rem}.form-status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.form-status-badge.status-active{background-color:#d1fae5;color:#065f46}.form-status-badge.status-upcoming{background-color:#dbeafe;color:#1e40af}.form-status-badge.status-closed{background-color:#fef3c7;color:#92400e}.form-status-badge.status-inactive{background-color:#f1f5f9;color:#475569}.form-card-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1.25rem;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9}.form-detail-item{text-align:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem;border-radius:8px;transition:all .2s ease}.form-detail-item:hover{background-color:#fff;box-shadow:0 2px 8px #0000000d}.form-detail-label{display:block;color:#94a3b8;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-weight:700}.form-detail-value{display:block;color:var(--primary-blue);font-size:1.5rem;font-weight:800;line-height:1.2}.form-card-share{margin-bottom:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.form-share-input-group{display:flex;flex-direction:column;gap:.5rem}.form-share-label{font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.6px}.form-share-url-wrapper{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.form-share-url-input{min-width:0;padding:.5rem .6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.7rem;background-color:#fff;color:#475569;font-family:Monaco,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.form-share-url-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-share-copy-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-blue) 0%,#1e3a8a 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #0b1e6d33}.form-share-copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0b1e6d4d;filter:brightness(1.1)}.form-share-copy-btn:active{transform:translateY(0)}.form-card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:auto}.form-action-btn{padding:.75rem 1rem;border:1.5px solid #cbd5e1;background-color:#fff;color:#475569;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.375rem}.form-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease;z-index:0}.form-action-btn:hover{border-color:#94a3b8;background-color:#f8fafc;transform:translateY(-1px)}.form-action-btn.view-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#eff6ff}.form-action-btn.edit-btn:hover{border-color:#f59e0b;color:#f59e0b;background-color:#fffbeb}.form-action-btn.submissions-btn:hover{border-color:#8b5cf6;color:#8b5cf6;background-color:#faf5ff}.form-action-btn.toggle-btn.active:hover{border-color:#ef4444;color:#ef4444;background-color:#fef2f2}.form-action-btn.toggle-btn.inactive:hover{border-color:#10b981;color:#10b981;background-color:#f0fdf4}.form-action-btn.delete-btn:hover{border-color:#ef4444;color:#ef4444;background-color:#fef2f2}.form-builder-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-builder-modal{background-color:#fff;border-radius:12px;padding:2.5rem;max-width:650px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0f172a4d;box-sizing:border-box;border:1px solid #e2e8f0}.form-builder-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.75rem;cursor:pointer;color:#94a3b8;transition:all .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:6px}.form-builder-modal-close:hover{color:#0f172a;background-color:#f1f5f9}.form-builder-modal-title{font-size:1.75rem;color:#0f172a;margin:0 0 2rem;font-weight:700;letter-spacing:-.5px}.form-builder-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{display:flex;flex-direction:column}.form-label{font-weight:700;color:#0f172a;margin-bottom:.625rem;font-size:.9rem;letter-spacing:.3px}.form-input,.form-select,.form-textarea{padding:.875rem 1rem;border:1.5px solid #cbd5e1;border-radius:6px;font-size:.9rem;font-family:inherit;transition:all .3s ease;background-color:#f8fafc;color:#0f172a}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px var(--soft-blue)}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-dates-section{border:1.5px solid #e2e8f0;border-radius:8px;padding:1.5rem;background-color:#f8fafc}.form-dates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.form-builder-fields-section{border:1.5px solid #e2e8f0;border-radius:8px;padding:1.5rem;background-color:#f8fafc}.form-builder-section-title{font-size:1.05rem;color:#0f172a;margin:0 0 1.25rem;font-weight:700;letter-spacing:.3px}.form-builder-fields-list{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.75rem}.form-builder-field-item{display:grid;grid-template-columns:1fr auto;align-items:flex-start;padding:1rem;background-color:#fff;border-radius:8px;border:1.5px solid #e2e8f0;gap:.75rem;transition:all .2s ease}.form-builder-field-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.field-item-content{flex:1;width:100%}.field-item-editable{display:flex;flex-direction:column;gap:.875rem}.field-edit-group{display:flex;flex-direction:column;gap:.375rem}.field-edit-label{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.6px}.field-edit-input{padding:.625rem .75rem;border:1.5px solid #cbd5e1;border-radius:6px;font-size:.85rem;background-color:#f8fafc;transition:all .2s ease;color:#0f172a}.field-edit-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px var(--soft-blue)}.field-type-badge{display:inline-block;padding:.375rem .75rem;background-color:#dbeafe;color:#0c4a6e;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:capitalize}.field-edit-checkbox{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-size:.85rem;font-weight:600;color:#0f172a}.field-edit-checkbox input{cursor:pointer;width:1.1rem;height:1.1rem;accent-color:#3b82f6}.field-item-info{display:flex;gap:.75rem;align-items:center;flex:1;flex-wrap:wrap}.field-item-label{font-weight:600;color:#0f172a;font-size:.9rem}.field-item-type{padding:.375rem .75rem;background-color:#dbeafe;color:#0c4a6e;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:capitalize}.field-item-required{padding:.375rem .75rem;background-color:#fee2e2;color:#991b1b;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.field-item-remove-btn{padding:.5rem .8rem;background-color:#fee2e2;color:#991b1b;border:1.5px solid #fecaca;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.field-item-remove-btn:hover{background-color:#fecaca;border-color:#f87171;color:#7f1d1d}.form-builder-add-field{border-top:1.5px solid #e2e8f0;padding-top:1.5rem}.form-builder-add-field-btn{padding:.6rem 1.2rem;background:var(--primary-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 8px #10b98133;width:fit-content}.form-builder-add-field-btn:hover{background:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.form-checkbox{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-weight:600;color:#0f172a;font-size:.9rem}.form-checkbox input{cursor:pointer;width:1.1rem;height:1.1rem;accent-color:#3b82f6}.form-builder-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.5rem;border-top:1.5px solid #e2e8f0;margin-top:.5rem;flex-wrap:wrap}.form-builder-cancel-btn,.form-builder-submit-btn{padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;white-space:nowrap}.form-builder-cancel-btn{background-color:#f1f5f9;color:#475569;border:1.5px solid #cbd5e1}.form-builder-cancel-btn:hover{background-color:#e2e8f0;border-color:#94a3b8}.form-builder-submit-btn{background:var(--primary-blue);color:#fff;box-shadow:0 2px 8px #3b82f64d}.form-builder-submit-btn:hover:not(:disabled){background:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.form-builder-submit-btn:active:not(:disabled){transform:translateY(0)}.form-builder-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.form-builder-container{padding:2rem 1.5rem}.form-builder-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}}@media (max-width: 768px){.form-builder-container{padding:1.5rem 1rem}.form-builder-header h1{font-size:2rem}.form-builder-subtitle{font-size:.95rem}.form-builder-create-btn{width:100%;max-width:none}.form-builder-list{grid-template-columns:1fr;gap:1.25rem}.form-card-details{padding:1rem}.form-detail-value{font-size:1.25rem}}@media (max-width: 480px){.form-builder-container{padding:1.25rem .75rem}.form-builder-header h1{font-size:1.75rem}.form-card-actions{grid-template-columns:1fr}.form-builder-modal{padding:1.5rem}}.form-submissions-container{padding:2rem;background-color:#f8f9fa;min-height:100vh}.form-submissions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.form-submissions-header h1{font-size:2rem;color:#1a1a1a;margin:0 0 .5rem;font-weight:600}.form-submissions-subtitle{color:var(--text-light);margin:0;font-size:.95rem}.form-submissions-header-actions{display:flex;gap:1rem;flex-wrap:wrap}.form-submissions-export-btn,.form-submissions-back-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.form-submissions-export-btn{background:linear-gradient(135deg,var(--primary-blue) 0%,#172554 100%);color:#fff;box-shadow:0 4px 12px #0b1e6d33}.form-submissions-export-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #0b1e6d4d}.form-submissions-export-btn:disabled{opacity:.5;cursor:not-allowed}.form-submissions-back-btn{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.form-submissions-back-btn:hover{background-color:#e0e0e0;border-color:#999}.form-submissions-error{background-color:#fee;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #c33}.form-submissions-error-page{text-align:center;padding:3rem 2rem;background-color:#fff;border-radius:8px;color:var(--text-light)}.form-submissions-error-page h1{color:#1a1a1a;margin:0 0 1rem;font-size:2rem}.form-submissions-error-page p{color:var(--text-light);margin:0}.form-submissions-empty{text-align:center;padding:3rem 2rem;background-color:#fff;border-radius:8px;color:var(--text-light)}.form-submissions-list{display:flex;flex-direction:column;gap:1rem}.form-submission-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.form-submission-card:hover{box-shadow:0 4px 16px #00000026}.submission-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f5f5f5;border-bottom:1px solid #eee;cursor:pointer}.submission-card-info{display:flex;align-items:center;gap:1rem;flex:1}.submission-number{font-weight:600;color:#1a1a1a;font-size:1rem}.submission-date{color:var(--text-light);font-size:.9rem}.submission-ip{padding:.25rem .75rem;background-color:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.75rem;font-weight:600}.submission-card-actions{display:flex;gap:.5rem}.submission-expand-btn{padding:.4rem .8rem;background-color:transparent;color:var(--text-light);border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.submission-expand-btn:hover{border-color:#999;color:#333}.submission-delete-btn{padding:.4rem .8rem;background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.submission-delete-btn:hover{background-color:#ffcdd2;border-color:#ef5350}.submission-card-content{padding:1.5rem;border-top:1px solid #eee;display:flex;flex-direction:column;gap:1.5rem}.submission-field{display:flex;flex-direction:column;gap:.5rem}.submission-field-label{font-weight:600;color:#333;font-size:.9rem}.submission-field-value{padding:.75rem;background-color:#f9f9f9;border-radius:4px;color:#555;font-size:.9rem;word-break:break-word;line-height:1.5}@media (max-width: 768px){.form-submissions-container{padding:1rem}.form-submissions-header{flex-direction:column;gap:1rem}.form-submissions-header h1{font-size:1.5rem}.form-submissions-header-actions{width:100%}.form-submissions-export-btn,.form-submissions-back-btn{flex:1;justify-content:center}.submission-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.submission-card-actions{width:100%;justify-content:flex-end}}:root{--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .5);--premium-blue: #3b82f6;--premium-indigo: #6366f1;--premium-emerald: #10b981;--premium-amber: #f59e0b;--text-main: #1e293b;--text-muted: #64748b;--bg-main: #f8fafc}.statistics-management{padding:2.5rem;background:var(--bg-main);min-height:100vh;font-family:Inter,-apple-system,system-ui,sans-serif;color:var(--text-main)}.management-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem;flex-wrap:wrap}.header-content h1{font-size:2.5rem;font-weight:800;margin:0;letter-spacing:-.05em}.text-gradient{background:linear-gradient(135deg,var(--premium-blue),var(--premium-indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{color:var(--text-muted);font-size:1.1rem;margin-top:.5rem}.header-actions{display:flex;gap:1rem}.btn-premium{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;border-radius:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-size:.95rem}.btn-settings{background:#fff;color:var(--text-main);box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0}.btn-settings:hover{background:#f1f5f9;transform:translateY(-2px)}.btn-add{background:var(--premium-blue);color:#fff;box-shadow:0 10px 15px -3px #3b82f64d}.btn-add:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 20px 25px -5px #3b82f633}.custom-alert{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 2rem;border-radius:20px;margin-bottom:2.5rem;animation:slideInDown .4s cubic-bezier(.16,1,.3,1);background:#fff!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #f1f5f9;position:relative;z-index:100;width:100%;min-height:70px}.alert-success{border-left:6px solid var(--premium-emerald)}.alert-danger{border-left:6px solid #ef4444}.alert-icon{display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.alert-success .alert-icon{color:var(--premium-emerald)}.alert-danger .alert-icon{color:#ef4444}.alert-message{font-weight:600;flex:1;color:var(--text-main);line-height:1.5;white-space:normal;font-size:1rem}.alert-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:.5rem;margin-right:-.5rem;transition:color .2s}.alert-close:hover{color:var(--text-main)}.stats-overview-section{margin-bottom:3rem}.stats-main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s ease}.stat-card{padding:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:200px}.stat-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000014}.card-bg-icon{position:absolute;right:-10px;bottom:-10px;font-size:6rem;opacity:.05;transform:rotate(-15deg)}.card-info{position:relative;z-index:2}.card-label{font-size:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.75rem}.card-value{font-size:2.5rem;font-weight:800;margin:0;letter-spacing:-.03em}.card-subtext{margin-top:.75rem;font-size:.875rem;color:var(--text-muted)}.premium-badge{background:#3b82f61a;color:var(--premium-blue);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.card-donations .card-value{color:var(--premium-emerald)}.card-impact .card-value{color:var(--premium-blue)}.card-year .card-value{color:var(--premium-indigo)}.dashboard-content-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #f1f5f9}.panel-header h2{font-size:1.5rem;font-weight:700;margin:0}.metrics-list-scroll{max-height:500px;overflow-y:auto;padding:1rem}.metric-item-row{display:flex;align-items:center;padding:1.25rem;border-radius:16px;transition:background .2s;border-bottom:1px solid #f8fafc}.metric-item-row:hover{background:#f8fafc}.metric-icon-box{width:48px;height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--premium-blue);box-shadow:0 4px 6px -1px #0000000d;margin-right:1.25rem}.metric-details{flex:1}.metric-name-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.metric-name-row h4{margin:0;font-size:1.1rem;font-weight:600}.metric-value-display{font-size:1.25rem;font-weight:800;color:var(--text-main)}.cat-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;padding:.1rem .5rem;border-radius:4px}.tag-general{background:#fee2e2;color:#ef4444}.tag-program{background:#dcfce7;color:#166534}.table-responsive-custom{padding:1.5rem;overflow-x:auto}.premium-table{width:100%;border-collapse:separate;border-spacing:0 .75rem}.premium-table th{padding:1rem;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;text-align:left}.premium-table td{padding:1.25rem 1rem;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.premium-table tr td:first-child{border-left:1px solid #f1f5f9;border-top-left-radius:16px;border-bottom-left-radius:16px}.premium-table tr td:last-child{border-right:1px solid #f1f5f9;border-top-right-radius:16px;border-bottom-right-radius:16px}.modal-overlay-premium{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content-premium{background:#fff!important;border-radius:32px;width:100%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalScaleUp .3s cubic-bezier(.16,1,.3,1);color:var(--text-main)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-premium{padding:1.5rem 2.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#fff;flex-shrink:0;width:100%}.modal-header-premium h2{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.02em;white-space:nowrap}.modal-content-premium form{display:flex;flex-direction:column;flex:1;overflow:hidden}.modal-header-premium .alert-close{margin-left:auto;padding:.5rem}.modal-body-premium{padding:2.5rem;background:#fff;overflow-y:auto;flex:1}.form-group-premium{margin-bottom:1.5rem}.form-group-premium label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-main);font-size:.95rem}.form-group-premium input,.form-group-premium select{width:100%;padding:.875rem 1.25rem;border:2px solid #f1f5f9;border-radius:14px;font-size:1rem;transition:all .2s;background:#fff;color:var(--text-main)}.form-group-premium input:focus,.form-group-premium select:focus{border-color:var(--premium-blue);outline:none;background:#f8fafc}.icon-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:12px;max-height:250px;overflow-y:auto;padding:1.25rem;background:#f8fafc;border:2px solid #f1f5f9;border-radius:20px;margin-top:.75rem}.icon-option{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:14px;background:#fff;border:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1.25rem;color:var(--text-muted)}.icon-option:hover{background:#eff6ff;color:var(--premium-blue);transform:translateY(-2px);border-color:#dbeafe}.icon-option.selected{background:var(--premium-blue);color:#fff;border-color:var(--premium-blue);box-shadow:0 8px 15px -3px #3b82f64d}.modal-actions-premium{padding:1.5rem 2.5rem;background:#f8fafc;display:flex;gap:1rem;justify-content:flex-end;border-top:1px solid #f1f5f9;flex-shrink:0}@media (max-width: 768px){.statistics-management{padding:1.5rem}.header-content h1{font-size:2rem}.stats-main-grid,.dashboard-content-grid{grid-template-columns:1fr}.btn-premium{width:100%;justify-content:center}.header-actions{width:100%;flex-direction:column}.custom-alert{padding:1rem 1.25rem;gap:1rem;flex-wrap:wrap}.alert-message{font-size:.95rem;line-height:1.3}}@media (max-width: 480px){.modal-content-premium{border-radius:24px}.modal-body-premium{padding:1.5rem}.icon-selector-grid{grid-template-columns:repeat(4,1fr);padding:.75rem}}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}:root{--dashboard-primary: var(--primary);--dashboard-primary-soft: rgba(11, 30, 109, .05);--seed-yellow: #e9bb3b;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--bg-light: #f9fafb}.dashboard-container{min-height:100vh;padding:2.5rem;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:2.5rem;padding:0 0 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.header-content{max-width:100%}.dashboard-title{margin:0 0 .25rem;font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.dashboard-subtitle{margin:0;font-size:1.1rem;color:var(--text-secondary);font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{box-sizing:border-box;width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--dashboard-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:var(--text-secondary);font-size:1rem;margin:0}.error-container{display:flex;align-items:center;gap:1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto}.error-container i{font-size:1.5rem;color:#dc2626;flex-shrink:0}.error-message{color:#991b1b;margin:0;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem;max-width:1400px;margin-left:auto;margin-right:auto}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;gap:1rem;align-items:center;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--dashboard-primary)}.stat-icon{width:70px;height:70px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.donation-card .stat-icon{background:var(--dashboard-primary-soft);color:var(--dashboard-primary)}.average-card .stat-icon{background:#e9bb3b1a;color:var(--seed-yellow)}.youth-card .stat-icon{background:#3b82f61a;color:#3b82f6}.programs-card .stat-icon{background:#a855f71a;color:#a855f7}.stat-content{flex:1;min-width:0;word-break:break-word;overflow-wrap:break-word;display:flex;flex-direction:column;justify-content:center}.stat-label{margin:0 0 .25rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;word-break:break-word}.stat-value{margin:0 0 .25rem;font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.1;word-break:break-word}.stat-subvalue{display:block;color:var(--text-secondary);font-size:.75rem;margin:0;word-break:break-word}.stats-summary{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin-left:auto;margin-right:auto}.summary-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color);overflow:hidden}.summary-card h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.summary-content{display:flex;flex-direction:column;gap:1.25rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-light);border-radius:.5rem;transition:all .3s ease}.summary-item:hover{background:#f3f4f6}.summary-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.summary-value{font-size:1.25rem;font-weight:700;color:var(--dashboard-primary)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stats-summary{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-header{padding:1.5rem;margin-bottom:2rem;border-radius:.75rem}.dashboard-title{font-size:1.5rem}.dashboard-subtitle{font-size:.9rem}.stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.stat-card{padding:1.25rem;gap:1rem}.stat-icon{width:60px;height:60px;font-size:1.75rem}.stat-label{font-size:.7rem}.stat-value{font-size:1.5rem}.stat-subvalue{font-size:.7rem}.summary-card{padding:1.25rem}.summary-card h3{font-size:1rem;margin-bottom:1rem}.summary-item{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.summary-label{font-size:.85rem}.summary-value{font-size:1rem}}@media (max-width: 640px){.dashboard-container{padding:.75rem}.dashboard-header{padding:1.25rem;margin-bottom:1.5rem}.dashboard-title{font-size:1.25rem}.dashboard-subtitle{font-size:.85rem}.stats-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.stat-card{flex-direction:row;align-items:center;text-align:left;padding:1rem;gap:.75rem}.stat-icon{width:50px;height:50px;font-size:1.5rem;margin:0}.stat-label{font-size:.65rem}.stat-value{font-size:1.25rem}.stat-subvalue{font-size:.65rem}.stats-summary{gap:1rem}.summary-card{padding:1rem}.summary-card h3{font-size:.95rem;margin-bottom:.75rem;padding-bottom:.75rem}.summary-content{gap:.75rem}.summary-item{padding:.5rem;gap:.25rem}.summary-label{font-size:.8rem}.summary-value{font-size:.9rem}}@media (max-width: 480px){.dashboard-container{padding:.5rem}.dashboard-header{padding:1rem;margin-bottom:1rem;border-radius:.5rem}.dashboard-title{font-size:1.1rem;margin-bottom:.25rem}.dashboard-subtitle{font-size:.8rem}.stats-grid{grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem}.stat-card{flex-direction:row;align-items:center;text-align:left;padding:.75rem;gap:.5rem;border-radius:.75rem}.stat-icon{width:45px;height:45px;font-size:1.25rem}.stat-label{font-size:.6rem;letter-spacing:.25px}.stat-value{font-size:1rem;margin-bottom:.1rem}.stat-subvalue{font-size:.6rem}.stats-summary{grid-template-columns:1fr;gap:.75rem}.summary-card{padding:.75rem}.summary-card h3{font-size:.9rem;margin-bottom:.5rem;padding-bottom:.5rem}.summary-content{gap:.5rem}.summary-item{padding:.5rem;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.summary-label{font-size:.75rem}.summary-value{font-size:.85rem}}.admin-management-container{padding:24px;max-width:1200px;margin:0 auto;color:#1e293b}.am-header{margin-bottom:32px}.am-header h1{font-size:1.875rem;font-weight:700;margin-bottom:20px;color:#0f172a}.am-tabs{display:flex;gap:8px;border-bottom:1px solid #e2e8f0;padding-bottom:1px}.am-tab{padding:12px 24px;font-weight:600;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;font-size:.95rem}.am-tab:hover{color:#334155;background:#f8fafc}.am-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.am-content-grid{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.am-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #f1f5f9}.am-card h2{font-size:1.125rem;font-weight:600;margin-bottom:20px;color:#334155}.am-form .form-group{margin-bottom:16px}.am-form label{display:block;font-size:.875rem;font-weight:500;margin-bottom:6px;color:#475569}.am-form input,.am-form select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.am-form input:focus,.am-form select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0b1e6d1a}.am-btn{width:100%;padding:10px 16px;background:var(--primary-blue);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s}.am-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0b1e6d33}.am-btn:disabled{opacity:.6;cursor:not-allowed}.am-btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.am-btn-secondary:hover:not(:disabled){background:#f1f5f9}.am-btn-sm{width:auto;padding:6px 12px;font-size:.8125rem}.am-table-container{overflow-x:auto}.am-table{width:100%;border-collapse:collapse}.am-table-header{display:grid;grid-template-columns:1.5fr 2fr 1fr 120px;padding:12px 16px;background:#f8fafc;border-radius:8px 8px 0 0;font-weight:600;font-size:.875rem;color:#64748b;border-bottom:1px solid #e2e8f0}.am-col-name,.am-col-email,.am-col-role,.am-actions-col{padding:0 4px}.am-table-row{display:grid;grid-template-columns:1.5fr 2fr 1fr 120px;padding:16px;align-items:center;border-bottom:1px solid #f1f5f9;transition:background .1s}.am-table-row:hover{background:#fcfdfe}.am-cell-strong{font-weight:600;color:#1e293b}.am-badge-info{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.am-role-badge{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.am-role-badge.super-admin{background:#fee2e2;color:#991b1b}.am-role-badge.admin{background:#fef3c7;color:#92400e}.am-role-badge.editor{background:#f0f4ff;color:var(--primary-blue)}.am-role-badge.no-role{background:#f1f5f9;color:#475569}.am-actions{display:flex;gap:8px;justify-content:flex-end}.am-action-btn{background:none;border:none;cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.am-action-btn.edit{color:#64748b}.am-action-btn.edit:hover{background:#f1f5f9;color:#334155}.am-action-btn.reset{color:var(--primary-blue)}.am-action-btn.reset:hover{background:#f0f4ff}.am-action-btn.delete{color:#ef4444}.am-action-btn.delete:hover{background:#fef2f2}.am-rbac-grid{display:grid;grid-template-columns:350px 1fr;gap:24px}.am-list-header,.am-card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.am-header-actions{display:flex;align-items:center;gap:12px}.am-toast{padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:500;animation:fadeIn .3s ease-out}.am-toast.success{background:#f0f4ff;color:var(--primary-blue);border:1px solid #d1d5ff}.am-toast.error{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.am-roles-items{display:flex;flex-direction:column;gap:8px}.am-role-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;cursor:pointer;border:1px solid #e2e8f0;transition:all .2s}.am-role-item:hover{border-color:#2563eb;background:#f8fafc}.am-role-item.active{border-color:var(--primary-blue);background:#f0f4ff;box-shadow:0 0 0 1px var(--primary-blue)}.am-role-name{display:block;font-weight:600;font-size:.9375rem}.am-role-count{display:block;font-size:.75rem;color:#64748b}.am-role-actions{display:flex;align-items:center;gap:12px;color:#cbd5e1}.am-inline-form{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid var(--primary-blue);margin-bottom:16px;animation:fadeIn .3s ease-out}.am-inline-form input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;font-size:.9375rem}.am-inline-form input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0b1e6d1a}.am-inline-actions{display:flex;gap:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.am-icon-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;line-height:0}.am-icon-btn:hover{background:#0000000d}.am-permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.am-perm-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:10px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff}.am-perm-card:hover:not(.locked){border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0b1e6d14}.am-perm-card.assigned{background:#f0f4ff;border-color:#86aaff;color:var(--primary-blue)}.am-perm-card.locked{cursor:not-allowed;opacity:.6;background:#f8fafc}.am-perm-card.loading{opacity:.7;cursor:wait;border-color:#cbd5e1}.am-perm-card-header{display:flex;justify-content:space-between;align-items:flex-start}.am-perm-check{font-size:1.25rem;line-height:1}.am-perm-name{font-weight:600;font-size:.95rem;text-transform:capitalize;color:#334155}.am-perm-card.assigned .am-perm-name{color:var(--primary-blue)}.am-perm-desc{font-size:.8125rem;color:#64748b;line-height:1.4;margin:0}.am-perm-card.assigned .am-perm-desc{color:var(--primary-blue)}.am-empty-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;padding:64px 0}.am-empty-pane i{font-size:3rem;margin-bottom:16px;opacity:.5}.am-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.am-modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.am-modal-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;width:100%}.am-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.am-modal-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;color:#64748b;transition:all .2s;line-height:1;padding:0;margin-left:auto}.am-modal-close:hover{background:#e2e8f0;color:#0f172a}.am-modal-form{padding:24px}.am-modal-footer{margin-top:32px;display:flex;gap:12px;justify-content:flex-end}.spin{animation:spin 1s linear infinite;display:inline-block}@media (max-width: 1024px){.am-content-grid,.am-rbac-grid{grid-template-columns:1fr}}.posts-management-container{padding:2rem;max-width:1600px;margin:0 auto;font-family:inherit;color:#1e293b}.posts-management-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9}.posts-management-container h1{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.025em;display:flex;align-items:center;gap:12px}.posts-management-container h1:before{content:"";display:block;width:6px;height:24px;background:#198754;border-radius:4px}.posts-management-container .subtitle{color:#64748b;font-size:.95rem;margin:0}.posts-management-container .header-actions{display:flex;align-items:center;gap:12px}.posts-management-container .btn-icon-large{width:42px;height:42px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:1.2rem;box-shadow:0 1px 2px #0000000d}.posts-management-container .btn-icon-large:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.posts-management-container .btn-add{background:#198754;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease;cursor:pointer;font-size:.9rem;box-shadow:0 1px 2px #0000000d}.posts-management-container .btn-add:hover{background:#157347;transform:translateY(-1px);box-shadow:0 4px 6px -1px #19875433}.posts-management-container .btn-delete-bulk{background:#ef4444;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease;cursor:pointer;font-size:.9rem;box-shadow:0 1px 2px #ef44441a}.posts-management-container .btn-delete-bulk:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px -1px #ef444433}.posts-grid{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border-radius:12px;overflow:hidden;overflow-x:auto}.posts-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.posts-table th{text-align:left;padding:16px 24px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.posts-table td{padding:16px 24px;color:#334155;font-size:.95rem;vertical-align:middle;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.posts-table tr:hover td{background-color:#fcfcfc}.posts-table tr.selected td{background-color:#ecfdf5}.posts-table tr:last-child td{border-bottom:none}.w-12{width:48px}.check-column{width:48px;text-align:center}.thumb-column{width:80px}input[type=checkbox]{width:18px;height:18px;border-radius:4px;border:1px solid #cbd5e1;cursor:pointer;accent-color:#198754}.post-thumb{width:64px;height:44px;background:#f1f5f9;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000005}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.posts-table tr:hover .post-thumb img{transform:scale(1.05)}.post-title-cell{position:relative;width:35%}.title-text{font-size:1rem;color:#1e293b;font-weight:600;margin-bottom:6px;display:block;cursor:pointer;line-height:1.4}.posts-table tr:hover .title-text{color:#198754}.row-actions{display:flex;gap:12px;font-size:.85rem;opacity:0;transform:translateY(5px);transition:all .2s ease;visibility:hidden}.posts-table tr:hover .row-actions{opacity:1;transform:translateY(0);visibility:visible}.action-link{background:none;border:none;padding:0;cursor:pointer;text-decoration:none;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:4px}.action-link.edit{color:#64748b}.action-link.edit:hover{color:#198754}.action-link.delete{color:#64748b}.action-link.delete:hover{color:#ef4444}.action-link.view{color:#64748b}.action-link.view:hover{color:#0ea5e9}.divider{display:none}.category-text{color:#475569;background:#f1f5f9;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px;position:relative;top:-2px}.status-dot.published{background:#198754;box-shadow:0 0 0 2px #19875433}.status-dot.draft{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.status-text{font-weight:500;color:#334155;font-size:.9rem}.pub-status{font-size:.75rem;text-transform:uppercase;color:#94a3b8;font-weight:600;letter-spacing:.05em;margin-bottom:2px}.pub-date{color:#475569;font-variant-numeric:tabular-nums}@media (max-width: 768px){.posts-grid{background:transparent;border:none;box-shadow:none;overflow:visible}.posts-table{min-width:100%;display:block}.posts-table thead{display:none}.posts-table tbody{display:flex;flex-direction:column;gap:12px}.posts-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"thumb title" "thumb meta" "actions actions";padding:12px;gap:12px;position:relative}.check-column,.w-12{display:none}.thumb-column{grid-area:thumb;width:auto;padding:0;border:none}.post-thumb{width:72px;height:72px;border-radius:8px}.post-title-cell{grid-area:title;padding:0;border:none;width:100%;align-self:start}.title-text{font-size:1rem;margin-bottom:4px;line-height:1.3;white-space:normal;overflow:visible}.row-actions{grid-area:actions;opacity:1;visibility:visible;transform:none;position:static;margin-top:8px;border-top:1px solid #f2f2f2;padding-top:10px;width:100%;justify-content:space-between;gap:8px}.action-link{font-size:.85rem;padding:8px 0;background:#f8fafc;border-radius:6px;color:#475569;font-weight:600;flex:1;justify-content:center;border:1px solid #e2e8f0;display:flex}.action-link:active{background:#e2e8f0}.wrapper-cell{display:none}.date-cell{grid-area:meta;width:100%;padding:0;border:none;font-size:.8rem;color:#94a3b8;display:flex;align-items:center;gap:8px;align-self:start}.pub-status{display:none}.pub-date:before{content:"• ";margin-right:4px;color:#cbd5e1}}.products-management-container{padding:20px}.tab-navigation{display:flex;gap:15px;margin-bottom:30px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:none;font-size:1rem;font-weight:600;color:#888;cursor:pointer;transition:all .3s ease;border-radius:8px}.tab-btn i{font-size:1.1rem}.tab-btn:hover,.tab-btn.active{color:var(--primary);background:#0b1e6d0d}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.page-header h1{font-size:1.8rem;font-weight:600;color:#1a1a2e}.btn-add{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:fit-content;white-space:nowrap}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0b1e6d33;filter:brightness(1.1)}.success-banner{background:#d4edda;color:#155724;padding:12px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #c3e6cb}.error-banner{background:#f8d7da;color:#721c24;padding:12px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #f5c6cb}.empty-state{text-align:center;padding:60px 20px;color:#888}.empty-state i{font-size:4rem;margin-bottom:15px;color:#ccc}.products-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px #0000000d}.products-table th,.products-table td{padding:15px;text-align:left;border-bottom:1px solid #f0f0f0}.products-table th{background:#f8f9fa;font-weight:600;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.products-table tr:hover{background:#fafafa}.product-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb i{font-size:1.5rem;color:#ccc}.status-badge{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:8px;align-items:center;justify-content:flex-start}.btn-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-icon.edit{background:#e3f2fd;color:#1976d2}.btn-icon.edit:hover{background:#2196f3;color:#fff}.btn-icon.delete{background:#ffebee;color:#c62828}.btn-icon.delete:hover{background:#f44336;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #f0f0f0}.modal-header h2{font-size:1.35rem;font-weight:700;color:#111827;margin:0;flex:1}.modal-close{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;padding:5px}.modal-close:hover{color:#333}.product-form{padding:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#333;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e8e8e8;border-radius:10px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0b1e6d1a}.sizes-grid{display:flex;flex-wrap:wrap;gap:10px}.size-checkbox{display:flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.size-checkbox.active{border-color:var(--primary);background:#0b1e6d0d;color:var(--primary)}.size-checkbox input{display:none}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem}.checkbox-label input{width:18px;height:18px}.image-upload-area{border:2px dashed #e0e0e0;border-radius:12px;padding:20px;text-align:center}.image-upload-area.multiselect{text-align:left}.previews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px}.upload-placeholder{cursor:pointer;color:#888;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;border:2px dashed #e0e0e0;border-radius:8px;transition:all .2s}.upload-placeholder:hover{color:var(--primary);border-color:var(--primary)}.upload-placeholder i{font-size:2rem;color:#ccc;margin-bottom:5px}.upload-placeholder:hover i{color:var(--primary)}.image-preview-item{position:relative;border-radius:8px;overflow:hidden;height:100px;box-shadow:0 2px 5px #0000001a}.image-preview-item img{width:100%;height:100%;object-fit:cover}.btn-remove-img{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#e74c3ce6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.btn-remove-img:hover{background:#c0392b;transform:scale(1.1)}.image-preview button{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:#e74c3c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:1px solid #f0f0f0;margin-top:10px}.btn-cancel{padding:12px 24px;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer}.btn-cancel:hover{border-color:#ccc;background:#f8f8f8}.btn-save{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #0b1e6d4d;filter:brightness(1.1)}.btn-save:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:15px}.products-table thead{display:none}.products-table tr{display:block;margin-bottom:15px;border:1px solid #e0e0e0;border-radius:10px;padding:15px}.products-table td{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.products-table td:last-child{border-bottom:none}.products-table td:before{content:attr(data-label);font-weight:600;color:#666}}.status-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.status-modal-content{background:#fff;padding:40px;border-radius:var(--border-radius-standard);width:100%;max-width:440px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.status-icon{font-size:4rem;margin-bottom:24px}.status-modal-content.success .status-icon i{color:#10b981}.status-modal-content.error .status-icon i{color:#ef4444}.status-spinner{width:60px;height:60px;border:5px solid #f1f5f9;border-top:5px solid var(--primary-blue);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.status-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:12px}.status-message{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:32px}.status-actions{display:flex;flex-direction:column;gap:12px}.btn-status-primary{background:var(--primary-blue);color:#fff;padding:14px 24px;border:none;border-radius:var(--border-radius-standard);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.btn-status-primary:hover{background:#081652;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0b1e6d33}.btn-status-secondary{background:transparent;color:#64748b;padding:12px 24px;border:1px solid #e2e8f0;border-radius:var(--border-radius-standard);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-status-secondary:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.post-editor-container{background:#fff;min-height:100vh;padding:0}.editor-sticky-header{position:sticky;top:0;z-index:1001;background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 24px;box-shadow:0 1px 3px #0000000d}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:20px}.breadcrumb-nav{display:flex;align-items:center;gap:8px;color:#64748b;font-weight:500;cursor:pointer;transition:color .2s;font-size:.9rem}.breadcrumb-nav:hover{color:#1a1a1a}.save-status{font-size:.85rem;color:#94a3b8}.status-saving{display:flex;align-items:center;gap:6px;color:#0d5a3a}.status-saved{display:flex;align-items:center;gap:6px;color:#64748b}.header-actions{display:flex;align-items:center;gap:12px}.btn-action-draft{background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;padding:9px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.85rem}.btn-action-draft:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-action-publish{background:#0d5a3a;color:#fff;border:none;padding:9px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;font-size:.85rem;box-shadow:0 4px 12px #0d5a3a33}.btn-action-publish:hover{background:#0a462d;transform:translateY(-1px);box-shadow:0 6px 16px #0d5a3a4d}.btn-action-settings{background:#f8fafc;border:1px solid #e2e8f0;font-size:1.1rem;color:#64748b;cursor:pointer;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.btn-action-settings:hover{color:#0d5a3a;border-color:#0d5a3a;background:#ecfdf5}.editor-layout{display:grid;grid-template-columns:1fr 340px;max-width:1600px;margin:0 auto;padding:60px 40px;gap:80px}.editor-main{min-width:0;display:flex;flex-direction:column;align-items:center}.title-area,.editor-canvas{width:100%;max-width:840px;margin-left:auto;margin-right:auto}.title-area{margin-bottom:30px;position:relative;border-bottom:2px solid #f1f5f9;padding-bottom:10px;transition:border-color .2s}.title-area:focus-within{border-color:#0d5a3a}.post-title-input{width:100%;border:none!important;background:transparent!important;font-size:2.75rem;font-weight:700;color:#1e293b;line-height:1.2;padding:0;margin:0;outline:none!important;box-shadow:none!important;font-family:inherit;letter-spacing:-.02em}.post-title-input::placeholder{color:#cbd5e1;font-weight:700}.title-char-count{position:absolute;right:0;bottom:-22px;font-size:.75rem;font-weight:600;color:#94a3b8;background:#fff;padding:2px 8px;border-radius:4px}.title-char-count.warning{color:#f59e0b}.title-char-count.error{color:#ef4444}.editor-canvas{margin-left:auto;margin-right:auto}#editorjs{font-family:inherit;min-height:600px;cursor:text}.codex-editor__redactor{padding-bottom:200px!important;margin-right:0!important}.ce-block__content,.ce-toolbar__content{max-width:100%!important}.ce-toolbar__actions{left:-50px!important}.ce-header{font-weight:700;color:#1a1a1a;padding:1em 0 .5em}.ce-paragraph{line-height:1.9;color:#334155;font-size:1.15rem;letter-spacing:normal}.editor-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px;height:fit-content}.sidebar-section{background:#fff;border:1px solid #e2e8f0;padding:24px;border-radius:12px;box-shadow:0 1px 2px #00000008}.sidebar-section h3{font-size:1rem;font-weight:700;margin-bottom:20px;color:#1e293b;display:flex;align-items:center;gap:10px}.sidebar-section h3 i{color:#0d5a3a}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;color:#64748b}.form-group select,.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;background:#f8fafc;transition:all .2s}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{border-color:#0d5a3a;background:#fff;outline:none;box-shadow:0 0 0 3px #0d5a3a1a}.cover-image-upload{width:100%;aspect-ratio:16/9;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s}.cover-image-upload:hover{border-color:#0d5a3a;background:#ecfdf5}.cover-image-upload img{width:100%;height:100%;object-fit:cover}.image-placeholder{display:flex;flex-direction:column;align-items:center;color:#94a3b8}.image-placeholder i{font-size:1.75rem;margin-bottom:8px}.remove-cover{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.remove-cover:hover{background:#dc3545}.spin{animation:spin-anim 1s linear infinite}@media (max-width: 1024px){.editor-layout{grid-template-columns:1fr;padding:40px 20px}.editor-sidebar{order:2}.post-title-textarea{font-size:2.5rem}}.ss-tag-container{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}.ss-tag-pill{background:#f1f5f9!important;color:#334155!important;padding:4px 12px!important;border-radius:9999px!important;font-size:.8rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid #e2e8f0!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0000000d!important;height:auto!important;width:auto!important;margin:0!important;line-height:normal!important;text-transform:none!important;letter-spacing:normal!important}.ss-tag-pill:hover{background:#e2e8f0!important;border-color:#cbd5e1!important}.ss-tag-pill button.ss-tag-remove-btn{background:transparent!important;border:none!important;padding:0!important;margin:0!important;color:#94a3b8!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;box-shadow:none!important;transform:none!important;font-size:.9rem!important}.ss-tag-pill button.ss-tag-remove-btn:hover{color:#ef4444!important;background:transparent!important}.ss-tag-pill i{display:inline-block!important;margin:0!important}.cdx-product-embed .product-embed-card{display:flex;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e2e8f0;align-items:center;position:relative;max-width:600px;margin:20px auto}.cdx-product-embed .product-embed-image{width:100px;height:100px;flex-shrink:0}.cdx-product-embed .product-embed-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.cdx-product-embed .product-embed-content{flex-grow:1;padding-right:32px}.cdx-product-embed .product-embed-content h4{margin:0 0 5px;font-size:1.1rem;font-weight:700;color:#1e293b}.cdx-product-embed .product-embed-content .price{font-size:1rem;color:#0d5a3a;font-weight:700;margin-bottom:10px}.cdx-product-embed .btn-buy-demo{background:#0d5a3a;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:default}.cdx-product-embed .remove-product{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000000d}.cdx-product-embed .remove-product:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.product-search-container{padding:20px;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.product-search-container p{margin-bottom:10px;font-weight:600;color:#64748b;font-size:.9rem}.cdx-input{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem}.product-search-results{margin-top:10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;max-height:200px;overflow-y:auto}.product-search-item{padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f1f5f9}.product-search-item:last-child{border-bottom:none}.product-search-item:hover{background:#f1f5f9}.dm-container{padding:2rem;max-width:1200px;margin:0 auto;color:#334155;font-family:Inter,sans-serif}.dm-header-main{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.dm-header-left h1{margin:0 0 .5rem;font-size:1.8rem;color:#1e293b;font-weight:700}.dm-subtitle{margin:0;color:#64748b;font-size:1rem}.dm-header-actions{display:flex;gap:1rem;align-items:center}.dm-search{position:relative}.dm-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.dm-search input{padding:.6rem .6rem .6rem 2.2rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem;width:250px;transition:all .2s}.dm-search input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dm-btn-primary{background-color:#2563eb;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.dm-btn-primary:hover{background-color:#1d4ed8}.dm-btn-primary:disabled{background-color:#94a3b8;cursor:not-allowed}.dm-btn-secondary{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:.6rem 1.2rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.dm-btn-secondary:hover{background-color:#e2e8f0}.dm-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.dm-doc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;transition:transform .2s,box-shadow .2s;position:relative}.dm-doc-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006;border-color:#cbd5e1}.dm-doc-icon{font-size:2.2rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#f8fafc;border-radius:10px;flex-shrink:0}.dm-doc-details{flex-grow:1;overflow:hidden}.dm-doc-title{margin:0 0 .25rem;font-size:1.05rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-doc-meta{margin:0 0 .5rem;font-size:.8rem;color:#64748b;font-weight:500}.dm-doc-desc{margin:0;font-size:.85rem;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.dm-doc-actions{display:flex;flex-direction:column;gap:.5rem}.dm-icon-btn{background:transparent;border:none;font-size:1.1rem;cursor:pointer;padding:.3rem;border-radius:4px;transition:all .2s;color:#64748b}.dm-icon-btn.view:hover{background:#eff6ff;color:#2563eb}.dm-icon-btn.delete:hover{background:#fef2f2;color:#dc2626}.dm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:2rem 1rem}.dm-modal-content{background:#fff;border-radius:12px;width:95%;max-width:600px;margin:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dm-modal-header{padding:1.5rem 3rem 1.5rem 1.5rem;border-bottom:1px solid #e2e8f0}.dm-modal-header h2{margin:0;font-size:1.25rem;color:#0f172a;white-space:nowrap}.dm-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:#f1f5f9;border:none;font-size:1.1rem;cursor:pointer;color:#64748b;transition:all .2s;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.dm-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.dm-form{padding:1.5rem}.dm-form-group{margin-bottom:1.25rem}.dm-form-group label{display:block;font-weight:500;font-size:.9rem;color:#334155;margin-bottom:.5rem}.dm-form-group input[type=text],.dm-form-group input[type=url],.dm-form-group textarea{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.dm-form-group input[type=text]:focus,.dm-form-group input[type=url]:focus,.dm-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dm-form-split{background:#f8fafc;padding:1rem;border-radius:8px;border:1px dashed #cbd5e1;margin-bottom:1.5rem}.dm-file-upload-label{display:flex;align-items:center;justify-content:center;padding:1rem;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;color:#3b82f6;font-weight:500;transition:background .2s}.dm-file-upload-label:hover{background:#eff6ff}.dm-file-upload-label input[type=file]{display:none}.dm-divider{display:flex;align-items:center;text-align:center;margin:1rem 0;color:#94a3b8;font-size:.8rem;font-weight:600}.dm-divider:before,.dm-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.dm-divider span{padding:0 10px}.dm-hint{display:block;margin-top:5px;font-size:.8rem;color:#64748b}.dm-modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.dm-empty-state{text-align:center;padding:4rem 2rem;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1}.dm-empty-state i{font-size:3rem;color:#94a3b8;margin-bottom:1rem;display:block}.dm-empty-state h3{margin:0 0 .5rem;color:#334155;font-size:1.2rem}.dm-empty-state p{color:#64748b;margin:0 0 1.5rem}.dm-alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.dm-alert-success{background:#ecfdf5;color:#059669;border:1px solid #34d399}.dm-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #f87171}@media (max-width: 768px){.dm-header-main{flex-direction:column;align-items:flex-start;gap:1rem}.dm-header-actions{width:100%;flex-direction:column}.dm-search,.dm-search input{width:100%}.dm-modal-content{width:95%;margin:1rem;max-height:90vh;overflow-y:auto}.dm-modal-header h2{white-space:normal}}.not-found-page{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:4rem 2rem}.not-found-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 50% 50%,rgba(11,30,109,.03) 0%,transparent 70%);pointer-events:none}.not-found-content{position:relative;max-width:600px;width:100%;text-align:center;padding:4rem 2rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;box-shadow:0 20px 50px #0b1e6d1a;border:1px solid rgba(255,255,255,.5);z-index:10}.heartbeat-container{width:120px;height:120px;margin:0 auto 2rem;background:#f1f5f9;border-radius:50%;padding:20px;display:flex;align-items:center;justify-content:center}.heartbeat-svg{width:100%}.pulse-path{stroke-dasharray:200;stroke-dashoffset:200;animation:heartbeat-pulse 3s infinite linear}@keyframes heartbeat-pulse{0%{stroke-dashoffset:200}50%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}.error-code{font-size:6rem;font-weight:900;color:var(--primary-blue);margin:0;line-height:1;opacity:.1;position:absolute;top:2rem;left:50%;transform:translate(-50%);width:100%;z-index:-1}.error-title{font-size:2.5rem;font-weight:800;color:var(--primary-blue);margin-bottom:1rem;letter-spacing:-.02em}.error-message{font-size:1.1rem;color:#64748b;line-height:1.6;margin-bottom:3rem;max-width:450px;margin-left:auto;margin-right:auto}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary-modern{background:var(--primary-blue);color:#fff;padding:1rem 2rem;border-radius:10px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px #0b1e6d33}.btn-primary-modern:hover{background:#081652;transform:translateY(-3px);box-shadow:0 15px 30px #0b1e6d4d;color:#fff}.btn-outline-modern{background:#fff;color:var(--primary-blue);padding:1rem 2rem;border-radius:10px;font-weight:700;text-decoration:none;transition:all .3s ease;border:2px solid #e2e8f0}.btn-outline-modern:hover{background:#f8fafc;transform:translateY(-3px);border-color:var(--primary-blue)}@media (max-width: 480px){.not-found-content{padding:3rem 1.5rem}.error-title{font-size:2rem}.btn-primary-modern,.btn-outline-modern{width:100%}}body{background-color:#f8f9fa}.form-submission-container{max-width:700px;margin:4rem auto;padding:2.5rem;background-color:#fff;border-radius:var(--border-radius-standard);box-shadow:0 8px 24px #0000001a;border:1px solid #e2e8f0}.form-submission-header h1{font-size:2.25rem;margin-bottom:.5rem;color:#2d3748}.form-submission-header p{color:var(--text-light);margin-bottom:2.5rem;font-size:1.1rem}.form-submission-field-group{margin-bottom:2rem;padding:1.25rem;background-color:#fafbfc;border-radius:var(--border-radius-standard);border-left:4px solid transparent;transition:border-color .2s ease,background-color .2s ease}.form-submission-field-group:hover{background-color:#f5f7fa;border-left-color:var(--primary-blue)}.form-submission-field-header{margin-bottom:.75rem}.form-submission-label{display:block;font-weight:600;margin-bottom:.25rem;color:#2d3748;font-size:1.05rem}.form-submission-required{color:#e53e3e;margin-left:4px;font-weight:700}.form-submission-field-description{margin:.5rem 0 0;color:var(--text-light);font-size:.95rem;line-height:1.5;font-weight:400}.form-submission-field-wrapper{position:relative}.form-submission-input,.form-submission-textarea,.form-submission-select{width:100%;padding:.85rem 1rem;border:1.5px solid #e2e8f0;border-radius:var(--border-radius-standard);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;font-size:1rem;box-sizing:border-box;background-color:#fff;font-family:inherit}.form-submission-input::placeholder,.form-submission-textarea::placeholder{color:#a0aec0}.form-submission-input:focus,.form-submission-textarea:focus,.form-submission-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 4px #0b1e6d1a;background-color:#f0fdf4}.form-submission-textarea{resize:vertical;min-height:100px}.form-submission-radio-group,.form-submission-checkbox-group{display:flex;flex-direction:column;gap:.75rem}.form-submission-radio-label,.form-submission-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem .75rem;border-radius:var(--border-radius-standard);transition:background-color .2s ease}.form-submission-radio-label:hover,.form-submission-checkbox-label:hover{background-color:#edf2f7}.form-submission-radio-label input[type=radio],.form-submission-checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-blue)}.radio-label-text,.checkbox-label-text{color:#4a5568;font-weight:500;-webkit-user-select:none;user-select:none}.form-submission-submit-btn{background-color:var(--primary-blue);color:#fff;padding:1rem 2rem;border:none;border-radius:var(--border-radius-standard);cursor:pointer;font-size:1.05rem;font-weight:600;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;width:100%;margin-top:2rem;box-shadow:0 4px 12px #0b1e6d40;letter-spacing:.3px}.form-submission-submit-btn:hover:not(:disabled){background-color:#081652;transform:translateY(-2px);box-shadow:0 6px 20px #0b1e6d59}.form-submission-submit-btn:active:not(:disabled){transform:translateY(0)}.form-submission-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 2px 8px #0000001a}.button-spinner{display:inline-block;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem;min-width:16px;min-height:16px}@keyframes spin{to{transform:rotate(360deg)}}.form-submission-error{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:6px;margin-bottom:1.5rem;border-left:4px solid #c62828;display:flex;align-items:center;gap:.75rem}.form-submission-error:before{content:"⚠";font-size:1.25rem;flex-shrink:0}.form-submission-success{text-align:center;padding:2rem 0}.success-icon{width:80px;height:80px;border-radius:50%;background-color:#e8f5e9;color:var(--primary-blue);display:inline-flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.form-submission-success h2{font-size:1.8rem;color:#2d3748;margin-bottom:.5rem}.form-submission-success p{color:var(--text-light);font-size:1.1rem}.form-submission-error-page{text-align:center;padding:3rem 2rem}.error-icon{width:100px;height:100px;border-radius:50%;background-color:#fff3e0;color:#f57c00;display:inline-flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:1.5rem}.form-submission-error-page h1{font-size:2rem;color:#2d3748;margin-bottom:1rem}.form-submission-error-page p{color:var(--text-light);font-size:1.1rem;line-height:1.6}.form-submission-unavailable{text-align:center;padding:3rem 2rem}.unavailable-icon{width:100px;height:100px;border-radius:50%;background-color:#f3e5f5;color:#7b1fa2;display:inline-flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:1.5rem}.form-submission-unavailable h1{font-size:2rem;color:#2d3748;margin-bottom:.75rem}.unavailable-title{font-size:1.25rem;color:#4a5568;font-weight:600;margin-bottom:1rem}.unavailable-message{color:var(--text-light);font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.unavailable-actions{margin-top:2rem}.unavailable-link{display:inline-block;padding:.85rem 1.75rem;background-color:var(--primary-blue);color:#fff;text-decoration:none;border-radius:var(--border-radius-standard);font-weight:600;transition:background-color .2s ease,transform .2s ease}.unavailable-link:hover{background-color:#081652;transform:translateY(-2px)}.form-submission-unavailable.upcoming .unavailable-icon{background-color:#e3f2fd;color:#1565c0}.form-submission-unavailable.closed .unavailable-icon{background-color:#ffe0b2;color:#e65100}.form-submission-footer{text-align:center;margin-top:2rem;color:#a0aec0;font-size:.9rem}@media (max-width: 768px){.form-submission-container{margin:2rem auto;padding:1.5rem}.form-submission-header h1{font-size:1.75rem}.form-submission-header p{font-size:1rem}.form-submission-error-page,.form-submission-unavailable{padding:2.5rem 1.5rem}.error-icon,.unavailable-icon{width:80px;height:80px;font-size:2.5rem}.form-submission-error-page h1,.form-submission-unavailable h1{font-size:1.75rem}.unavailable-title{font-size:1.1rem}.unavailable-message{font-size:.95rem}.form-submission-field-group{margin-bottom:1.25rem}.form-submission-submit-btn{padding:.8rem 1.5rem;font-size:.95rem}}@media (max-width: 480px){.form-submission-container{margin:1rem;padding:1rem;box-shadow:none;border:none}.form-submission-header h1{font-size:1.5rem;margin-bottom:.4rem}.form-submission-header p{font-size:.9rem;margin-bottom:1.5rem}.form-submission-error-page,.form-submission-unavailable{padding:2rem 1rem}.error-icon,.unavailable-icon{width:70px;height:70px;font-size:2rem;margin-bottom:1rem}.form-submission-error-page h1,.form-submission-unavailable h1{font-size:1.5rem;margin-bottom:.5rem}.form-submission-error-page p{font-size:.95rem}.unavailable-title{font-size:1rem;margin-bottom:.75rem}.unavailable-message{font-size:.9rem;margin-bottom:1.5rem}.unavailable-link{padding:.75rem 1.5rem;font-size:.9rem}.form-submission-label{font-size:.9rem}.form-submission-input,.form-submission-textarea,.form-submission-select{padding:.75rem .9rem;font-size:.95rem}.form-submission-field-group{margin-bottom:1rem}.form-submission-submit-btn{padding:.75rem 1.25rem;font-size:.9rem;margin-top:.75rem}.form-submission-error{padding:.85rem;font-size:.9rem}.success-icon{width:70px;height:70px;font-size:2rem;margin-bottom:1rem}.form-submission-success h2{font-size:1.5rem;margin-bottom:.4rem}.form-submission-success p{font-size:.95rem}}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa}.login-container{padding:2rem;background:#fff;border-radius:var(--border-radius-standard);box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;box-sizing:border-box}h1{text-align:center;margin-bottom:2rem;color:var(--primary-blue)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:var(--border-radius-standard);box-sizing:border-box}.password-field{position:relative}.password-field input{padding-right:2.75rem}.password-toggle{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:2.25rem;height:2.25rem;border:none;border-radius:var(--border-radius-standard);background:transparent;color:#6c757d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.password-toggle:hover{background:#0000000d;color:#343a40}.password-toggle:focus-visible{outline:2px solid rgba(11,30,109,.35);outline-offset:2px}button{width:100%;padding:.75rem;border:none;border-radius:var(--border-radius-standard);background-color:var(--primary-blue);color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s ease;box-sizing:border-box}button:disabled{background-color:#ccc}.error-message{color:#dc3545;text-align:center;margin-bottom:1rem}.resend-container{margin-top:1rem;text-align:center}.resend-button{background:none;border:none;color:var(--primary-blue);text-decoration:underline;cursor:pointer;padding:0;font-size:.9rem}.resend-button:disabled{color:#6c757d;text-decoration:none;cursor:not-allowed;background-color:transparent}.resend-status{text-align:center;margin-top:.5rem}.success-message{color:var(--primary-blue)}.sidebar{width:250px;background-color:#1a1e23;color:#fff;display:flex;flex-direction:column;position:fixed;top:0;height:100vh;overflow:hidden;z-index:1000;box-shadow:10px 0 30px #0003;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s ease}.sidebar.collapsed{width:74px}.sidebar-header{height:70px;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-brand{font-size:1.15rem;font-weight:700;margin:0;color:#fff;letter-spacing:.5px}.collapse-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#adb5bd;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.collapse-toggle i{font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center}.collapse-toggle:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav a{display:flex;align-items:center;padding:.85rem 1.5rem;color:#94a3b8;text-decoration:none;transition:all .2s ease;gap:1.25rem;margin:2px 0}.sidebar.collapsed .sidebar-nav a{padding:.85rem 0;justify-content:center;gap:0}.sidebar-nav a i{font-size:1.25rem;flex-shrink:0;width:24px;text-align:center}.sidebar-nav a:hover{background-color:#ffffff08;color:#f8f9fa}.sidebar-nav a.active{background-color:#0b1e6d26;color:#4a7eff;border-right:3px solid var(--primary-blue)}.sidebar.collapsed .sidebar-nav a.active{border-right-width:4px}.sidebar-footer{margin-top:auto;padding:1.25rem;border-top:1px solid rgba(255,255,255,.05);background:#0000001a;display:flex;flex-direction:column;gap:1rem}.sidebar.collapsed .sidebar-footer{padding:1.25rem 0;align-items:center}.user-info{display:flex;flex-direction:column;gap:.25rem}.sidebar.collapsed .user-info{display:none}.user-name{font-size:.9rem;font-weight:600;color:#f8f9fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.7rem;font-weight:500;color:#4a7eff;text-transform:uppercase;letter-spacing:.05em}.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff05;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.sidebar.collapsed .sidebar-logout{width:40px;height:40px;padding:0;border-radius:50%}.sidebar-logout:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.sidebar-logout i{font-size:1.15rem}.logout-modal-overlay{z-index:2000;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logout-modal{width:400px;max-width:90vw;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.logout-modal-header{text-align:center;margin-bottom:2rem}.logout-icon-circle{width:64px;height:64px;background:#ef44441a;color:#ef4444;border-radius:50%;display:grid;place-items:center;margin:0 auto 1.5rem;font-size:1.75rem}.logout-modal h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.logout-modal p{color:#64748b;font-size:1rem;line-height:1.5}.logout-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.logout-modal-actions button{padding:.85rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-cancel:hover{background:#e2e8f0}.btn-confirm-logout{background:#ef4444;border:1px solid #ef4444;color:#fff;box-shadow:0 4px 12px #ef444440}.btn-confirm-logout:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width: 768px){.sidebar{width:280px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar-close{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:36px;height:36px;border-radius:10px;font-size:1.25rem;cursor:pointer;transition:all .2s ease;margin-left:auto}.sidebar-close:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.collapse-toggle{display:none}}@media (min-width: 769px){.sidebar{left:0}.sidebar-close{display:none}}.backoffice-layout{display:flex;min-height:100vh;overflow-x:hidden}.backoffice-content{flex-grow:1;padding:2rem;background-color:#f8f9fa;transition:margin-left .3s ease-in-out;min-width:0}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900}.sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1050;width:44px;height:44px;border-radius:12px;background:var(--primary-blue);border:1px solid rgba(11,30,109,.65);box-shadow:0 10px 22px #0000001f;font-size:1.35rem;color:#fff;cursor:pointer;display:grid;place-items:center}.sidebar-toggle:active{transform:translateY(1px)}.sidebar-toggle:focus-visible{outline:2px solid rgba(25,135,84,.45);outline-offset:2px}.sidebar-toggle:hover{filter:brightness(.95)}.sidebar-toggle.hidden{display:none}@media (max-width: 768px){.backoffice-content{margin-left:0;padding-top:5rem}.sidebar-toggle{display:block}}@media (min-width: 769px){.backoffice-content{margin-left:250px}.sidebar-collapsed .backoffice-content{margin-left:74px}.sidebar-toggle{display:none}}.global-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1300;padding:24px}.global-popup{flex:1 1 540px;max-width:min(540px,calc(100vw - 48px));max-height:min(700px,calc(100vh - 48px));background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;padding:40px;box-sizing:border-box;position:relative;animation:global-popup-pop .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;overflow:hidden}@keyframes global-popup-pop{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.global-popup .global-popup-close{position:absolute;top:16px;right:16px;z-index:10;border:none;background:#f1f5f9;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;cursor:pointer;color:#64748b;transition:all .2s ease}.global-popup .global-popup-close:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.global-popup-logos{display:flex;gap:12px;justify-content:center;align-items:center;width:100%;margin:0 0 24px}.global-popup-logo{max-height:48px;max-width:160px;object-fit:contain}.global-popup-content{flex:1 1 auto;width:100%;text-align:center;margin-bottom:32px}.global-popup-title{margin:0 0 16px;font-weight:800;font-size:2rem;color:#0f172a;line-height:1.2}.global-popup .global-popup-body{text-align:center;color:#475569;margin:0;white-space:pre-wrap;line-height:1.6;font-size:1.1rem}.global-popup-readmore{display:inline-block;margin-top:12px;color:var(--primary-blue);font-weight:700;cursor:pointer;text-decoration:none}.global-popup-readmore:hover{text-decoration:underline}.global-popup-actions{display:flex;gap:16px;width:100%;justify-content:center;margin-bottom:24px}.global-popup-btn{flex:1;text-decoration:none;padding:14px 24px;border-radius:12px;font-weight:700;font-size:1rem;text-align:center;transition:all .2s ease;white-space:nowrap}.global-popup-btn.secondary{background:var(--primary-blue);color:#fff;border:1px solid var(--primary-blue)}.global-popup-btn.secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(var(--primary-blue-rgb, 0, 0, 0),.3)}.global-popup-btn.outline{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.global-popup-btn.outline:hover{background:rgba(var(--primary-blue-rgb, 0, 0, 0),.05);transform:translateY(-2px)}.global-popup-hide{background:transparent;border:none;color:#94a3b8;font-weight:600;font-size:.95rem;cursor:pointer;transition:color .2s ease;padding:8px 16px;border-radius:8px}.global-popup-hide:hover{color:#64748b;background:#f8fafc}.global-popup-hide:hover{color:#334155}@media (max-width: 520px){.global-popup-overlay{padding:12px}.global-popup{padding:16px;border-radius:var(--border-radius-standard);max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.global-popup-title{font-size:1.25rem}.global-popup-logo{max-height:44px;max-width:140px}.global-popup-actions{flex-direction:column;align-items:stretch}.global-popup-btn{text-align:center;width:100%}}.popups-management-container{padding:1.5rem;max-width:1200px;margin:0 auto}.pm-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.pm-header .pm-btn{flex:0 0 auto;width:auto;min-width:140px}.pm-header h1{margin:0;font-weight:900;letter-spacing:-.02em}.pm-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 980px){.pm-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pm-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 8px 20px #0f172a14;min-width:0}.pm-card h2{margin:0 0 .75rem;font-weight:900;letter-spacing:-.02em}.pm-list-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.pm-list,.pm-editor{min-width:0}.pm-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.75rem 0 1rem}.pm-tab{padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#fff;color:#0f172a;font-weight:900;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.pm-tab:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f172a14}.pm-tab.active{background:var(--soft-blue);color:var(--primary-blue);border-color:var(--primary-blue)}.pm-mobile-hidden{display:none}@media (min-width: 980px){.pm-mobile-hidden{display:block}}.pm-table{border:1px solid rgba(15,23,42,.12);border-radius:10px;overflow:hidden;max-width:100%;overflow-x:auto}.pm-table-header,.pm-table-row{display:grid;grid-template-columns:1fr 1fr 80px 80px 210px;gap:.75rem;align-items:center;padding:.75rem;min-width:740px}.pm-table-header{background:#0f172a08;font-weight:800}.pm-table-row{cursor:pointer;border-top:1px solid rgba(15,23,42,.08)}.pm-table-row:hover{background:var(--soft-blue)}.pm-table-row.selected{background:var(--soft-blue);border-left:4px solid var(--primary-blue)}@media (max-width: 720px){.pm-table-header{display:none}.pm-table-row{grid-template-columns:1fr;gap:.35rem;padding:.8rem}.pm-actions-col{display:none}.pm-actions{justify-content:flex-start}}.pm-cell-strong{font-weight:800}.pm-cell-muted{color:#0f172aa6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-actions{display:flex;gap:.5rem;justify-content:flex-end}.pm-actions-col{text-align:right}.pm-form{display:flex;flex-direction:column;gap:.85rem}.pm-row{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 720px){.pm-row{grid-template-columns:repeat(3,1fr)}}.pm-field label{display:block;font-weight:800;margin-bottom:.35rem}.pm-field input,.pm-field textarea{display:block;box-sizing:border-box;max-width:100%;border:1px solid rgba(15,23,42,.16);border-radius:10px;padding:.55rem .7rem;outline:none}.pm-field input:focus,.pm-field textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--soft-blue)}.pm-field textarea{resize:vertical}.pm-check{display:flex;align-items:center;gap:.5rem;font-weight:800}.pm-subtitle{margin-top:.25rem;font-weight:900;color:#0f172abf}.pm-logos{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 720px){.pm-logos{grid-template-columns:1fr 1fr}}.pm-logo-box{border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:.75rem}.pm-logo-title{font-weight:900;margin-bottom:.5rem}.pm-logo-preview{display:block;max-width:100%;max-height:70px;object-fit:contain;margin:0 auto .6rem}.pm-logo-empty{text-align:center;color:#0f172a80;padding:1rem 0}.pm-logo-actions{display:flex;gap:.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.pm-logo-actions input[type=file]{max-width:100%}.pm-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width: 720px){.pm-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pm-gallery-item{border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.pm-gallery-thumb{width:100%;height:90px;object-fit:cover;border-radius:10px}.pm-actions-bottom{display:flex;justify-content:flex-end}.pm-btn{padding:10px 14px;border:none;border-radius:10px;cursor:pointer;font-weight:900;background:var(--primary-blue);color:#fff;transition:transform .12s ease,background-color .12s ease}.pm-btn:hover{transform:translateY(-1px)}.pm-btn:active{transform:translateY(0)}.pm-btn:disabled{opacity:.7;cursor:not-allowed}.pm-btn-secondary{background:var(--soft-blue);color:var(--primary-blue)}@media (max-width: 520px){.popups-management-container{padding:1rem}.pm-card{padding:.9rem}.pm-header{flex-direction:column;align-items:flex-start}.pm-actions-bottom{justify-content:stretch}.pm-actions-bottom .pm-btn{width:100%}}.pm-btn-danger{background:#dc3545}.pm-btn-danger{background:#198754}.pm-btn-warn{background:#fd7e14}.pm-btn-pill{border-radius:999px}.events-management-container{padding:2rem;max-width:1600px;margin:0 auto;color:#1e293b;font-family:inherit}.em-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9}.em-header h1{margin:0;font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.025em;display:flex;align-items:center;gap:12px}.em-header h1:before{content:"";display:block;width:6px;height:24px;background:var(--primary);border-radius:4px}.em-grid{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start;height:calc(100vh - 140px)}@media (max-width: 1100px){.em-grid{grid-template-columns:1fr;height:auto}}.em-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:0;display:flex;flex-direction:column;border:1px solid #f1f5f9;overflow:hidden;height:100%}.em-list{max-height:100%}.em-list-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;background:#fff;position:sticky;top:0;z-index:10}.em-list-header h2{font-size:1.1rem;font-weight:600;color:#334155;margin:0}.em-table{overflow-y:auto;flex:1;padding:.5rem}.em-table-row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem;margin:.25rem 0;border-radius:8px;cursor:pointer;align-items:center;transition:all .2s;border:1px solid transparent}.em-table-row:hover{background:#f8fafc}.em-table-row.selected{background:#0b1e6d0d;border-color:#0b1e6d33}.em-cell-strong{font-weight:600;color:#334155;font-size:.95rem}.em-table-row.selected .em-cell-strong{color:var(--primary)}.em-editor{overflow-y:auto;padding:2rem}.em-editor h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.em-form{display:flex;flex-direction:column;gap:1.5rem;max-width:800px}.em-field{display:flex;flex-direction:column;gap:.5rem}.em-field label{font-weight:600;font-size:.875rem;color:#475569}.em-field input,.em-field textarea,.em-field select{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s;background:#f8fafc;color:#1e293b}.em-field input:focus,.em-field textarea:focus,.em-field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0b1e6d1a;background:#fff}.em-row{display:grid;grid-template-columns:1fr;gap:1.5rem}.em-check{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0}.em-check input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--primary);cursor:pointer}.em-subtitle{font-size:1rem;font-weight:700;margin-top:1.5rem;margin-bottom:1rem;color:#334155;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem}.em-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.em-logo-box{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s}.em-logo-box:hover{border-color:#94a3b8;background:#f1f5f9}.em-logo-title{font-weight:600;color:#475569;margin-bottom:.75rem;font-size:.9rem}.em-logo-actions input[type=file]{font-size:.85rem;width:100%}.em-gallery-thumb{border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;height:150px;object-fit:cover}.em-preview-image{max-width:100%;max-height:250px;width:auto;object-fit:contain;border-radius:8px;margin-bottom:1rem;box-shadow:0 4px 6px #0000001a;display:block;margin-left:auto;margin-right:auto}.em-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:1rem}.em-gallery-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1}.em-gallery-thumb{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.em-gallery-item .em-btn-danger{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;font-size:.8rem;opacity:0;transition:opacity .2s}.em-gallery-item:hover .em-btn-danger{opacity:1}.em-gallery-more-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .2s}.em-gallery-more-overlay:hover{background:#000000b3}.em-gallery-expand-btn{grid-column:1 / -1;background:none;border:none;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem;text-align:center;width:100%;margin-top:.5rem}.em-gallery-expand-btn:hover{color:#1e293b;text-decoration:underline}.em-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.em-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0b1e6d33}.em-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.em-btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.em-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px)}.em-btn-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca;padding:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.em-btn-danger:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 6px -1px #dc262633}.em-btn-icon{padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.2rem}.spin-anim{animation:spin-anim 1s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.em-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:10px;margin-bottom:2rem;border:none}.em-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;font-weight:600;color:#64748b;border-radius:8px;transition:all .2s}.em-tab.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001a}.em-mobile-hidden{display:none!important}.success-message{background:#0b1e6d0d;color:var(--primary);padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(11,30,109,.2);display:flex;align-items:center;gap:8px}.error-message{background:#fef2f2;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #fecaca}@media (max-width: 1024px){.events-management-container{padding:1rem}.em-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.em-header .em-btn{width:auto}.em-grid{display:block;height:auto}.em-row{grid-template-columns:1fr;gap:1rem}.em-editor{padding:1.5rem}.em-logos{grid-template-columns:1fr}}.webmail-management-container{padding:2rem;max-width:1200px;margin:0 auto}.wm-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.wm-header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.wm-tabs{display:flex;gap:1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.wm-tab{padding:.75rem 1.5rem;border:none;background:none;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:.5rem}.wm-tab:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9}.wm-tab.active{color:#2563eb;position:relative}.wm-tab.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background-color:#2563eb}.wm-tab:disabled{opacity:.5;cursor:not-allowed}.wm-content-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;min-height:400px}.wm-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;background-color:#f8fafc;padding:1rem 1.5rem;border-radius:12px;border:1px solid #e2e8f0}.stat-badge{background-color:#ecfdf5;color:#065f46;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;border:1px solid #d1fae5}.stat-badge.limit-reached{background-color:#fef2f2;color:#991b1b;border-color:#fee2e2}.wm-actions{display:flex;align-items:center;gap:.75rem}.wm-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #e2e8f0;background:#fff}.wm-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.wm-btn-refresh{background-color:#2563eb;color:#fff;border-color:#2563eb;min-width:120px;justify-content:center}.wm-btn-refresh:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8;color:#fff}.wm-btn-refresh:disabled{background-color:#94a3b8;border-color:#94a3b8;cursor:wait}.wm-btn-refresh i.spin{animation:spin 1s linear infinite}.wm-btn-guide{background-color:#f8fafc;color:#475569}.wm-btn-guide:hover{background-color:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.wm-table-wrapper{overflow-x:auto}.wm-table{width:100%;border-collapse:collapse;text-align:left}.wm-table th{padding:1rem;background-color:#f8fafc;color:#64748b;font-weight:600;font-size:.875rem;border-bottom:1px solid #e2e8f0}.wm-table td{padding:1.25rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155}.email-cell{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#1e293b}.email-cell i{color:#2563eb;font-size:1.1rem}.usage-wrapper{max-width:250px}.usage-info{font-size:.75rem;color:#64748b;margin-bottom:.4rem}.usage-bar-bg{height:6px;background-color:#e2e8f0;border-radius:3px;overflow:hidden}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px}.webmail-link{color:#2563eb;text-decoration:none;font-size:.875rem;display:inline-flex;align-items:center;gap:.4rem;font-weight:500}.webmail-link:hover{text-decoration:underline}.wm-actions-cell{display:flex;gap:.5rem}.wm-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;cursor:pointer;transition:all .2s}.wm-icon-delete{background-color:#fff1f2;color:#e11d48}.wm-icon-delete:hover{background-color:#ffe4e6;transform:scale(1.1)}.wm-icon-reset{background-color:#eff6ff;color:#2563eb}.wm-icon-reset:hover{background-color:#dbeafe;transform:scale(1.1)}.reset-password-modal{max-width:450px}.modal-header-modern{padding:2.5rem 2rem 1.5rem;text-align:center;position:relative}.modal-icon-header{width:64px;height:64px;background-color:#eff6ff;color:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 1.25rem}.modal-header-modern h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.modal-header-modern p{color:#64748b;font-size:.95rem}.close-btn-modern{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;border:none;background-color:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn-modern:hover{background-color:#e2e8f0;color:#1e293b}.modal-body-modern{padding:0 2rem 2rem}.form-group-modern{display:flex;flex-direction:column;gap:.75rem}.form-group-modern label{font-weight:600;color:#334155;font-size:.9rem}.wm-password-field-group{display:flex!important;align-items:center!important;border:1px solid #e2e8f0!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;transition:all .2s!important;width:100%!important;height:48px!important}.wm-password-field-group:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.wm-password-icon-left{padding:0 0 0 1rem!important;color:#94a3b8!important;font-size:1.1rem!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;background:transparent!important}.wm-password-input-element{flex:1!important;border:none!important;padding:0 1rem!important;font-size:1rem!important;outline:none!important;background:transparent!important;width:100%!important;height:100%!important;box-shadow:none!important;margin:0!important;border-radius:0!important}.wm-password-eye-toggle{padding:0 1rem!important;border:none!important;border-left:1px solid #f1f5f9!important;background:transparent!important;color:#94a3b8!important;cursor:pointer!important;transition:all .2s!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;width:50px!important;outline:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;box-shadow:none!important}.wm-password-eye-toggle:hover{color:#2563eb!important;background-color:#f8fafc!important}.password-requirements{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.25rem}.password-requirements span{font-size:.75rem;color:#64748b;display:flex;align-items:center;gap:.4rem}.password-requirements i{color:#10b981}.modal-footer-modern{padding:1.5rem 2rem 2rem;display:flex;gap:1rem}.btn-cancel-modern{flex:1;padding:.75rem;border-radius:10px;border:1px solid #e2e8f0;background-color:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-modern:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-update-modern{flex:2;padding:.75rem;border-radius:10px;border:none;background-color:#2563eb;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-update-modern:hover:not(:disabled){background-color:#1d4ed8}.btn-update-modern:disabled{background-color:#94a3b8;cursor:not-allowed}.welcome-packet{background-color:#fff;padding:40px;width:800px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1e293b}.pdf-header{display:flex;flex-direction:column;align-items:center;border-bottom:2px solid #2563eb;padding-bottom:20px;margin-bottom:30px;text-align:center}.pdf-logo{height:60px;margin-bottom:15px}.pdf-header h1{font-size:24px;font-weight:800;color:#2563eb;text-transform:uppercase;letter-spacing:1px;margin:0}.pdf-date{font-size:14px;color:#64748b;margin-top:5px}.welcome-hero{margin-bottom:35px}.welcome-hero h2{font-size:22px;font-weight:700;margin-bottom:10px}.welcome-hero p{line-height:1.6;color:#475569}.credential-box-modern{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:25px;margin-bottom:35px}.cred-item{display:flex;justify-content:space-between;padding:12px 0}.cred-item:not(:last-child){border-bottom:1px dashed #cbd5e1}.cred-label{font-weight:600;color:#64748b}.cred-value{font-weight:700;color:#1e293b;font-size:18px}.password-highlight{color:#2563eb;background-color:#dbeafe;padding:2px 8px;border-radius:4px;font-family:monospace}.setup-instructions-section h3{font-size:18px;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:10px}.section-intro{font-size:14px;color:#64748b;margin-bottom:20px}.pdf-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pdf-setting-card{border:1px solid #f1f5f9;background-color:#fff;padding:15px;border-radius:8px}.pdf-setting-card h4{margin:0 0 10px;color:#2563eb;font-size:16px;border-bottom:1px solid #f1f5f9;padding-bottom:5px}.pdf-setting-card ul{list-style:none;padding:0;margin:0}.pdf-setting-card li{font-size:13px;margin-bottom:5px}.pdf-footer-note{margin-top:40px;padding-top:20px;border-top:1px solid #e2e8f0;text-align:center}.pdf-footer-note p{font-size:14px;color:#64748b;margin-bottom:10px}.wm-toast-container{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:9999;animation:toast-slide-down .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.wm-toast{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e2e8f0;min-width:350px;pointer-events:auto}.wm-toast-container.success .wm-toast{border-left:5px solid #10b981}.wm-toast-container.error .wm-toast{border-left:5px solid #ef4444}.wm-toast i{font-size:1.25rem}.wm-toast-container.success i{color:#10b981}.wm-toast-container.error i{color:#ef4444}.wm-toast-text{flex:1;font-weight:500;color:#1e293b;font-size:.95rem}.wm-toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.wm-toast-close:hover{color:#475569}@keyframes toast-slide-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.create-alert{display:none}.create-header{margin-bottom:2rem;text-align:center}.create-header h2{font-size:1.5rem;color:#111827;margin-bottom:.5rem}.create-header p{color:#6b7280}.create-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.input-with-suffix{display:flex;align-items:stretch;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.input-with-suffix input{flex:1;border:none;padding:.75rem 1rem;outline:none}.domain-suffix{background-color:#f3f4f6;padding:.75rem 1rem;color:#6b7280;border-left:1px solid #d1d5db;font-weight:500}.password-toggle-btn{background-color:#f9fafb;border:none;border-left:1px solid #d1d5db;padding:0 1rem;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center}.password-toggle-btn:hover{color:#374151;background-color:#f3f4f6}.form-group input[type=password],.form-group input[type=number]{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;outline:none}.form-group input:focus,.input-with-suffix:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-text{font-size:.75rem;color:#6b7280}.btn-create-webmail{background-color:#2563eb;color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:1rem}.btn-create-webmail:hover:not(:disabled){background-color:#1d4ed8}.btn-create-webmail:disabled{background-color:#94a3b8;cursor:not-allowed}.create-alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.create-alert.success{background-color:#dcfce7;color:#166534}.create-alert.error{background-color:#fee2e2;color:#991b1b}.wm-empty-state,.wm-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.wm-empty-state i,.wm-error-state i{font-size:4rem;color:#cbd5e1;margin-bottom:1.5rem}.wm-error-state i{color:#fecaca}.btn-retry{margin-top:1rem;background-color:#ef4444;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer}@media (max-width: 768px){.wm-table thead{display:none}.wm-table tr{display:block;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:1rem}.wm-table td{display:flex;justify-content:space-between;align-items:center;border:none;padding:.75rem 0}.wm-table td:before{content:attr(data-label);font-weight:600;color:#64748b}.usage-wrapper{max-width:150px}}.setup-guide-modal{max-width:700px;width:95%}.pdf-header-only{display:none}#email-settings-content .pdf-header-only{display:block;text-align:center;margin-bottom:2rem}#email-settings-content h1{font-size:2rem;color:#1e293b;margin:1rem 0 .5rem}#email-settings-content .pdf-domain{color:#64748b;font-weight:600}#email-settings-content hr{border:0;border-top:2px solid #e2e8f0;margin:1.5rem 0}.guide-intro{color:#64748b;margin-bottom:2rem!important;line-height:1.6}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}.setting-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;break-inside:avoid;page-break-inside:avoid}.setting-card.full-width{grid-column:span 2}.setting-card h3{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.setting-card h3 i{color:#2563eb}.setting-card ul{list-style:none;padding:0;margin:0}.setting-card li{font-size:.9rem;color:#475569;margin-bottom:.5rem}.setting-card li strong{color:#334155}.outlook-steps-section{margin:2rem 0;padding:1.5rem;background-color:#eff6ff;border-radius:12px;border:1px solid #bfdbfe;break-inside:avoid;page-break-inside:avoid}.outlook-steps-section h3{color:#1e40af;margin-bottom:1.25rem;font-size:1.15rem}.outlook-steps-list{padding-left:1.5rem;margin-bottom:0}.outlook-steps-list li{margin-bottom:.75rem;color:#1e40af;line-height:1.5}.outlook-steps-packet{margin:2.5rem 0;break-inside:avoid;page-break-inside:avoid}.outlook-steps-packet h3{font-size:18px;font-weight:700;margin-bottom:15px;color:#2563eb}.packet-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.packet-step{text-align:center;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.step-num{display:inline-block;width:24px;height:24px;background:#2563eb;color:#fff;border-radius:50%;font-weight:700;font-size:12px;line-height:24px;margin-bottom:8px}.packet-step p{font-size:11px;margin:0;color:#475569;font-weight:600}.guide-tips{background-color:#fffbeb;border-left:4px solid #f59e0b;padding:1.5rem;border-radius:8px;margin-top:2rem;break-inside:avoid;page-break-inside:avoid}.guide-tips h4{color:#92400e;font-size:.95rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.guide-tips ul{margin:0;padding-left:1.25rem}.guide-tips li{font-size:.85rem;color:#b45309;margin-bottom:.25rem}.btn-close-guide{background-color:#1e293b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-close-guide:hover{background-color:#0f172a}.btn-download-pdf{background-color:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.btn-download-pdf:hover{background-color:#dc2626}@media (max-width: 600px){.settings-grid{grid-template-columns:1fr}.setting-card.full-width{grid-column:span 1}}.ce-container{padding:2rem;max-width:100%;display:flex;flex-direction:column;gap:1.5rem}.ce-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ce-header h1{display:flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:800;color:#0b1e6d;margin:0 0 .25rem}.ce-header h1 i{color:#ff002b}.ce-header-desc{font-size:.875rem;color:#6b7280;margin:0}.ce-preview-btn{display:inline-flex;align-items:center;gap:.45rem;background:#0b1e6d0f;border:1px solid rgba(11,30,109,.12);color:#0b1e6d;font-size:.85rem;font-weight:600;padding:.55rem 1.1rem;border-radius:8px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.ce-preview-btn:hover{background:#0b1e6d;color:#fff;border-color:#0b1e6d}.ce-toast{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;animation:slideIn .25s ease}.ce-toast.success{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.ce-toast.error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ce-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.ce-sidebar{background:#fff;border:1px solid rgba(11,30,109,.06);border-radius:12px;padding:1rem;box-shadow:0 2px 12px #0b1e6d0d;position:sticky;top:6rem}.ce-sidebar-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b7280;margin:0 0 .75rem .25rem}.ce-section-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:none;border-radius:8px;background:transparent;cursor:pointer;text-align:left;transition:all .18s ease;margin-bottom:.25rem}.ce-section-btn:hover{background:#f3f4f6}.ce-section-btn.active{background:#0b1e6d14;border:1px solid rgba(11,30,109,.12)}.ce-section-btn-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0b1e6d,#1a3399);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ce-section-btn.active .ce-section-btn-icon{background:linear-gradient(135deg,#ff002b,#ff4a66)}.ce-section-btn-icon i{color:#fff;font-size:.8rem}.ce-section-btn-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.ce-section-btn-title{font-size:.85rem;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-section-btn.active .ce-section-btn-title{color:#0b1e6d}.ce-section-btn-desc{font-size:.72rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-editor-area{background:#fff;border:1px solid rgba(11,30,109,.06);border-radius:12px;box-shadow:0 2px 12px #0b1e6d0d;overflow:hidden;display:flex;flex-direction:column}.ce-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.75rem;border-bottom:1px solid rgba(11,30,109,.06);background:linear-gradient(to right,rgba(11,30,109,.02),transparent);flex-wrap:wrap}.ce-editor-header h2{font-size:1.1rem;font-weight:800;color:#0b1e6d;margin:0 0 .2rem}.ce-editor-updated{font-size:.78rem;color:#9ca3af;margin:0}.ce-editor-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.ce-format-btn{display:inline-flex;align-items:center;gap:.4rem;background:#0b1e6d0f;border:1px solid rgba(11,30,109,.12);color:#0b1e6d;font-size:.84rem;font-weight:600;padding:.55rem 1rem;border-radius:7px;cursor:pointer;transition:all .18s ease;font-family:inherit}.ce-format-btn:hover{background:#0b1e6d1a}.ce-save-btn{display:inline-flex;align-items:center;gap:.4rem;background:#0b1e6d;color:#fff;font-size:.84rem;font-weight:700;padding:.55rem 1.25rem;border-radius:7px;border:none;cursor:pointer;transition:all .18s ease;font-family:inherit}.ce-save-btn:hover:not(:disabled){background:#1a3399;transform:translateY(-1px);box-shadow:0 4px 12px #0b1e6d40}.ce-save-btn:disabled{opacity:.6;cursor:not-allowed}.ce-help-banner{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem 1.75rem;background:#eff6ff;border-bottom:1px solid #BFDBFE;font-size:.82rem;color:#1e40af;line-height:1.5}.ce-help-banner i{font-size:.9rem;flex-shrink:0;margin-top:.1rem}.ce-json-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:#fee2e2;color:#991b1b;font-size:.83rem;font-weight:600;border-bottom:1px solid #FECACA}.ce-json-textarea{flex:1;width:100%;min-height:560px;border:none;outline:none;resize:vertical;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.83rem;line-height:1.65;color:#1f2937;background:#fafafa;padding:1.5rem 1.75rem;box-sizing:border-box}.ce-json-textarea.has-error{background:#fff5f5}.ce-json-textarea:focus{background:#fff}.ce-skeleton{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;height:600px}.ce-skeleton-sidebar,.ce-skeleton-editor{background:#fff;border-radius:12px;padding:1rem;border:1px solid rgba(11,30,109,.06)}.skeleton-base{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:.9rem;border-radius:4px;margin-bottom:.6rem}@media (max-width: 900px){.ce-layout,.ce-skeleton{grid-template-columns:1fr}.ce-sidebar{position:static;display:flex;flex-wrap:wrap;gap:.4rem}.ce-section-btn{flex:1 1 calc(50% - .4rem);margin-bottom:0}}@media (max-width: 560px){.ce-container{padding:1rem}.ce-section-btn{flex:1 1 100%}}.gallery-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gallery-modal{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.gallery-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:var(--border-radius-standard);transition:background-color .2s}.gallery-modal-close:hover{background-color:#ffffff1a}.gallery-modal-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gallery-modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--border-radius-standard)}.gallery-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:24px;cursor:pointer;padding:12px;border-radius:50%;transition:all .2s;z-index:10}.gallery-modal-nav:hover:not(:disabled){background:#fff3}.gallery-modal-nav:disabled{opacity:.3;cursor:not-allowed}.gallery-modal-prev{left:20px}.gallery-modal-next{right:20px}.gallery-modal-indicators{position:absolute;bottom:-40px;display:flex;gap:8px}.gallery-modal-indicator{width:8px;height:8px;border-radius:50%;border:none;background-color:#ffffff4d;cursor:pointer;transition:background-color .2s;padding:0}.gallery-modal-indicator:hover{background-color:#ffffff80}.gallery-modal-indicator.active{background-color:#fff}@media (max-width: 768px){.gallery-modal-overlay{padding:10px}.gallery-modal-nav{font-size:20px;padding:8px}.gallery-modal-prev{left:10px}.gallery-modal-next{right:10px}.gallery-modal-close{top:-35px;font-size:20px}}.popup-detail-container{max-width:800px;margin:4rem auto;display:flex;flex-direction:column;gap:2rem;background:#fff;padding:3.5rem;border-radius:5px;box-shadow:0 10px 30px #0000000d}.popup-detail-logos{display:flex;gap:1.2rem;justify-content:flex-start;align-items:center}.popup-detail-logo{max-height:80px;max-width:240px;object-fit:contain}.popup-detail-title{font-size:2.2rem;font-weight:900;text-align:left;color:#0f172a;margin:0}.popup-detail-body{white-space:pre-wrap;line-height:1.7;color:#334155;font-size:1.1rem;text-align:left}.popup-detail-actions{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.popup-detail-btn{text-decoration:none!important;padding:14px 28px;border-radius:5px;font-weight:700;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;min-width:160px}.popup-detail-btn.primary{background:var(--primary-blue);color:#fff!important;border:1px solid var(--primary-blue);box-shadow:0 4px 14px #0b1e6d40}.popup-detail-btn.primary:hover{background:#081652;border-color:#081652;transform:translateY(-2px);box-shadow:0 6px 20px #0b1e6d59}.popup-detail-btn.secondary{background:transparent;color:var(--primary-blue)!important;border:1.5px solid var(--primary-blue)}.popup-detail-btn.secondary:hover{background:#0b1e6d0d;transform:translateY(-2px)}.popup-detail-share{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e2e8f0;text-align:left}.popup-detail-gallery{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e2e8f0}.popup-detail-gallery-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0 0 1.2rem;text-align:center}.popup-detail-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.popup-detail-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.popup-detail-gallery-item{display:block;border-radius:var(--border-radius-standard);overflow:hidden;border:1px solid rgba(15,23,42,.12);background:#fff;transition:transform .12s ease,box-shadow .12s ease}.popup-detail-gallery-item:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.popup-detail-gallery-image{width:100%;height:160px;object-fit:cover;display:block}.popup-detail-share-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1.2rem}.popup-detail-share-buttons{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}@media (min-width: 480px){.popup-detail-share-buttons{flex-wrap:nowrap}}.popup-detail-share-circle-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.08);padding:0;background:#f8fafc;color:var(--primary-blue);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.popup-detail-share-circle-btn i{font-size:.9rem}.popup-detail-share-circle-btn:hover{transform:translateY(-3px);background:var(--primary-blue);color:#fff;box-shadow:0 8px 16px #0b1e6d33;border-color:transparent}.popup-detail-share-circle-btn.popup-detail-share-circle-btn-copy{background:#f1f5f9;color:#0f172a}.popup-detail-share-circle-btn.popup-detail-share-circle-btn-copy:hover{background:#0f172a;color:#fff}.popup-detail-skeleton{position:relative;overflow:hidden;background:var(--primary-blue);background-size:200% 100%;animation:popup-detail-shimmer 1.15s ease-in-out infinite;border-radius:var(--border-radius-standard)}@keyframes popup-detail-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.popup-detail-skeleton.logo{width:200px;height:72px;border-radius:var(--border-radius-standard)}.popup-detail-skeleton.title{width:min(520px,92%);height:34px;margin:0 auto;border-radius:var(--border-radius-standard)}.popup-detail-skeleton.line{width:100%;height:14px;border-radius:var(--border-radius-standard);margin:10px 0}.popup-detail-skeleton.line.short{width:70%}.popup-detail-skeleton.button{width:180px;height:44px;border-radius:var(--border-radius-standard)}.popup-detail-skeleton.share-title{width:240px;height:22px;margin:0 auto;border-radius:var(--border-radius-standard)}.popup-detail-skeleton.pill{width:92px;height:34px;border-radius:999px}.popup-detail-skeleton.pill-dark{background:var(--primary-blue);background-size:200% 100%}@media (max-width: 480px){.popup-detail-skeleton.logo{width:42vw;height:64px}.popup-detail-skeleton.button{width:46vw}}.announcements-page-header{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:6rem 2rem;background:var(--primary-blue);position:relative;overflow:hidden;text-align:center}.announcements-page-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0b1e6d,#0b1e6dcc);z-index:0}.announcements-header-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.75rem}.announcements-header-label{display:inline-block;color:var(--primary-red);font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:.875rem}.announcements-page-header h1{color:#fff;font-weight:900;font-size:clamp(2.2rem,5vw,3.5rem);margin:0;letter-spacing:-.04em}.announcements-page{min-height:60vh}.announcements-toolbar{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;justify-content:space-between;margin-bottom:2rem}@media (min-width: 768px){.announcements-toolbar{flex-direction:row;align-items:flex-end}}.announcements-search{display:grid;gap:.4rem;max-width:520px;width:100%}.announcements-search-label{font-weight:700;color:var(--primary-blue);font-size:.95rem}.announcements-search-input{border:1px solid #e2e8f0;border-radius:var(--border-radius-standard);padding:.8rem 1rem;font-weight:500;color:#334155;background:#fff;outline:none;transition:all .2s ease;width:100%;box-shadow:0 2px 4px #00000005}.announcements-search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #0b1e6d14}.announcements-search-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.announcements-meta{font-weight:600;color:#64748b;padding-bottom:.5rem}.announcements-status{text-align:center;color:#64748b;font-weight:600;padding:3rem;background:#f8fafc;border-radius:var(--border-radius-standard)}.announcements-status.announcements-error{color:#e11d48;background:#fff1f2}.announcements-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 640px){.announcements-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.announcements-grid{grid-template-columns:repeat(3,1fr)}}.announcement-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0f172a0a;transition:all .3s cubic-bezier(.165,.84,.44,1);height:100%}.announcement-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0b1e6d14;border-color:#e2e8f0}.announcement-image{height:220px;background:#f8fafc;position:relative;overflow:hidden}.announcement-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.announcement-card:hover .announcement-image img{transform:scale(1.05)}.announcement-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;gap:.75rem}.announcement-title{margin:0;color:#0f172a;font-weight:800;font-size:1.2rem;line-height:1.4;transition:color .2s ease}.announcement-card:hover .announcement-title{color:var(--primary-blue)}.announcement-excerpt{margin:0;color:#64748b;line-height:1.6;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.announcement-cta{margin-top:auto;font-weight:700;color:var(--primary-red);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.25rem;padding-top:1rem}.announcement-cta:after{content:"→";transition:transform .2s ease}.announcement-card:hover .announcement-cta:after{transform:translate(4px)}.announcements-pagination{margin-top:1.75rem;display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.announcements-page-btn{padding:.55rem .9rem;border-radius:var(--border-radius-standard);font-weight:800;border:1px solid rgba(15,23,42,.14);background:#fff;color:#0f172a;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.announcements-page-btn:hover:enabled{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1a;background:#f8fafc}.announcements-page-btn:disabled{opacity:.5;cursor:not-allowed}.announcements-page-status{font-weight:800;color:#334155;padding:.4rem .65rem}.docrepo-page{padding-bottom:80px;background-color:#f8fafc}.docrepo-hero{background-color:var(--primary-color, #1a237e);color:#fff;padding:80px 20px;text-align:center;position:relative;overflow:hidden}.docrepo-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0b1e6df2,#1e3a8ad9);z-index:1}.docrepo-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.docrepo-hero-content h1{font-size:3rem;font-weight:800;margin-bottom:20px;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.1)}.docrepo-hero-content p{font-size:1.2rem;opacity:1;line-height:1.6;color:#fffffff2;max-width:600px;margin:0 auto}.docrepo-container{max-width:1280px;margin:0 auto;padding:60px 24px}.docrepo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px}.docrepo-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 25px #0b1e6d0a;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.165,.84,.44,1);border:1px solid rgba(11,30,109,.06);position:relative;overflow:hidden}.docrepo-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0b1e6d1a;border-color:#0b1e6d26}.docrepo-icon-wrapper{width:56px;height:56px;border-radius:14px;background-color:#f1f5f9;color:#1e293b;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:24px;transition:transform .3s ease}.docrepo-card:hover .docrepo-icon-wrapper{transform:scale(1.1)}.docrepo-card.type-pdf .docrepo-icon-wrapper{background-color:#fee2e2;color:#ef4444}.docrepo-card.type-ppt .docrepo-icon-wrapper,.docrepo-card.type-pptx .docrepo-icon-wrapper{background-color:#ffedd5;color:#f97316}.docrepo-card.type-doc .docrepo-icon-wrapper,.docrepo-card.type-docx .docrepo-icon-wrapper{background-color:#e0f2fe;color:#0ea5e9}.docrepo-card.type-link .docrepo-icon-wrapper{background-color:#dcfce7;color:#10b981}.docrepo-title{font-size:1.4rem;font-weight:700;margin:0 0 14px;color:#0f172a;line-height:1.3}.docrepo-description{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:30px;flex-grow:1}.docrepo-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:24px;border-top:1px solid #f1f5f9;gap:16px;flex-wrap:wrap}.docrepo-meta{font-size:.875rem;color:#64748b;font-weight:500;display:flex;flex-direction:column;gap:6px}.docrepo-meta span{display:flex;align-items:center;gap:6px}.docrepo-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .3s ease;flex:1 0 auto;min-width:140px}.docrepo-download-btn:hover{background-color:#0b1e6d;color:#fff;border-color:#0b1e6d;transform:scale(1.05)}.docrepo-empty{text-align:center;padding:100px 20px;background:#fff;border-radius:24px;border:2px dashed #e2e8f0;color:#64748b}.docrepo-error{background:#fff;border-radius:20px;padding:60px;box-shadow:0 10px 40px #0000000a;max-width:550px;margin:40px auto;text-align:center;border:1px solid #fee2e2}.docrepo-error-icon-box{width:100px;height:100px;background:#fff5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px}.docrepo-error-icon{font-size:3.5rem;color:#ef4444}.docrepo-error h2{color:#0f172a;font-size:1.75rem;font-weight:800;margin-bottom:16px}.docrepo-error-msg{color:#64748b;font-size:1.1rem;line-height:1.5;margin-bottom:32px}.docrepo-retry-btn{background:#ef4444;color:#fff;border:none;padding:16px 40px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 8px 20px #ef444440}.docrepo-retry-btn:hover{background:#dc2626;transform:translateY(-3px);box-shadow:0 12px 28px #ef444459}.docrepo-skeleton{background-color:#f1f5f9;background-image:linear-gradient(90deg,#fff0 0,#fff6 20%,#ffffffb3 60%,#fff0);background-size:200% 100%;animation:docrepo-shimmer 1.8s infinite;border-radius:8px}@keyframes docrepo-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.docrepo-skeleton-icon{width:56px;height:56px;border-radius:14px;margin-bottom:24px}.docrepo-skeleton-title{height:28px;width:80%;margin-bottom:16px}.docrepo-skeleton-desc{height:14px;width:100%;margin-bottom:10px}.docrepo-skeleton-desc-short{width:60%;margin-bottom:32px}.docrepo-skeleton-footer{height:48px;width:100%;border-radius:10px}@media (max-width: 768px){.docrepo-hero{padding:60px 20px}.docrepo-hero-content h1{font-size:2.2rem}.docrepo-grid{grid-template-columns:1fr}}.cart-fab{position:fixed;bottom:30px;right:30px;width:65px;height:65px;z-index:1500;background:var(--primary-blue);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0b1e6d73;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:slideUpIn .5s ease-out forwards}.cart-fab:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #0b1e6d8c}.cart-fab:active{transform:translateY(-2px) scale(.95)}.fab-icon-wrap{position:relative;font-size:1.6rem;display:flex;align-items:center}.fab-badge{position:absolute;top:-10px;right:-12px;background:var(--primary-red);color:#fff;font-size:.8rem;font-weight:800;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003;border:2px solid white}@keyframes slideUpIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.cart-fab.bump{animation:bump .5s ease}.fab-badge.pop{animation:pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes bump{0%,to{transform:scale(1)}30%{transform:scale(1.15)}50%{transform:scale(.95)}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.4)}to{transform:scale(1)}}@media (max-width: 480px){.cart-fab{bottom:20px;right:20px;width:60px;height:60px}.fab-icon-wrap{font-size:1.5rem}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease-out}.confirmation-modal{background:#fff;width:90%;max-width:400px;border-radius:var(--border-radius-standard);box-shadow:0 10px 25px #0003;overflow:hidden;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}.modal-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.modal-header h3{margin:0;font-size:1.2rem;color:#1a1a2e;font-weight:700}.modal-header .close-btn{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;transition:color .2s;padding:0}.modal-header .close-btn:hover{color:#333}.modal-body{padding:25px 20px;color:#555;font-size:1rem;line-height:1.5}.modal-footer{padding:20px;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.btn-cancel,.btn-confirm{padding:10px 20px;border-radius:var(--border-radius-standard);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.btn-cancel:hover{background:#f1f5f9;color:#334155}.btn-confirm{background:var(--primary-red);color:#fff;box-shadow:0 2px 5px #dc26264d}.btn-confirm:hover{background:#b91c1c;transform:translateY(-1px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cart-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;justify-content:flex-end;animation:fadeIn .3s ease}.cart-drawer{width:100%;max-width:450px;background:#fff;height:100%;display:flex;flex-direction:column;animation:slideInRight .3s ease-out;box-shadow:-10px 0 30px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-header{padding:20px 25px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.cart-drawer-header h2{font-size:1.3rem;font-weight:700;color:#1a1a2e;margin:0}.close-btn{background:#f1f5f9;border:none;font-size:1.2rem;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.close-btn:hover{background:var(--primary-blue);color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #0b1e6d33}.cart-items-container{flex:1;overflow-y:auto;padding:20px 25px}.empty-cart-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;text-align:center}.empty-cart-message i{font-size:4rem;margin-bottom:20px;color:#f1f5f9}.start-shopping-btn{margin-top:20px;padding:12px 30px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius-standard);font-weight:700;cursor:pointer;transition:all .2s}.start-shopping-btn:hover{background:#1a3a9d;transform:translateY(-2px);box-shadow:0 4px 12px #0b1e6d33}.cart-items-list{display:flex;flex-direction:column;gap:0}.cart-item{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #f1f5f9}.cart-item:last-child{border-bottom:none}.cart-item-image{width:90px;height:90px;border-radius:var(--border-radius-standard);overflow:hidden;background:#f8fafc;flex-shrink:0;border:1px solid #f1f5f9}.cart-item-image img{width:100%;height:100%;object-fit:cover}.item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#cbd5e1}.cart-item-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.item-main-info{display:flex;justify-content:space-between;align-items:flex-start}.item-main-info h3{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin:0;line-height:1.3}.remove-item-btn{background:#f1f5f9;border:none;color:#64748b;width:32px;height:32px;border-radius:var(--border-radius-standard);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.9rem}.remove-item-btn:hover{background:#fee2e2;color:#ef4444}.item-size{font-size:.85rem;color:#64748b;margin-top:4px;display:inline-block;padding:2px 8px;background:#f1f5f9;border-radius:var(--border-radius-standard)}.item-quantity-price{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.quantity-controls{display:flex;align-items:center;background:#f8fafc;border-radius:var(--border-radius-standard);padding:4px;border:1px solid #e2e8f0}.quantity-controls button{background:#fff;border:1px solid #e2e8f0;width:28px;height:28px;border-radius:var(--border-radius-standard);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#1a1a2e;font-size:.8rem}.quantity-controls button:hover{background:#f1f5f9;border-color:#cbd5e1}.quantity-controls span{padding:0 12px;font-size:.95rem;font-weight:700;color:#1a1a2e;min-width:35px;text-align:center}.item-price{font-weight:800;color:var(--primary-blue);font-size:1.1rem}.cart-drawer-footer{padding:25px;background:#fff;border-top:1px solid #f1f5f9;box-shadow:0 -10px 20px #00000005}.cart-summary{margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;margin-bottom:15px;color:#64748b;font-weight:500}.summary-row.total{font-size:1.4rem;font-weight:800;color:#1a1a2e;padding-top:15px;border-top:1px solid #f1f5f9;margin-bottom:0}.checkout-btn{width:100%;padding:18px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius-standard);font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.checkout-btn:hover{background:#1a3a9d;transform:translateY(-2px);box-shadow:0 8px 25px #0b1e6d40}.checkout-btn:active{transform:translateY(0)}main{width:100%;flex:1;display:flex;flex-direction:column}section{width:100%;box-sizing:border-box}*{max-width:100%}img{width:100%;height:auto;display:block}iframe{width:100%;max-width:100%}table{width:100%;overflow-x:auto}form{width:100%}input,textarea,select{width:100%;max-width:100%}.skeleton{background:var(--soft-blue);background-image:var(--primary-blue);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-standard)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--soft-blue);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;color:var(--primary-blue);letter-spacing:-.01em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-base{background-color:#cbd5e1;animation:skeleton-pulse 1.8s ease-in-out infinite;border-radius:var(--border-radius-standard)}@keyframes skeleton-pulse{0%{background-color:#cbd5e1}50%{background-color:#e2e8f0}to{background-color:#cbd5e1}}.skeleton-text{height:1rem;margin-bottom:.5rem;width:100%}.skeleton-round{border-radius:50%}:root{--primary-blue: #0B1E6D;--brand-blue: #0B1E6D;--primary: #0B1E6D;--secondary: #FF002B;--primary-red: #FF002B;--soft-red: #FFE5EA;--soft-blue: #E9ECF8;--text-dark: #1F2937;--text-light: #6B7280;--border-light: #E5E7EB;--white: #FFFFFF;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--border-radius-standard: 5px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;height:100%}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden;margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column}#root{width:100%;display:flex;flex-direction:column;min-height:100vh}main{width:100%;flex:1}.container{width:100%;padding-left:clamp(1rem,5vw,2rem);padding-right:clamp(1rem,5vw,2rem);margin-left:auto;margin-right:auto;max-width:1400px;box-sizing:border-box}@media (min-width: 576px){.container{padding-left:clamp(1.5rem,5vw,2.5rem);padding-right:clamp(1.5rem,5vw,2.5rem)}}@media (min-width: 992px){.container{padding-left:clamp(2rem,5vw,3rem);padding-right:clamp(2rem,5vw,3rem)}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}img{max-width:100%;height:auto;display:block}.text-center{text-align:center}.text-white{color:#fff}.text-danger{color:var(--primary-blue)}.text-muted{color:var(--text-light)}.fw-bold{font-weight:700}.fw-semibold{font-weight:600}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.me-2{margin-right:.5rem}.me-3{margin-right:1rem}.ms-2{margin-left:.5rem}.py-5{padding-top:3rem;padding-bottom:3rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.gap-4{gap:1.5rem}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.position-relative{position:relative}.position-absolute{position:absolute}.overflow-hidden{overflow:hidden}.rounded,.rounded-1,.rounded-4{border-radius:var(--border-radius-standard)}.rounded-circle{border-radius:50%}.shadow-lg{box-shadow:var(--shadow-lg)}.bg-danger{background-color:var(--primary-blue)}.bg-warning-subtle{background-color:var(--soft-red)}.bg-white{background-color:#fff}.list-unstyled{list-style:none;padding:0;margin:0}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius-standard);font-weight:600;transition:var(--transition);text-decoration:none;border:1px solid transparent;cursor:pointer;font-size:1rem}.btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.btn-white{color:var(--primary-blue);background-color:#fff;border-color:#fff}.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:#f8f9fa}.btn-outline-light{color:#fff;border-color:#fff;background-color:transparent}.btn-outline-light:hover{background-color:#ffffff1a}.btn-outline-success{color:var(--primary-blue);border-color:var(--primary-blue);background-color:transparent}.btn-outline-success:hover,.btn-warning{background-color:var(--primary-blue);color:#fff}.btn-warning:hover{background-color:#081652;transform:translateY(-2px)}.btn-lg{padding:.75rem 2rem;font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.border-0{border:none}.border-danger{border-color:var(--primary-blue);border:1px solid var(--primary-blue)}.badge{display:inline-block;padding:.375rem .75rem;border-radius:.25rem;font-weight:600;font-size:.875rem}.bg-danger{background-color:var(--primary-blue);color:#fff}.card{border:1px solid var(--border-light);border-radius:var(--border-radius-standard);overflow:hidden}.card-body{padding:1.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5rem}.collapse{display:none}.collapse.show{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in-left{animation:fadeInLeft .8s ease-out}.animate-fade-in-right{animation:fadeInRight .8s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.container{padding-left:1rem;padding-right:1rem}.py-5{padding-top:2rem;padding-bottom:2rem}.btn-lg{padding:.6rem 1.5rem;font-size:.9rem}}@media (max-width: 576px){.btn{width:100%;margin:.5rem 0}.me-3{margin-right:0}}