*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}#root::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}#root,body,html{-ms-overflow-style:none;scrollbar-width:none}#root{max-width:100%;overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen{background:linear-gradient(135deg,#f8f9fa,#e9ecef);flex-direction:column;gap:2rem;height:100vh}.loading-logo-container,.loading-screen{align-items:center;display:flex;justify-content:center}.loading-logo-container{position:relative}.loading-logo{animation:logoPulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));max-width:200px}@keyframes logoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.loading-text{animation:textFade 2s ease-in-out infinite;color:#6c757d;font-size:1.1rem;font-weight:500;margin-top:1rem}@keyframes textFade{0%,to{opacity:.6}50%{opacity:1}}.loading-dots{display:flex;gap:.5rem;margin-top:.5rem}.loading-dot{animation:dotBounce 1.4s ease-in-out infinite;background:#007bff;border-radius:50%;height:8px;width:8px}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-logo-float{animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@media (max-width:768px){.loading-logo{max-width:150px}.loading-text{font-size:1rem}}@media (max-width:480px){.loading-logo{max-width:120px}.loading-text{font-size:.9rem}}.portal-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;max-width:100%;overflow-x:hidden;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content,.portal-header{box-sizing:border-box;width:100%}.header-content{margin:0 auto;max-width:1400px;padding:1rem 2rem}.logo-container{align-items:center;display:flex}.header-logo{cursor:pointer;height:60px;width:auto}.header-right{align-items:center;display:flex;gap:1rem}.profile-dropdown-container,.profile-icon-container{position:relative;z-index:10000}.profile-icon-container{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s ease}.profile-icon-container:hover{background-color:#f5f5f5}.profile-icon{color:#333;height:32px;width:32px}.profile-dropdown{animation:dropdownSlideIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;position:fixed;z-index:10000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-dropdown{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1);border-radius:0;bottom:0;box-shadow:-4px 0 16px #0003;display:flex;flex-direction:column;max-width:320px;min-width:280px;position:fixed;right:0!important;top:0!important;width:85vw}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.dropdown-user-info{background:linear-gradient(135deg,#0d9488,#14b8a6);border-bottom:none;padding:1.5rem 1.25rem}.user-email{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.5rem}.user-role{color:#ffffffe6;font-size:.875rem;font-weight:500}.dropdown-item{border-radius:0;font-size:1rem;padding:1.125rem 1.25rem}.dropdown-item svg{height:20px;width:20px}}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dropdown-item svg{color:#6c757d;flex-shrink:0;height:18px;width:18px}.dropdown-item:hover svg{color:#007bff}.dropdown-user-info{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem}.user-email{color:#212529;font-size:.95rem;font-weight:600;margin-bottom:.25rem;word-break:break-word}.user-role{color:#6c757d;font-size:.85rem;text-transform:capitalize}.dropdown-divider{background:#e9ecef;height:1px;margin:0}.profile-dropdown-close,.profile-dropdown-overlay{display:none}@media (max-width:768px){.profile-dropdown-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-dropdown-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.profile-dropdown-close:hover{background:#ffffff4d;transform:scale(1.05)}.profile-dropdown-close:active{transform:scale(.95)}.profile-dropdown-close svg{color:#fff;height:20px;width:20px}.header-content{padding:.875rem 1rem}.header-logo{height:48px}.profile-icon{height:28px;width:28px}.profile-icon-container{padding:.375rem}}@media (max-width:480px){.header-content{padding:.75rem .875rem}.header-logo{height:42px}.profile-icon{height:26px;width:26px}}.vpcb-sidebar{background:linear-gradient(180deg,#fafbfc,#fff);border-right:1px solid #e0e7e9;box-shadow:2px 0 12px #0000000a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);margin:0;min-width:280px;overflow-y:auto;padding:0;position:relative;width:280px}.vpcb-sidebar::-webkit-scrollbar{width:6px}.vpcb-sidebar::-webkit-scrollbar-track{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:10px}.vpcb-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.vpcb-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0d9488,#14b8a6)}@media (max-width:1024px){.vpcb-sidebar{min-width:260px;width:260px}.sidebar-nav{gap:.375rem;padding:1.25rem 0}.sidebar-button{font-size:.8125rem;gap:.75rem;margin:.75rem;padding:.8125rem 1.125rem;width:calc(100% - 1.5rem)}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.8125rem}}@media (max-width:768px){.vpcb-sidebar{box-shadow:4px 0 20px #00000026;height:calc(100vh - 80px);left:0;min-width:280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:80px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.vpcb-sidebar.mobile-open{box-shadow:8px 0 32px #0003;transform:translateX(0)}.sidebar-mobile-close{display:flex}.sidebar-nav{gap:.5rem;padding:3.5rem 0 1.5rem}.vpcb-sidebar::-webkit-scrollbar{width:4px}.vpcb-sidebar::-webkit-scrollbar-track{background:#0000}.vpcb-sidebar::-webkit-scrollbar-thumb{background:#0d94884d;border-radius:10px}.vpcb-sidebar::-webkit-scrollbar-thumb:hover{background:#0d948880}.sidebar-button{border-radius:10px;font-size:.8125rem;gap:.75rem;margin:0 .625rem;padding:.75rem 1rem;width:calc(100% - 1.25rem)}.sidebar-button:hover{transform:translateX(2px)}.sidebar-button:active{transform:translateX(0) scale(.98);transition:all .1s ease}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.875rem}.sidebar-menu li{animation:slideIn .2s ease forwards}.sidebar-menu li:first-child{animation-delay:.02s}.sidebar-menu li:nth-child(2){animation-delay:.04s}.sidebar-menu li:nth-child(3){animation-delay:.06s}.sidebar-menu li:nth-child(4){animation-delay:.08s}.sidebar-menu li:nth-child(5){animation-delay:.1s}}@media (max-width:480px){.vpcb-sidebar{min-width:260px;width:260px}.sidebar-mobile-close{height:32px;right:.875rem;top:.875rem;width:32px}.sidebar-mobile-close svg{height:16px;width:16px}.sidebar-nav{gap:.375rem;padding:3.25rem 0 1.25rem}.sidebar-button{border-radius:10px;font-size:.75rem;gap:.625rem;margin:0 .5rem;padding:.625rem .875rem;width:calc(100% - 1rem)}.sidebar-button:before{width:3px}.sidebar-icon{height:18px;width:18px}.sidebar-text{font-size:.8125rem}.sidebar-menu li{animation:slideIn .15s ease forwards}.sidebar-menu li:nth-child(n){animation-delay:0s}}@media (max-width:768px) and (orientation:landscape){.vpcb-sidebar{height:calc(100vh - 60px);top:60px}.sidebar-mobile-close{height:30px;right:.75rem;top:.5rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{gap:.25rem;padding:2.75rem 0 1rem}.sidebar-button{font-size:.75rem;gap:.5rem;margin:0 .625rem;padding:.5rem .75rem;width:calc(100% - 1.25rem)}}@media (max-width:360px){.vpcb-sidebar{min-width:240px;width:240px}.sidebar-mobile-close{height:30px;right:.75rem;top:.75rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{gap:.25rem;padding:3rem 0 1rem}.sidebar-button{font-size:.6875rem;gap:.5rem;margin:0 .4375rem;padding:.5rem .625rem;width:calc(100% - .875rem)}.sidebar-icon{height:16px;width:16px}.sidebar-text{font-size:.75rem}}.portal-switcher-container{margin-top:auto;padding:0 .875rem 1rem}.portal-switcher-divider{background:linear-gradient(90deg,#0000,#e0e7e9 50%,#0000);height:1px;margin:1rem .5rem}.portal-switcher-button{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #94a3b8;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.875rem;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.portal-switcher-button:before{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.portal-switcher-icon{align-items:center;color:currentColor;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);width:20px}.portal-switcher-icon svg{stroke:currentColor;height:100%;width:100%}.portal-switcher-text{letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-switcher-button:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#818cf8;box-shadow:0 4px 12px #6366f126;color:#6366f1;transform:translateY(-2px)}.portal-switcher-button:hover:before{opacity:1}.portal-switcher-button:hover .portal-switcher-icon{transform:scale(1.1) rotate(180deg)}.portal-switcher-button:focus{outline:2px solid #6366f166;outline-offset:2px}.portal-switcher-button:active{box-shadow:0 2px 6px #6366f11a;transform:translateY(0)}@keyframes switchPulse{0%,to{opacity:1}50%{opacity:.6}}.portal-switcher-button:hover .portal-switcher-icon svg{animation:switchPulse 1.5s ease-in-out infinite}.modal-backdrop{animation:backdropFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000000d;max-width:800px}.modal-content.training-modal{max-width:850px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0f766e,#0d9488)}.modal-header{background:linear-gradient(135deg,#f0fdfa,#f8fafc);border-bottom:2px solid #f1f5f9;border-radius:20px 20px 0 0;position:relative}.modal-header:after{background:linear-gradient(90deg,#0d9488,#14b8a6 50%,#0000);border-radius:3px;bottom:0;content:"";height:3px;left:2rem;position:absolute;right:2rem}.modal-header h2{color:#0f766e;font-weight:800;gap:.75rem}.modal-header h2:before{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:3px;box-shadow:0 2px 8px #0d94884d;content:"";height:28px;width:6px}.modal-close-btn{background:#f1f5f9;border-radius:10px;color:#64748b;height:36px;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.modal-close-btn svg{height:20px;width:20px}.modal-close-btn:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;transform:rotate(90deg)}.training-form{padding:2rem}.form-group{animation:fadeInUp .4s ease}.form-group label{color:#334155;font-size:.9rem;font-weight:700;letter-spacing:.025em;margin-bottom:.625rem;text-transform:uppercase}.label-icon{align-items:center;color:#0d9488;display:flex;flex-shrink:0;height:18px;width:18px}.label-icon svg{height:100%;width:100%}.required{font-weight:800}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.95rem;font-weight:500;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:hover,.form-group textarea:hover{border-color:#cbd5e1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#f0fdfa;border-color:#0d9488;box-shadow:0 0 0 4px #0d94881a}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#fef2f2;border-color:#ef4444}.form-group input.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 4px #ef44441a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8fafc;cursor:not-allowed;opacity:.6}.form-group textarea{line-height:1.6;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;font-weight:400}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:3px solid #dc2626;border-radius:8px;color:#dc2626;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.error-message:before{content:"⚠";font-size:1rem}.form-hint{color:#64748b;display:block;font-size:.8125rem;font-weight:500;line-height:1.5;margin-top:.5rem;padding-left:.25rem}.form-actions{border-top:2px solid #f1f5f9;padding-top:1.75rem}.btn-cancel,.btn-submit{border-radius:12px;font-size:.95rem;font-weight:700;letter-spacing:.025em;padding:.875rem 1.75rem;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.btn-cancel:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 16px #0d94884d;overflow:hidden;position:relative}.btn-submit:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-submit:hover:not(:disabled):before{left:100%}.btn-submit:hover:not(:disabled){box-shadow:0 6px 24px #0d948866;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{transform:none}.btn-cancel:active:not(:disabled),.btn-submit:active:not(:disabled){transform:translateY(0) scale(.98)}@media (max-width:768px){.modal-content.training-modal{border-radius:16px;margin:.5rem;max-width:100%}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.25rem}.training-form{padding:1.5rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.btn-cancel,.btn-submit{padding:1rem;width:100%}}.btn-submit:disabled{animation:pulse 1.5s ease-in-out infinite}.training-container{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:2rem;width:100%}.training-header{align-items:flex-start;border-bottom:2px solid #e9ecef;box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;position:relative;width:100%}.schedule-training-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;box-shadow:0 2px 8px #0d94884d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.schedule-training-btn:hover{box-shadow:0 4px 12px #0d948866;transform:translateY(-2px)}.schedule-training-btn:active{transform:translateY(0)}.schedule-training-btn svg{height:20px;width:20px}.training-loading{padding:4rem 2rem;text-align:center}.training-loading .loading-logo{animation:pulse 1.5s ease-in-out infinite;height:auto;margin-bottom:1rem;width:80px}.training-loading p{color:#6c757d;font-size:1rem}.error-banner,.success-banner{padding:1rem 1.25rem}.success-banner{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.success-banner svg{color:#28a745}.error-banner{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-banner svg{color:#dc3545}.no-trainings{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:2rem;padding:4rem 2rem;text-align:center}.empty-state-icon{margin-bottom:1rem}.no-trainings h3{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.no-trainings p{color:#6c757d;font-size:1rem;margin:0 0 2rem}.empty-state-btn{background-color:#0d9488;border-radius:6px;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.empty-state-btn:hover{background-color:#14b8a6}.trainings-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.training-card{border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.training-card:hover{box-shadow:0 8px 24px #0000001f}.training-card-content{padding:1.25rem}.training-card-header{margin-bottom:.75rem}.training-title{color:#212529;font-size:1.15rem;font-weight:600}.status-badge{padding:.35rem .75rem}.status-upcoming{background-color:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.status-completed{background-color:#d4edda;border:1px solid #28a745;color:#155724}.status-unknown{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.training-description{-webkit-line-clamp:2;color:#6c757d;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.training-meta{border-bottom:1px solid #e9ecef;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.meta-item{color:#495057;font-size:.875rem;gap:.5rem}.meta-item svg{color:#6c757d}.training-links{gap:.5rem;margin-bottom:1rem}.training-link{border-radius:6px;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.training-link.participant{background-color:#ccfbf1;color:#134e4a}.training-link.participant:hover{background-color:#99f6e4}.training-link.trainer{background-color:#dbeafe;color:#1e3a8a}.training-link.trainer:hover{background-color:#bfdbfe}.training-card-actions{border-top:1px solid #e9ecef;display:flex;gap:.5rem;padding-top:1rem}.action-btn{flex:1 1;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem 1rem}.action-btn.edit-btn{background-color:#ccfbf1;color:#0f766e}.action-btn.edit-btn:hover{background-color:#99f6e4}.action-btn.delete-btn{background-color:#ffebee;color:#c62828}.action-btn.delete-btn:hover{background-color:#ffcdd2}.action-btn svg{height:16px;width:16px}@media (max-width:768px){.training-container{padding:1rem}.training-header{align-items:stretch;flex-direction:column;gap:1.5rem}.schedule-training-btn{justify-content:center;width:100%}.trainings-grid{grid-template-columns:1fr}.training-card-header{flex-direction:column;gap:.5rem}}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;border-radius:8px;box-shadow:0 4px 20px #0000004d;overflow-y:auto}.modal-content.trainer-modal{max-width:800px}.modal-header{border-bottom:1px solid #e0e0e0;padding:1.5rem}.modal-header h2{color:#333}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.contact-form{padding:1.5rem}.form-section{border-bottom:2px solid #f0f0f0;padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none}.section-title{border-bottom:2px solid #d1fae5;color:#0d9488;font-size:1.125rem;margin:0 0 1.25rem;padding-bottom:.5rem}.form-group label{color:#333;font-size:.95rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-actions{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background-color:#f8f9fa;color:#333}.btn-cancel:hover:not(:disabled){background-color:#e9ecef}.btn-submit{background-color:#007bff;color:#fff}.btn-submit:hover:not(:disabled){background-color:#0056b3}.btn-cancel:active:not(:disabled),.btn-submit:active:not(:disabled){transform:scale(.98)}.spinner{animation:spin .8s linear infinite}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.form-group input:disabled,.form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.language-input-wrapper{display:flex;gap:.5rem}.language-input-wrapper input{flex:1 1}.add-language-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.add-language-btn:hover:not(:disabled){background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 12px #0d94884d;transform:translateY(-2px)}.add-language-btn:disabled{cursor:not-allowed;opacity:.5}.languages-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.language-tag{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #0d94884d;border-radius:8px;color:#065f46;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.remove-language-btn{align-items:center;background:none;border:none;border-radius:50%;color:#065f46;cursor:pointer;display:flex;font-size:1.25rem;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.remove-language-btn:hover:not(:disabled){background:#0d948833;color:#0d9488}.remove-language-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal-content{max-width:95%}}.contact-container{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:2rem;width:100%}.contact-header{align-items:flex-start;border-bottom:2px solid #e9ecef;box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;position:relative;width:100%}.header-content h2{color:#212529;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.header-subtitle{color:#6c757d;font-size:.95rem;margin:0}.add-contact-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;box-shadow:0 2px 8px #0d94884d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.add-contact-btn:hover{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 12px #0d948866;transform:translateY(-2px)}.add-contact-btn:active{transform:translateY(0)}.btn-icon{font-size:1.25rem;font-weight:700;line-height:1}.loading-state{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:1.5rem}.loading-spinner{border-top-color:#007bff}.error-state{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:1.5rem}.error-icon svg{stroke-width:1.5}.error-state h3{font-weight:600;margin:0 0 .5rem}.retry-button{box-shadow:0 2px 8px #0d94884d;padding:.75rem 1.5rem}.retry-button:hover{background:linear-gradient(135deg,#0f766e,#0d9488)}.no-contacts{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:2rem;padding:4rem 2rem;text-align:center}.empty-state-icon{color:#0d9488;height:100px;margin:0 auto 1.5rem;width:100px}.empty-state-icon svg{stroke-width:1.5;height:100%;width:100%}.no-contacts h3{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.no-contacts p{color:#6c757d;font-size:1rem;margin:0 0 2rem}.empty-state-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;box-shadow:0 2px 8px #0d94884d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.empty-state-btn:hover{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 12px #0d948866;transform:translateY(-2px)}.contacts-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;margin-top:1.5rem;max-width:100%;overflow-x:auto;overflow-y:hidden;width:100%}.contacts-table{border-collapse:collapse;font-size:.95rem;max-width:100%;table-layout:auto;width:100%}.contacts-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6}.contacts-table th{color:#495057;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.contacts-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.contacts-table tbody tr:hover{background-color:#f8f9fa}.contacts-table tbody tr:last-child{border-bottom:none}.contacts-table td{padding:1.25rem 1.5rem;vertical-align:middle}.name-cell{word-wrap:break-word;color:#212529;max-width:250px;min-width:150px}.country-cell{min-width:120px}.city-cell,.country-cell{color:#495057;font-weight:500}.city-cell{min-width:100px}.email-cell a,.phone-cell a,.portfolio-cell a{color:#0d9488;font-weight:600;text-decoration:none;transition:color .2s ease}.email-cell a:hover,.phone-cell a:hover,.portfolio-cell a:hover{color:#0f766e;text-decoration:underline}.phone-cell{color:#495057;white-space:nowrap}.hrs-cell{color:#495057;min-width:120px}.info-cell{color:#495057;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-cell span{cursor:help}.actions-cell{width:120px}.action-btn{background:none;border-radius:6px;color:#6c757d;padding:.5rem}.edit-btn:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.delete-btn:hover{background-color:#fee;color:#dc3545}.action-btn:active{transform:scale(.95)}@media (max-width:1024px){.contacts-table{font-size:.875rem}.contacts-table td,.contacts-table th{padding:1rem}}@media (max-width:768px){.contact-container{padding:1rem}.contact-header{align-items:stretch;flex-direction:column;gap:1.5rem}.add-contact-btn{justify-content:center;width:100%}.desktop-view{display:none!important}.mobile-view{display:block!important}.trainers-grid{display:flex;flex-direction:column;gap:1.25rem}.trainer-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.25rem;transition:all .3s ease}.trainer-card:hover{box-shadow:0 4px 16px #0d948826;transform:translateY(-2px)}.trainer-card-header{border-bottom:2px solid #f1f5f9;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.trainer-name{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.trainer-badge{align-self:flex-start;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.trainer-card-body{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1rem}.trainer-info-row{display:flex;flex-direction:column;gap:.25rem}.trainer-label{color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.trainer-value{color:#1f2937}.trainer-email,.trainer-value{font-size:.9375rem;font-weight:500;word-break:break-word}.trainer-email{color:#0d9488;text-decoration:none}.trainer-email:hover{text-decoration:underline}.trainer-portfolio-link{margin-top:.5rem}.portfolio-link-btn{align-items:center;background:linear-gradient(135deg,#f0fdf9,#e7f7f4);border:1px solid #99f6e4;border-radius:8px;color:#0d9488;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.portfolio-link-btn:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 8px #0d948833;transform:translateY(-1px)}.portfolio-link-btn svg{height:16px;width:16px}.trainer-card-footer{border-top:1px solid #f1f5f9;display:flex;gap:.75rem;padding-top:1rem}.trainer-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .3s ease}.trainer-action-btn svg{height:16px;width:16px}.edit-trainer-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 2px 6px #0d94884d;color:#fff}.edit-trainer-btn:hover{box-shadow:0 4px 12px #0d948866;transform:translateY(-1px)}.edit-trainer-btn:active{transform:translateY(0)}.delete-trainer-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef44444d;color:#fff}.delete-trainer-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.delete-trainer-btn:active{transform:translateY(0)}}.activities-container{animation:fadeIn .5s ease-in;max-width:1500px;padding:2rem}.activities-header{margin-bottom:2rem}.activities-title{color:#1f2937;font-size:2.5rem;letter-spacing:-.025em;margin:0 0 .5rem}.activities-subtitle{color:#000;font-size:1.125rem;font-weight:500}.activities-content{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;justify-content:center;min-height:400px;padding:3rem}.table-container{box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.activities-table{font-size:.9375rem}.activities-table thead{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.activities-table th{font-size:.8125rem;letter-spacing:.075em;padding:1.125rem 1.25rem}.activities-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.activities-table tbody tr:hover{background-color:#fafbfc;box-shadow:inset 0 0 0 1px #e5e7eb}.activities-table td{padding:1.125rem 1.25rem}.activity-name-cell{color:#1f2937;font-weight:700}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#1f2937;font-size:.9375rem}.user-email{color:#6b7280;font-size:.8125rem}.coordinator-info{gap:.25rem}.coordinator-name{color:#1f2937;font-size:.9375rem;font-weight:700}.coordinator-contact{color:#6b7280;font-size:.8125rem}.status-partial{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.approval-badge{border-radius:12px;font-size:.8125rem;font-weight:700;letter-spacing:.025em;padding:.5rem 1rem}.approval-badge.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.approval-badge.pending{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;color:#3730a3}.approval-badge.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.actions-cell{padding:.875rem!important}.view-details-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:10px;box-shadow:0 2px 8px #0d948840;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:700;gap:.5rem;height:40px;justify-content:center;padding:.625rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:40px}.view-details-btn svg{height:20px;width:20px}.view-details-btn:hover{box-shadow:0 6px 16px #0d948859;transform:translateY(-3px) scale(1.05)}.view-details-btn:active{transform:translateY(-1px) scale(1.02)}.action-buttons-row{gap:.5rem}.review-button{border-radius:10px;display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;padding:.625rem 1.25rem}.review-button:hover{box-shadow:0 6px 16px #0d948859;transform:translateY(-3px)}@media (max-width:1024px){.activities-container{padding:1.5rem}.table-container{overflow-x:auto}.activities-table{font-size:.85rem}.activities-table td,.activities-table th{padding:.875rem}}@media (max-width:768px){.activities-container{padding:1rem}.activities-title{font-size:1.875rem}.activities-subtitle{font-size:1rem}.activities-content{padding:2rem 1rem}.empty-state-icon{font-size:3.5rem}.empty-state h2{font-size:1.5rem}.empty-state p{font-size:1rem}.desktop-view{display:none!important}.mobile-view{display:block!important}.activities-grid{display:flex;flex-direction:column;gap:1rem}.activity-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.25rem;transition:all .3s ease}.activity-card:hover{box-shadow:0 4px 16px #0d948826;transform:translateY(-2px)}.activity-card-header{border-bottom:2px solid #f1f5f9;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.activity-card-title{color:#1f2937;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0}.activity-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.activity-card-row{display:flex;flex-direction:column;gap:.25rem}.activity-label{color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.activity-value{color:#1f2937;font-size:.9375rem;font-weight:500;word-break:break-word}.activity-card-footer{border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;padding-top:1rem}.view-details-btn-card{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;box-shadow:0 2px 6px #0d94884d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.view-details-btn-card:hover{box-shadow:0 4px 12px #0d948866;transform:scale(1.05)}.view-details-btn-card:active{transform:scale(.98)}.view-details-btn-card svg{height:18px;width:18px}.status-badge{align-self:flex-start;font-size:.75rem;padding:.375rem .75rem}.resource-hub{padding:16px}.rh-header{align-items:flex-start;flex-direction:column}.rh-header-actions{width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center}.rh-summary{flex-direction:column}.rh-summary-card{min-width:auto}.rh-toolbar{align-items:stretch;flex-direction:column}.rh-search{max-width:none}.rh-results-info{text-align:center}.rh-modal-footer{flex-direction:column}.rh-modal-footer .rh-btn{justify-content:center}.desktop-view{display:none!important}.mobile-view{display:block!important}.resources-grid{display:flex;flex-direction:column;gap:1.25rem}.resource-card{animation:cardSlideIn .4s ease backwards;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:1.25rem;transition:all .3s ease}}@media (max-width:768px){@keyframes cardSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.resource-card:hover{box-shadow:0 4px 16px #0d948826;transform:translateY(-2px)}.resource-card-header{align-items:flex-start;border-bottom:2px solid #f1f5f9;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.resource-icon-wrapper{flex-shrink:0}.resource-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:12px;box-shadow:0 4px 12px #0d94884d;display:flex;height:48px;justify-content:center;width:48px}.resource-icon svg{color:#fff;height:24px;width:24px}.resource-title{color:#1f2937;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0;word-break:break-word}.resource-card-body{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1rem}.resource-info-row{display:flex;flex-direction:column;gap:.375rem}.resource-label{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.5px;text-transform:uppercase}.resource-label svg{height:14px;width:14px}.resource-value{color:#1f2937;font-size:.9375rem;font-weight:500;padding-left:1.25rem}.resource-badge{align-self:flex-start;background:linear-gradient(135deg,#0d94881a,#14b8a60d);border:1px solid #0d948833;border-radius:6px;color:#0d9488;display:inline-block;font-size:.75rem;font-weight:600;margin-left:1.25rem;padding:.375rem .75rem}.resource-card-footer{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.resource-open-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:10px;box-shadow:0 2px 8px #0d94884d;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.resource-open-btn:hover{box-shadow:0 4px 14px #0d948866;transform:translateY(-1px)}.resource-open-btn:active{transform:translateY(0)}.resource-open-btn svg{height:18px;width:18px}.resource-actions{display:flex;gap:.75rem}.resource-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .3s ease}.resource-action-btn svg{height:16px;width:16px}.edit-resource-btn{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#2563eb}.edit-resource-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff;transform:translateY(-1px)}.edit-resource-btn:active{transform:translateY(0)}.delete-resource-btn{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.delete-resource-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 4px 12px #dc26264d;color:#fff;transform:translateY(-1px)}.delete-resource-btn:active{transform:translateY(0)}.rh-empty-state{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:3rem 1.5rem}}@media (min-width:769px){.mobile-view{display:none!important}.desktop-view{display:block!important}}.activity-details-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1400px;padding:2rem}.loading-spinner{height:56px;margin-bottom:1.25rem;width:56px}.details-header{margin-bottom:2rem}.back-button{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:10px;box-shadow:0 2px 8px #0d948840;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-button:hover{box-shadow:0 6px 16px #0d948859;transform:translateY(-3px)}.back-button:active{transform:translateY(-1px)}.details-title{color:#1f2937;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0}.details-content{display:flex;flex-direction:column;gap:1.5rem}.details-section{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;padding:2rem;transition:all .3s ease}.details-section:hover{box-shadow:0 4px 12px #00000014}.info-item label{color:#6b7280;font-size:.8125rem;letter-spacing:.075em}.info-item p{color:#374151}.text-block{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid #0d9488;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:1.25rem;white-space:pre-wrap}.additional-info{color:#6b7280;font-size:.875rem;font-style:italic;margin-top:.5rem!important}.document-link{align-items:center;background:linear-gradient(135deg,#0d94881a,#14b8a60d);border:1px solid #0d948833;border-radius:8px;color:#0d9488;display:inline-flex;font-weight:700;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.document-link:hover{background:linear-gradient(135deg,#0d948826,#14b8a61a);border-color:#0d94884d;transform:translateX(4px)}.status-badge{padding:.5rem 1rem}.status-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.status-pending{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;color:#3730a3}.metadata-section{background:linear-gradient(135deg,#fafbfc,#f3f4f6);border:1px solid #e5e7eb}@media (max-width:768px){.activity-details-container{padding:1rem}.details-title{font-size:1.75rem}.info-grid{gap:1rem;grid-template-columns:1fr}.details-section{padding:1.5rem}.section-title{font-size:1.25rem}.back-button{font-size:.85rem;padding:.625rem 1.25rem}}.vpa-sidebar{position:relative}@media (max-width:1024px){.vpa-sidebar{min-width:260px;width:260px}.sidebar-nav{gap:.375rem;padding:1.25rem 0}.sidebar-section{margin-bottom:.625rem}.sidebar-section-title{font-size:.65rem;padding:.4375rem 1.125rem .3125rem}.sidebar-section-title:after{left:1.125rem;right:1.125rem}.sidebar-button{font-size:.8125rem;gap:.75rem;margin:0 .75rem;padding:.8125rem 1.125rem;width:calc(100% - 1.5rem)}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.8125rem}}@media (max-width:768px){.vpa-sidebar{box-shadow:4px 0 20px #00000026;height:calc(100vh - 80px);left:0;min-width:280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:80px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.vpa-sidebar.mobile-open{box-shadow:8px 0 32px #0003;transform:translateX(0)}.sidebar-mobile-close{display:flex}.sidebar-nav{gap:.5rem;padding:3.5rem 0 1.5rem}.sidebar-section{margin-bottom:.5rem}.sidebar-section-title{font-size:.625rem;padding:.4375rem 1rem .3125rem}.sidebar-section-title:after{left:1rem;right:1rem}.vpa-sidebar::-webkit-scrollbar{width:4px}.vpa-sidebar::-webkit-scrollbar-track{background:#0000}.vpa-sidebar::-webkit-scrollbar-thumb{background:#0d94884d;border-radius:10px}.vpa-sidebar::-webkit-scrollbar-thumb:hover{background:#0d948880}.sidebar-button{border-radius:10px;font-size:.8125rem;gap:.75rem;margin:0 .625rem;padding:.75rem 1rem;width:calc(100% - 1.25rem)}.sidebar-button:hover{transform:translateX(2px)}.sidebar-button:active{transform:translateX(0) scale(.98);transition:all .1s ease}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.875rem}.sidebar-menu li{animation:slideIn .2s ease forwards}.sidebar-menu li:first-child{animation-delay:.02s}.sidebar-menu li:nth-child(2){animation-delay:.04s}.sidebar-menu li:nth-child(3){animation-delay:.06s}.sidebar-menu li:nth-child(4){animation-delay:.08s}.sidebar-menu li:nth-child(5){animation-delay:.1s}.sidebar-menu li:nth-child(6){animation-delay:.12s}}@media (max-width:480px){.vpa-sidebar{min-width:260px;width:260px}.sidebar-mobile-close{height:32px;right:.875rem;top:.875rem;width:32px}.sidebar-mobile-close svg{height:16px;width:16px}.sidebar-nav{gap:.375rem;padding:3.25rem 0 1.25rem}.sidebar-section{margin-bottom:.4375rem}.sidebar-section-title{font-size:.5875rem;padding:.375rem .875rem .25rem}.sidebar-section-title:after{left:.875rem;right:.875rem}.sidebar-button{border-radius:10px;font-size:.75rem;gap:.625rem;margin:0 .5rem;padding:.625rem .875rem;width:calc(100% - 1rem)}.sidebar-button:before{width:3px}.sidebar-icon{height:18px;width:18px}.sidebar-text{font-size:.8125rem}.sidebar-menu li{animation:slideIn .15s ease forwards}.sidebar-menu li:nth-child(n){animation-delay:0s}}@media (max-width:768px) and (orientation:landscape){.vpa-sidebar{height:calc(100vh - 60px);top:60px}.sidebar-mobile-close{height:30px;right:.75rem;top:.5rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{gap:.25rem;padding:2.75rem 0 1rem}.sidebar-section{margin-bottom:.375rem}.sidebar-section-title{font-size:.5625rem;padding:.3125rem .75rem .1875rem}.sidebar-section-title:after{left:.75rem;right:.75rem}.sidebar-button{font-size:.75rem;gap:.5rem;margin:0 .625rem;padding:.5rem .75rem;width:calc(100% - 1.25rem)}}@media (max-width:360px){.vpa-sidebar{min-width:240px;width:240px}.sidebar-mobile-close{height:30px;right:.75rem;top:.75rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{gap:.25rem;padding:3rem 0 1rem}.sidebar-section{margin-bottom:.3125rem}.sidebar-section-title{font-size:.5625rem;padding:.3125rem .75rem .1875rem}.sidebar-section-title:after{left:.75rem;right:.75rem}.sidebar-button{font-size:.6875rem;gap:.5rem;margin:0 .4375rem;padding:.5rem .625rem;width:calc(100% - .875rem)}.sidebar-icon{height:16px;width:16px}.sidebar-text{font-size:.75rem}}@media (max-width:1024px){.dashboard-container{padding:1.5rem}.dashboard-stats{gap:1.25rem}.dashboard-stats,.performance-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.section-header{padding:1.75rem 2rem}.section-title{font-size:1.25rem}}@media (max-width:768px){.dashboard-container{padding:1.25rem}.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-emoji{font-size:1.5rem}.header-icon-svg{height:24px;width:24px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.page-header-info{flex-wrap:wrap;gap:.75rem;width:100%}.header-info-item{flex:1 1;font-size:.8125rem;justify-content:center;min-width:calc(50% - .375rem);padding:.5rem .75rem}.header-info-item .info-icon{height:16px;width:16px}.dashboard-welcome-card{margin-bottom:1.5rem;padding:1.5rem}.welcome-header{margin-bottom:1.5rem;padding-bottom:1.25rem}.welcome-greeting{font-size:1.5rem}.welcome-subtitle{font-size:.875rem}.user-info-grid{gap:.75rem;grid-template-columns:1fr}.info-item{padding:.875rem 1rem}.info-icon{height:40px;width:40px}.info-icon svg{height:20px;width:20px}.info-label{font-size:.7rem}.info-value{font-size:.9375rem}.dashboard-stats{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{gap:1.25rem;padding:1.5rem}.stat-icon-wrapper{height:60px;width:60px}.stat-icon{font-size:1.75rem}.stat-icon svg{height:30px;width:30px}.stat-label{font-size:.75rem}.stat-number{font-size:1.875rem}.stat-sublabel{font-size:.8125rem}.section-header{padding:1.5rem 1.75rem}.section-title{font-size:1.25rem}.section-icon{font-size:1.5rem}.performance-content{padding:1.75rem}.performance-metric{margin-bottom:2rem;padding:1.5rem}.metric-header{align-items:flex-start;flex-direction:column;gap:.75rem}.metric-label{font-size:.8125rem}.metric-value{font-size:2rem}.metric-description{font-size:.875rem}.progress-bar{height:12px}.performance-stats{gap:1rem;grid-template-columns:1fr}.performance-stat{padding:1.25rem}.performance-stat-icon{font-size:1.125rem;height:44px;width:44px}.performance-stat-label{font-size:.7rem}.performance-stat-value{font-size:1.5rem}}@media (max-width:480px){.dashboard-container{padding:1rem}.dashboard-page-header{background:#0000;border:none;box-shadow:none;margin-bottom:1.25rem;padding:0}.page-header-content{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:1.25rem}.page-header-icon{height:44px;width:44px}.header-icon-svg{height:22px;width:22px}.page-header-text h1{font-size:1.375rem}.page-header-text p{font-size:.8125rem}.header-info-item{font-size:.75rem;min-width:100%;padding:.5rem}.header-info-item .info-icon{height:14px;width:14px}.dashboard-welcome-card{border-radius:14px;margin-bottom:1.25rem;padding:1.25rem}.welcome-greeting{font-size:1.375rem}.welcome-subtitle{font-size:.8125rem}.info-item{gap:.75rem;padding:.75rem .875rem}.info-icon{height:36px;width:36px}.info-icon svg{height:18px;width:18px}.info-label{font-size:.65rem}.info-value{font-size:.875rem}.stat-card{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.stat-icon-wrapper{height:56px;width:56px}.stat-icon svg{height:28px;width:28px}.stat-label{font-size:.7rem;margin-bottom:.5rem}.stat-number{font-size:1.75rem;margin-bottom:.25rem}.stat-sublabel{font-size:.75rem}.section-header{padding:1.25rem 1.5rem}.section-title{font-size:1.125rem}.performance-content{padding:1.5rem}.performance-metric{padding:1.25rem}.metric-value{font-size:1.75rem}.performance-stat{padding:1rem}.performance-stat-icon{height:40px;width:40px}.performance-stat-value{font-size:1.375rem}}.activities-container{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px;padding:32px}.activities-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.header-content{gap:16px}.activities-title{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.activities-subtitle{color:#64748b;font-size:.9rem;margin:0}.error-state{background:#fef2f2;padding:48px 24px}.error-state h2{font-size:1.5rem}.retry-button{font-size:.875rem;padding:12px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.retry-button:hover{box-shadow:0 8px 20px #0d948866}.empty-state-icon{font-size:4rem}.records-card-view{display:none}.record-card{animation:cardSlideIn .4s ease backwards;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.record-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.record-card:first-child{animation-delay:0s}.record-card:nth-child(2){animation-delay:.05s}.record-card:nth-child(3){animation-delay:.1s}.record-card:nth-child(4){animation-delay:.15s}.record-card:nth-child(5){animation-delay:.2s}.record-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.record-card-title{color:#1e293b;flex:1 1;font-size:1rem;font-weight:700;line-height:1.4;margin:0}.record-card-status{flex-shrink:0}.record-card-body{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1rem}.record-card-field{display:flex;flex-direction:column;gap:.25rem}.record-card-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.record-card-value{color:#1e293b;font-size:.875rem;font-weight:500}.record-card-coordinator{display:flex;flex-direction:column;gap:.125rem}.record-card-coordinator-name{color:#1e293b;font-size:.875rem;font-weight:600}.record-card-coordinator-contact{color:#64748b;font-size:.8125rem}.record-card-footer{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.record-card-actions{display:flex;flex-direction:column;gap:.625rem}.activities-table{border-collapse:collapse;width:100%}.activities-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.activities-table th{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.activities-table tbody tr{animation:rowFadeIn .3s ease backwards;border-bottom:1px solid #f1f5f9;transition:all .2s}.activities-table tbody tr:hover{background:#f8fafc}.activities-table tbody tr:last-child{border-bottom:none}.activities-table td{color:#374151;font-size:.875rem;font-weight:500;padding:16px 20px;vertical-align:middle}.activity-name-cell{color:#1e293b;font-size:.95rem;max-width:300px}.coordinator-info{display:flex;flex-direction:column;gap:4px}.coordinator-name{color:#1e293b;font-size:.875rem;font-weight:600}.coordinator-contact{color:#64748b;font-size:.8rem}.approval-badge{border:1px solid;border-radius:8px;font-size:.8rem;padding:6px 14px}.approval-badge.approved{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b9814d}.approval-badge.pending{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f64d;color:#1e40af}.approval-badge.rejected{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef44444d}.action-buttons-group{align-items:stretch;flex-direction:column;gap:8px}.action-buttons-row{align-items:center;display:flex;gap:8px;justify-content:flex-start}.review-button{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;box-shadow:0 2px 8px #0d948840;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.review-button:hover{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 12px #0d948859;transform:translateY(-2px)}.approve-icon-button,.comment-icon-button,.reject-icon-button{align-items:center;background:#fff;border:1px solid;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.comment-icon-button{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 2px 6px #2563eb33;color:#2563eb}.comment-icon-button:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb59;color:#fff;transform:scale(1.08)}.comment-icon-button:disabled{background:#f3f4f6;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.approve-icon-button{background:#d1fae5;border-color:#a7f3d0;box-shadow:0 2px 6px #10b98133;color:#059669}.approve-icon-button:hover{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b98159;color:#fff;transform:scale(1.08)}.approve-icon-button:disabled{background:#f3f4f6;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.reject-icon-button{background:#fee2e2;border-color:#fecaca;box-shadow:0 2px 6px #dc262633;color:#dc2626}.reject-icon-button:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444459;color:#fff;transform:scale(1.08)}.reject-icon-button:disabled{background:#f3f4f6;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.comment-button-primary{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:10px;box-shadow:0 2px 8px #0d94884d;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:9px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.comment-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 12px #0d948866;transform:translateY(-2px)}.comment-button-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.info-text{align-items:center;color:#f59e0b;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px}.modal-content{max-width:520px}.modal-header{padding:24px 28px}.modal-close{font-size:1.5rem}.modal-body{padding:28px}.modal-body p{font-size:.95rem}.message-content{font-size:.95rem;padding:16px}.message-content.success{background:#d1fae5;border:1px solid #6ee7b7}.message-content.error{background:#fee2e2;border:1px solid #fca5a5}.comment-textarea,.vpa-note-textarea{border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.9rem;margin-top:10px;padding:14px 16px;resize:vertical;transition:all .2s;width:100%}.comment-textarea:focus,.vpa-note-textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a;outline:none}.modal-warning{font-size:.85rem;font-weight:500;margin-top:10px}.modal-footer{padding:20px 28px}.modal-confirm-button.comment{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.modal-confirm-button.comment:hover:not(:disabled){box-shadow:0 6px 18px #3b82f673;transform:translateY(-2px)}@media (max-width:1024px){.activities-container{padding:24px}.table-container{overflow-x:auto}.activities-table{min-width:900px}.activities-header{gap:16px}.activities-title{font-size:1.5rem}.activities-subtitle{font-size:.875rem}}@media (max-width:768px){.activities-container{padding:16px}.activities-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.header-content{width:100%}.activities-title{font-size:1.375rem;margin-bottom:.25rem}.activities-subtitle{font-size:.8125rem}.loading-state{padding:60px 16px}.loading-logo{margin-bottom:1.5rem;width:100px}.loading-state p{font-size:.875rem}.empty-state,.error-state{padding:40px 20px}.empty-state-icon,.error-state-icon{font-size:3rem;margin-bottom:1.25rem}.empty-state h2,.error-state h2{font-size:1.25rem;margin-bottom:.75rem}.empty-state p,.error-state p{font-size:.875rem}.retry-button{font-size:.8125rem;padding:10px 18px}.table-container{display:none}.records-card-view{display:block}.record-card .review-button{font-size:.875rem;justify-content:center;padding:.75rem 1rem;width:100%}.record-card .action-buttons-row{display:flex;gap:.5rem;justify-content:center}.record-card .comment-button-primary{flex:1 1;justify-content:center}.record-card .approve-icon-button,.record-card .comment-icon-button,.record-card .reject-icon-button{height:40px;width:40px}.record-card .approval-badge{font-size:.75rem;padding:.4375rem .875rem}.modal-overlay{padding:16px}.modal-content{max-height:85vh;max-width:480px}.modal-header{padding:20px 24px}.modal-header h2{font-size:1.125rem}.modal-close{font-size:1.375rem;height:36px;width:36px}.modal-body{padding:24px}.modal-body p{font-size:.875rem}.comment-textarea,.vpa-note-textarea{font-size:.875rem;padding:12px 14px}.modal-warning{font-size:.8125rem}.modal-footer{flex-direction:column;gap:10px;padding:18px 24px}.modal-cancel-button,.modal-confirm-button{font-size:.8125rem;justify-content:center;padding:11px 18px;width:100%}}@media (max-width:480px){.activities-container{padding:12px}.activities-title{font-size:1.25rem}.activities-subtitle{font-size:.75rem}.record-card{border-radius:12px;padding:1rem}.record-card-title{font-size:.9375rem}.record-card-label{font-size:.6875rem}.record-card-coordinator-name,.record-card-value{font-size:.8125rem}.record-card-coordinator-contact{font-size:.75rem}.record-card .approval-badge{font-size:.6875rem;padding:.375rem .75rem}.record-card-footer{gap:.625rem}.record-card .review-button{font-size:.8125rem;padding:.625rem .875rem}.modal-content{border-radius:16px;max-width:100%}.modal-header h2{font-size:1rem}.modal-body{padding:20px}.activities-container{padding:12px}.activities-title{font-size:1.25rem}.activities-subtitle{font-size:.75rem}.loading-state{padding:48px 12px}.loading-logo{margin-bottom:1.25rem;width:80px}.loading-state p{font-size:.8125rem}.empty-state,.error-state{padding:32px 16px}.empty-state-icon,.error-icon{font-size:2.5rem}.empty-state h2,.error-state h2{font-size:1.125rem}.empty-state p,.error-state p{font-size:.8125rem}.table-container{border-radius:14px}.activities-table{min-width:700px}.activities-table td,.activities-table th{font-size:.75rem;padding:10px 12px}.activities-table th{font-size:.65rem}.activity-name-cell{font-size:.8125rem;max-width:150px}.coordinator-name{font-size:.75rem}.coordinator-contact{font-size:.7rem}.approval-badge{font-size:.7rem;padding:4px 10px}.review-button{font-size:.7rem;padding:6px 10px}.approve-icon-button,.comment-icon-button,.reject-icon-button{font-size:.8125rem;height:30px;width:30px}.comment-button-primary{font-size:.75rem;padding:7px 14px}.modal-content{border-radius:20px;max-width:100%}.modal-header{padding:16px 20px}.modal-header h2{font-size:1rem}.modal-close{font-size:1.25rem;height:32px;width:32px}.modal-body{padding:20px}.modal-body p{font-size:.8125rem}.comment-textarea,.vpa-note-textarea{font-size:.8125rem;padding:10px 12px}.modal-footer{padding:16px 20px}.modal-cancel-button,.modal-confirm-button{font-size:.75rem;padding:10px 16px}}.analytics-container{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.analytics-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 10px 30px #667eea4d;margin-bottom:2.5rem;overflow:hidden;padding:2.5rem;position:relative}.analytics-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;position:relative;z-index:1}.header-text{flex:1 1}.analytics-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-shadow:0 2px 10px #0003}.analytics-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:400;margin:0}.refresh-button-top{align-items:center;background:#fffffff2;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#667eea;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;position:relative;transition:all .3s ease;white-space:nowrap;z-index:1}.refresh-button-top:hover{background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.refresh-button-top:active{box-shadow:0 2px 10px #0000001a;transform:translateY(0)}.refresh-icon{animation:none;display:inline-block;font-size:1.1rem}.refresh-button-top:hover .refresh-icon{animation:spin 1s linear infinite}.analytics-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem}.summary-card{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 4px 15px #00000014;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative}.summary-card:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:5px}.summary-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.summary-content{flex:1 1}.summary-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.75rem;font-weight:700;line-height:1;margin:0 0 .5rem}.summary-label{color:#6b7280;font-size:1rem;font-weight:500;margin:0}.chart-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));margin-bottom:2rem}.chart-section.full-width{grid-template-columns:1fr}.chart-card{background:#fff;border:none;border-radius:20px;box-shadow:0 4px 15px #00000014;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.chart-card:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.chart-card:hover:after{opacity:.1}.chart-card:hover{box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.chart-title{border-bottom:3px solid #f3f4f6;color:#1f2937;font-size:1.2rem;font-weight:600;letter-spacing:-.2px;margin:0 0 1.75rem;padding-bottom:1rem;position:relative}.chart-title:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.chart-container{height:400px;position:relative;width:100%}.chart-container-bar{height:600px;position:relative;width:100%}.chart-container-disclosure{height:300px;position:relative;width:100%}.chart-container-committee{height:400px;position:relative;width:100%}.chart-container-focus,.chart-container-ifmsa{height:500px;position:relative;width:100%}.chart-container-target{height:550px;position:relative;width:100%}.chart-container-evaluation{height:400px;position:relative;width:100%}.chart-no-data{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:16px;display:flex;height:300px;justify-content:center}.chart-no-data p{color:#6b7280;font-size:1rem;font-weight:500;margin:0;text-align:center}.analytics-loading{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem}.loading-spinner{border-color:#667eea #f3f4f6 #764ba2;border-style:solid;border-width:5px;height:60px;margin-bottom:1.5rem;width:60px}.analytics-loading p{color:#6b7280;font-size:1.1rem;font-weight:500}.analytics-error{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem;text-align:center}.error-icon{animation:shake .5s ease-in-out}.analytics-error p{color:#dc2626;font-size:1.1rem;font-weight:500;margin-bottom:2rem}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;padding:.875rem 2.5rem}.retry-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.no-data-state{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem;text-align:center}.no-data-icon{animation:pulse 2s ease-in-out infinite;font-size:6rem;margin-bottom:1.5rem;opacity:.6}.no-data-state h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.no-data-state p{color:#6b7280;font-size:1.1rem;font-weight:400}*{scroll-behavior:smooth}@media print{.analytics-container{background:#fff}.analytics-header{background:#fff!important;box-shadow:none!important}.analytics-header,.analytics-subtitle,.analytics-title{color:#000!important}.refresh-button-top{display:none}.chart-card{page-break-inside:avoid}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f3f4;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#65418b)}.chart-card:focus-within{outline:3px solid #667eea;outline-offset:2px}.chart-section{animation:fadeInUp .6s ease-out}.chart-card:first-child{animation-delay:.1s}.chart-card:nth-child(2){animation-delay:.2s}.chart-card:nth-child(3){animation-delay:.3s}.chart-card:nth-child(4){animation-delay:.4s}@media (max-width:1024px){.analytics-container{padding:1.5rem}.analytics-header{border-radius:18px;padding:2rem}.header-content{align-items:flex-start;flex-direction:column;gap:1.5rem}.refresh-button-top{justify-content:center;width:100%}.analytics-title{font-size:2.25rem}.analytics-subtitle{font-size:1rem}.analytics-summary{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.chart-section{gap:1.75rem;grid-template-columns:1fr}.chart-card{padding:2rem}.chart-container{height:350px}.chart-container-bar{height:550px}.chart-container-focus{height:450px}.chart-container-target{height:500px}}@media (max-width:768px){.analytics-container{padding:1rem}.analytics-header{border-radius:16px;margin-bottom:2rem;padding:1.75rem 1.5rem}.header-content{align-items:flex-start;flex-direction:column;gap:1.25rem}.header-text{width:100%}.refresh-button-top{font-size:.875rem;justify-content:center;padding:.75rem 1.5rem;width:100%}.refresh-icon{font-size:1rem}.analytics-title{font-size:1.875rem}.analytics-subtitle{font-size:.9375rem}.analytics-summary{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.summary-card{gap:1.25rem;padding:1.5rem}.summary-icon svg{height:48px;width:48px}.summary-number{font-size:2.25rem;margin-bottom:.375rem}.summary-label{font-size:.9375rem}.chart-section{gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}.chart-card{border-radius:16px;padding:1.75rem}.chart-title{font-size:1.125rem;margin-bottom:1.5rem;padding-bottom:.875rem}.chart-container{height:300px}.chart-container-bar{height:500px}.chart-container-disclosure{height:280px}.chart-container-committee{height:350px}.chart-container-ifmsa{height:450px}.chart-container-focus{height:400px}.chart-container-target{height:450px}.chart-container-evaluation{height:350px}.chart-no-data{height:250px}.chart-no-data p{font-size:.9375rem;padding:0 1rem}.analytics-error,.analytics-loading,.no-data-state{min-height:350px;padding:3rem 1.5rem}.loading-logo{margin-bottom:1.5rem;width:100px}.loading-spinner{border-width:4px;height:52px;margin-bottom:1.25rem;width:52px}.analytics-error p,.analytics-loading p{font-size:1rem}.error-icon{font-size:4rem;margin-bottom:1.25rem}.retry-button{font-size:.9375rem;padding:.75rem 2rem}.no-data-icon{font-size:5rem;margin-bottom:1.25rem}.no-data-state h3{font-size:1.375rem;margin-bottom:.625rem}.no-data-state p{font-size:1rem}}@media (max-width:480px){.analytics-container{padding:.875rem}.analytics-header{border-radius:14px;margin-bottom:1.5rem;padding:1.5rem 1.25rem}.header-content{gap:1rem}.refresh-button-top{font-size:.8125rem;padding:.625rem 1.25rem}.analytics-title{font-size:1.625rem}.analytics-subtitle{font-size:.875rem}.analytics-summary{gap:.875rem;margin-bottom:1.5rem}.summary-card{gap:1rem;padding:1.25rem}.summary-icon svg{height:40px;width:40px}.summary-number{font-size:2rem;margin-bottom:.375rem}.summary-label{font-size:.875rem}.chart-section{gap:1.25rem;margin-bottom:1.25rem}.chart-card{border-radius:14px;padding:1.375rem}.chart-title{font-size:1rem;margin-bottom:1.25rem;padding-bottom:.75rem}.chart-title:before{bottom:-2px;height:2px;width:50px}.chart-container{height:250px}.chart-container-bar{height:450px}.chart-container-disclosure{height:250px}.chart-container-committee{height:320px}.chart-container-ifmsa{height:400px}.chart-container-focus{height:350px}.chart-container-target{height:400px}.chart-container-evaluation{height:320px}.chart-no-data{border-radius:12px;height:220px}.chart-no-data p{font-size:.875rem;padding:0 .75rem}.analytics-error,.analytics-loading,.no-data-state{border-radius:16px;min-height:300px;padding:2.5rem 1.25rem}.loading-logo{margin-bottom:1.25rem;width:85px}.loading-spinner{border-width:3px;height:48px;margin-bottom:1rem;width:48px}.analytics-error p,.analytics-loading p{font-size:.9375rem}.error-icon{font-size:3.5rem;margin-bottom:1rem}.retry-button{font-size:.875rem;padding:.625rem 1.75rem}.no-data-icon{font-size:4.5rem;margin-bottom:1rem}.no-data-state h3{font-size:1.25rem;margin-bottom:.5rem}.no-data-state p{font-size:.9375rem}}.rh-card-view{display:none}.rh-resource-card{animation:cardSlideIn .4s ease backwards;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.rh-resource-card:hover{box-shadow:0 4px 12px #0000001a}.rh-resource-card:first-child{animation-delay:0s}.rh-resource-card:nth-child(2){animation-delay:.05s}.rh-resource-card:nth-child(3){animation-delay:.1s}.rh-resource-card:nth-child(4){animation-delay:.15s}.rh-resource-card:nth-child(5){animation-delay:.2s}.rh-card-header{border-bottom:1px solid #f1f5f9;gap:.875rem;padding-bottom:1rem}.rh-card-icon-wrapper{align-items:center;background:linear-gradient(135deg,#0d94881a,#14b8a60d);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.rh-card-icon-wrapper svg{color:#0d9488;height:20px;width:20px}.rh-card-title-wrapper{flex:1 1;min-width:0}.rh-card-title{word-wrap:break-word;color:#1e293b;font-size:.9375rem;font-weight:700;line-height:1.4;margin:0 0 .25rem}.rh-card-date{color:#64748b;font-size:.75rem}.rh-card-footer{align-items:center;display:flex;gap:.625rem}.rh-card-link-btn{border:none;border-radius:10px;box-shadow:0 2px 8px #0d948833;cursor:pointer;display:inline-flex;flex:1 1;font-size:.875rem;gap:8px;padding:.75rem 1rem}.rh-card-link-btn:hover{box-shadow:0 4px 12px #0d94884d}.rh-card-link-btn svg{height:16px;width:16px}.rh-card-actions{gap:.5rem}.rh-card-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rh-card-action-btn.edit{color:#0d9488}.rh-card-action-btn.edit:hover{background:#0d94881a;border-color:#0d9488}.rh-card-action-btn.delete{color:#ef4444}.rh-card-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444}.rh-card-action-btn svg{height:16px;width:16px}.rh-card-empty{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:3rem 1.5rem;text-align:center}.rh-card-empty .rh-empty-icon{align-items:center;background:linear-gradient(135deg,#0d94881a,#14b8a60d);border-radius:14px;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.rh-card-empty .rh-empty-icon svg{color:#0d9488;height:28px;width:28px}.rh-card-empty h3{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.rh-card-empty p{color:#64748b;font-size:.875rem;margin:0 0 1.5rem}@media (max-width:1024px){.resource-hub{padding:24px}.rh-header{gap:16px}.rh-header-text h1{font-size:1.5rem}.rh-header-text p{font-size:.875rem}.rh-header-icon{height:52px;width:52px}.rh-header-icon svg{height:26px;width:26px}.rh-summary{flex-wrap:wrap}.rh-table-wrapper{overflow-x:auto}.rh-table{min-width:700px}}@media (max-width:768px){.resource-hub{padding:16px}.rh-header{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.rh-header-content{width:100%}.rh-header-icon{height:48px;width:48px}.rh-header-icon svg{height:24px;width:24px}.rh-header-text h1{font-size:1.375rem;margin-bottom:2px}.rh-header-text p{font-size:.8125rem}.rh-header-actions{flex-wrap:wrap;width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center;min-width:calc(50% - 6px)}.rh-btn{font-size:.8125rem;padding:10px 16px}.rh-btn svg{height:16px;width:16px}.rh-summary{flex-direction:column;gap:12px;margin-bottom:20px}.rh-summary-card{min-width:auto;padding:14px 20px;width:100%}.rh-summary-icon{height:40px;width:40px}.rh-summary-icon svg{height:20px;width:20px}.rh-summary-value{font-size:1.375rem}.rh-summary-label{font-size:.75rem}.rh-toolbar{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:16px}.rh-search{max-width:none;min-width:auto;width:100%}.rh-search-icon,.rh-search-icon svg{height:18px;width:18px}.rh-search-input{font-size:.875rem;padding:12px 14px 12px 44px}.rh-results-info{font-size:.8125rem;text-align:center}.rh-table-wrapper{display:none}.rh-card-view{display:block}.row-icon{height:36px;width:36px}.row-icon svg{height:18px;width:18px}.doc-name{font-size:.875rem}.category-badge{font-size:.75rem;padding:5px 12px}.date-text{font-size:.8125rem}.link-btn{font-size:.75rem;padding:7px 12px}.link-btn svg{height:12px;width:12px}.action-btn{height:32px;width:32px}.action-btn svg{height:16px;width:16px}.rh-empty-icon{height:70px;width:70px}.rh-empty-icon svg{height:35px;width:35px}.rh-empty-content h3{font-size:1.125rem}.rh-empty-content p{font-size:.875rem}.rh-error,.rh-loading{padding:60px 16px}.loading-logo{margin-bottom:1.5rem;width:100px}.rh-spinner{height:44px;margin-bottom:16px;width:44px}.rh-loading p{font-size:.875rem}.rh-error{padding:40px 20px}.rh-error-icon{margin-bottom:12px}.rh-error-icon,.rh-error-icon svg{height:40px;width:40px}.rh-error p{font-size:.875rem}.rh-modal{border-radius:20px;max-width:480px}.rh-modal.rh-modal-sm{max-width:380px}.rh-modal-header{padding:20px 24px}.rh-modal-icon{height:36px;width:36px}.rh-modal-icon svg{height:18px;width:18px}.rh-modal-title h2{font-size:1.125rem}.rh-modal-close{height:36px;width:36px}.rh-modal-close svg{height:18px;width:18px}.rh-modal-body{padding:24px}.rh-delete-text{font-size:.875rem}.rh-form-group{margin-bottom:20px}.rh-form-group label{font-size:.8125rem;margin-bottom:7px}.rh-form-group input{font-size:.875rem;padding:12px 14px}.rh-input-icon,.rh-input-icon svg{height:18px;width:18px}.rh-input-wrapper input{padding-left:44px}.rh-form-error{font-size:.75rem;margin-top:6px}.rh-form-hint{font-size:.7rem;margin-top:6px}.rh-modal-footer{flex-direction:column;gap:10px;padding:18px 24px}.rh-modal-footer .rh-btn{justify-content:center;width:100%}}@media (max-width:480px){.resource-hub{padding:12px}.rh-header{gap:12px;margin-bottom:16px}.rh-header-icon{height:44px;width:44px}.rh-header-icon svg{height:22px;width:22px}.rh-header-text h1{font-size:1.25rem}.rh-header-text p{font-size:.75rem}.rh-header-actions .rh-btn{font-size:.75rem;min-width:100%;padding:9px 14px}.rh-btn svg{height:14px;width:14px}.rh-summary{gap:10px;margin-bottom:16px}.rh-summary-card{padding:12px 16px}.rh-summary-icon{height:36px;width:36px}.rh-summary-icon svg{height:18px;width:18px}.rh-summary-value{font-size:1.25rem}.rh-summary-label{font-size:.7rem}.rh-toolbar{gap:12px;margin-bottom:14px}.rh-search-input{font-size:.8125rem;padding:10px 12px 10px 40px}.rh-results-info{font-size:.75rem}.rh-resource-card{border-radius:14px;padding:1rem}.rh-card-title{font-size:.875rem}.rh-card-date{font-size:.6875rem}.rh-card-icon-wrapper{height:36px;width:36px}.rh-card-icon-wrapper svg{height:18px;width:18px}.rh-card-link-btn{font-size:.8125rem;padding:.625rem .875rem}.rh-card-action-btn{height:36px;width:36px}.rh-card-action-btn svg{height:14px;width:14px}.rh-table-wrapper{border-radius:14px}.rh-table{min-width:600px}.rh-table td,.rh-table th{font-size:.75rem;padding:12px 14px}.rh-table th{font-size:.65rem}.row-icon{height:32px;width:32px}.row-icon svg{height:16px;width:16px}.doc-name{font-size:.8125rem}.category-badge{font-size:.7rem;padding:4px 10px}.date-text{font-size:.75rem}.link-btn{font-size:.7rem;padding:6px 10px}.action-btn{height:30px;width:30px}.action-btn svg{height:14px;width:14px}.rh-table-empty{padding:60px 16px!important}.rh-empty-icon{height:64px;margin-bottom:20px;width:64px}.rh-empty-icon svg{height:32px;width:32px}.rh-empty-content h3{font-size:1rem}.rh-empty-content p{font-size:.8125rem;margin-bottom:20px}.rh-error,.rh-loading{padding:48px 12px}.loading-logo{margin-bottom:1.25rem;width:85px}.rh-spinner{height:40px;margin-bottom:14px;width:40px}.rh-loading p{font-size:.8125rem}.rh-error{padding:32px 16px}.rh-error-icon{margin-bottom:10px}.rh-error-icon,.rh-error-icon svg{height:36px;width:36px}.rh-error p{font-size:.8125rem;margin-bottom:16px}.rh-modal-overlay{padding:12px}.rh-modal{border-radius:18px}.rh-modal,.rh-modal.rh-modal-sm{max-width:100%}.rh-modal-header{padding:16px 20px}.rh-modal-icon{height:32px;width:32px}.rh-modal-icon svg{height:16px;width:16px}.rh-modal-title h2{font-size:1rem}.rh-modal-close{height:32px;width:32px}.rh-modal-close svg{height:16px;width:16px}.rh-modal-body{padding:20px}.rh-delete-text{font-size:.8125rem}.rh-form-group{margin-bottom:18px}.rh-form-group label{font-size:.75rem;margin-bottom:6px}.rh-form-group input{font-size:.8125rem;padding:10px 12px}.rh-input-icon{left:14px}.rh-input-icon,.rh-input-icon svg{height:16px;width:16px}.rh-input-wrapper input{padding-left:40px}.rh-form-error{font-size:.7rem}.rh-form-hint{font-size:.65rem}.rh-modal-footer{padding:16px 20px}.rh-modal-footer .rh-btn{font-size:.75rem;padding:10px 16px}}.nef-request-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.nef-request-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1400px;padding:2rem}.nef-request-page-header{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 4px 12px #0000000f;justify-content:space-between;margin-bottom:2rem;padding:2rem}.nef-request-page-header,.status-badges{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.status-label{color:#64748b;font-size:.875rem;letter-spacing:.3px}.badge{align-items:center;border:1px solid;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;white-space:nowrap}.badge-success{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b9814d;color:#065f46}.badge-danger{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef44444d;color:#991b1b}.badge-warning{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b4d;color:#92400e}.nef-section{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 4px 12px #0000000f;margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}.nef-section:hover{box-shadow:0 6px 18px #00000014}.section-title{border-bottom:2px solid #f3f4f6}.badge-icon{align-items:center;display:flex;flex-shrink:0;height:14px;justify-content:center;width:14px}.badge-icon svg{height:100%;width:100%}.btn-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.btn-icon svg{height:100%;width:100%}.checklist-icon{align-items:center;color:#10b981;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;margin-right:.5rem;width:16px}.checklist-icon svg{height:100%;width:100%}.link-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.link-icon svg{height:100%;width:100%}.modal-title-icon{flex-shrink:0;height:22px;margin-right:.5rem;vertical-align:middle;width:22px}.modal-title-icon.success{color:#10b981}.error-icon,.modal-title-icon.error{color:#f59e0b}.error-icon{height:64px;margin:0 auto 1rem;width:64px}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.info-grid{grid-template-columns:1fr}}.info-item{flex-direction:column;gap:.5rem;min-width:0;position:relative}.info-item.full-width{grid-column:1/-1}.info-item label{color:#0d9488;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-item p{color:#1e293b;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.info-item small{color:#64748b;font-size:.875rem;font-weight:400}.text-content{color:#374151;line-height:1.8;white-space:pre-wrap}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;position:relative;z-index:1}.tags-container a,.tags-container button{position:relative;z-index:2}.tag{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;color:#075985;font-size:.8125rem;font-weight:600;padding:.5rem .875rem;transition:all .2s ease}.tag:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);box-shadow:0 2px 8px #07598526;transform:translateY(-1px)}.tag-primary{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#c4b5fd;color:#5b21b6}.tag-primary:hover{background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.tag-info{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-color:#5eead4;color:#0f766e}.tag-info:hover{background:linear-gradient(135deg,#99f6e4,#5eead4)}.other-text{color:#64748b;font-size:.875rem;font-style:italic;margin-top:.5rem}.budget-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#14b8a6);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.view-budget-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:12px;box-shadow:0 4px 12px #0d94884d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.625rem;outline:none;padding:.875rem 1.5rem;pointer-events:auto;position:relative;text-decoration:none;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:10}.view-budget-button:hover{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 6px 18px #0d948866;transform:translateY(-2px)}.view-budget-button:active{box-shadow:0 2px 8px #0d94884d;transform:translateY(0)}.view-budget-button:focus{outline:2px solid #14b8a6;outline-offset:2px}.budget-btn-icon{align-items:center;display:flex;height:18px;justify-content:center;pointer-events:none;width:18px}.budget-btn-icon svg{height:100%;width:100%}.view-budget-button span{pointer-events:none}.link-button{align-items:center;-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:12px;box-shadow:0 4px 12px #0d94884d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;outline:none;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.link-button:hover{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 6px 18px #0d948866;transform:translateY(-2px)}.link-button:focus{outline:2px solid #14b8a6;outline-offset:2px}.link-button:active{box-shadow:0 2px 8px #0d94884d;transform:translateY(0)}.link-button .link-icon{flex-shrink:0;pointer-events:none}.checklist{list-style:none;margin:0;padding:0}.checklist li{align-items:center;border-bottom:1px solid #f3f4f6;color:#1e293b;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.checklist li:last-child{border-bottom:none}.checklist li:hover{padding-left:1.25rem}.checklist li:hover,.metadata-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.approval-actions-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #0d94884d}.approval-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.approve-action-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.approve-action-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 18px #10b98166;transform:translateY(-2px)}.approve-action-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.reject-action-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.reject-action-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 18px #ef444466;transform:translateY(-2px)}.reject-action-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-overlay{background:#0f172ab3}.modal-content{box-shadow:0 24px 48px #0000004d;max-width:550px}.modal-header{padding:1.75rem 2rem}.modal-header h2{font-size:1.375rem;letter-spacing:-.025em}.modal-close{font-size:1.75rem}.modal-body{padding:2rem}.modal-body p{color:#64748b;font-size:.9375rem;font-weight:400;line-height:1.6;margin:0 0 1rem}.message-content{border:1px solid;border-radius:12px;font-size:.9375rem;font-weight:500;padding:1rem 1.25rem}.message-content.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46}.message-content.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.message-content p{color:inherit;margin:0}.vpa-note-textarea{border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.9375rem;line-height:1.6;margin-bottom:1rem;padding:.875rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.vpa-note-textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a;outline:none}.vpa-note-textarea::placeholder{color:#94a3b8}.modal-warning{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:600;margin:0;padding:.75rem 1rem}.loading-spinner{margin:0 auto}.modal-footer{gap:.75rem}.modal-cancel-button,.modal-confirm-button{padding:.75rem 1.5rem}.modal-confirm-button.approve{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.modal-confirm-button.approve:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 18px #10b98173;transform:translateY(-2px)}.modal-confirm-button.reject{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.modal-confirm-button.reject:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 18px #ef444473;transform:translateY(-2px)}.modal-confirm-button:disabled{transform:none!important}.budget-modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 24px 48px #0000004d;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:1200px;width:90%}.budget-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1.5rem}.budget-iframe{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;height:100%;width:100%}.image-modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 24px 48px #0000004d;display:flex;flex-direction:column;height:80vh;max-height:800px;max-width:1100px;overflow:hidden;width:90%}.image-modal-content .modal-header{flex-shrink:0}.image-modal-body{align-items:center;background:#1e293b;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:1rem}.image-iframe{background:#f8fafc;border:none;border-radius:8px;height:100%;width:100%}.modal-image{border-radius:8px;box-shadow:0 8px 32px #0006;max-height:60vh;max-width:100%;object-fit:contain}.image-modal-content .modal-footer{flex-shrink:0;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1rem 1.5rem}.modal-cancel-button .btn-icon,.modal-confirm-button .btn-icon{display:inline-flex;vertical-align:middle}.loading-state{font-size:1.1rem;min-height:400px}.loading-state p{color:#64748b;font-size:1.1rem}.error-state{border:1px solid #fecaca}.error-icon{font-size:4rem}.error-state h2{font-size:1.75rem}.error-state p{color:#64748b;margin:0}@media (max-width:1024px){.nef-request-container{padding:1.5rem}.nef-request-page-header{align-items:flex-start;flex-direction:column;gap:1.25rem;padding:1.75rem}.page-header-icon{height:52px;width:52px}.header-icon-svg{height:26px;width:26px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.status-badges{flex-direction:column;gap:1.25rem;width:100%}.status-item{justify-content:space-between;width:100%}.nef-section{margin-bottom:1.25rem;padding:1.75rem}.section-title{font-size:1.25rem;margin-bottom:1.25rem;padding-bottom:.875rem}.info-grid{gap:1.25rem}}@media (max-width:768px){.nef-request-container{padding:1rem}.nef-request-page-header{gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.page-header-content{gap:.875rem}.page-header-icon{height:48px;width:48px}.header-icon-svg{height:24px;width:24px}.page-header-text h1{font-size:1.375rem;margin-bottom:.125rem}.page-header-text p{font-size:.8125rem}.status-badges{flex-direction:column;gap:1rem;width:100%}.status-item{justify-content:space-between;width:100%}.status-label{font-size:.8125rem}.badge{font-size:.75rem;gap:.3rem;padding:.4375rem .875rem}.badge-icon{height:12px;width:12px}.nef-section{border-radius:16px;margin-bottom:1.25rem;padding:1.5rem}.nef-section:hover{box-shadow:0 4px 12px #0000000f}.section-title{font-size:1.25rem;gap:.625rem;margin-bottom:1.25rem;padding-bottom:.875rem}.section-icon{height:22px;width:22px}.info-grid{gap:1.125rem;grid-template-columns:1fr}.info-item label{font-size:.7rem}.info-item p{font-size:.9375rem}.info-item small{font-size:.8125rem}.text-content{font-size:.9375rem;line-height:1.7}.tags-container{gap:.4375rem;margin-top:.4375rem}.tag{border-radius:10px;font-size:.75rem;padding:.4375rem .75rem}.other-text{font-size:.8125rem;margin-top:.4375rem}.budget-amount{font-size:1.5rem}.link-button,.view-budget-button{font-size:.875rem;gap:.4375rem;justify-content:center;padding:.75rem 1.25rem;width:100%}.budget-btn-icon,.link-icon{height:16px;width:16px}.checklist li{font-size:.875rem;gap:.625rem;padding:.75rem .875rem}.checklist-icon{height:14px;width:14px}.approval-actions-section{border-radius:16px}.approval-actions{flex-direction:column;gap:.875rem;margin-top:.875rem}.approve-action-button,.reject-action-button{font-size:1rem;justify-content:center;padding:.875rem 2rem;width:100%}.btn-icon{height:16px;width:16px}.modal-overlay{padding:16px}.budget-modal-content,.image-modal-content,.modal-content{margin:.5rem;max-width:95%;width:95%}.budget-modal-content{border-radius:20px;height:85vh}.image-modal-content{border-radius:20px;height:75vh}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.125rem}.modal-title-icon{height:20px;width:20px}.modal-close{font-size:1.5rem;height:36px;width:36px}.modal-body{padding:1.5rem}.message-content,.modal-body p{font-size:.875rem}.message-content{padding:.875rem 1rem}.vpa-note-textarea{font-size:.875rem;margin-bottom:.875rem;padding:.75rem .875rem}.modal-warning{font-size:.8125rem;padding:.625rem .875rem}.loading-spinner{height:44px;width:44px}.modal-footer{flex-direction:column-reverse;gap:.625rem;padding:1.25rem 1.5rem}.modal-cancel-button,.modal-confirm-button{font-size:.8125rem;justify-content:center;padding:.6875rem 1.25rem;width:100%}.budget-modal-body{padding:1rem}.budget-iframe{border-radius:10px}.image-modal-body{padding:.875rem}.modal-image{max-height:55vh}.image-modal-content .modal-footer{gap:.625rem;padding:.875rem 1.25rem}.error-state,.loading-state{border-radius:16px;min-height:350px;padding:3rem 1.5rem}.loading-logo{margin-bottom:1.5rem;width:100px}.loading-state p{font-size:1rem}.error-icon{height:56px;margin-bottom:.875rem;width:56px}.error-state h2{font-size:1.5rem;margin-bottom:.875rem}.error-state p{font-size:1rem}}@media (max-width:480px){.nef-request-container{padding:.875rem}.nef-request-page-header{gap:.875rem;margin-bottom:1.25rem;padding:1.25rem}.page-header-content{gap:.75rem}.page-header-icon{height:44px;width:44px}.header-icon-svg{height:22px;width:22px}.page-header-text h1{font-size:1.25rem}.page-header-text p{font-size:.75rem}.status-badges{gap:.875rem}.status-label{font-size:.75rem}.badge{font-size:.7rem;gap:.25rem;padding:.375rem .75rem}.badge-icon{height:11px;width:11px}.nef-section{border-radius:14px;margin-bottom:1rem;padding:1.25rem}.section-title{font-size:1.125rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.section-icon{height:20px;width:20px}.info-grid{gap:1rem}.info-item label{font-size:.65rem}.info-item p{font-size:.875rem}.info-item small{font-size:.75rem}.text-content{font-size:.875rem;line-height:1.65}.tags-container{gap:.375rem}.tag{border-radius:8px;font-size:.7rem;padding:.375rem .625rem}.other-text{font-size:.75rem}.budget-amount{font-size:1.375rem}.link-button,.view-budget-button{font-size:.8125rem;gap:.375rem;padding:.625rem 1rem}.budget-btn-icon,.link-icon{height:14px;width:14px}.checklist li{font-size:.8125rem;gap:.5rem;padding:.625rem .75rem}.checklist-icon{height:13px;width:13px}.approval-actions{gap:.75rem;margin-top:.75rem}.approve-action-button,.reject-action-button{font-size:.9375rem;padding:.75rem 1.75rem}.btn-icon{height:15px;width:15px}.modal-overlay{padding:12px}.budget-modal-content,.image-modal-content,.modal-content{border-radius:18px;margin:0;max-width:100%;width:100%}.budget-modal-content{height:82vh}.image-modal-content{height:70vh}.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1rem}.modal-title-icon{height:18px;margin-right:.375rem;width:18px}.modal-close{font-size:1.375rem;height:32px;width:32px}.modal-body{padding:1.25rem}.message-content,.modal-body p{font-size:.8125rem}.message-content{padding:.75rem .875rem}.vpa-note-textarea{font-size:.8125rem;margin-bottom:.75rem;padding:.625rem .75rem}.modal-warning{font-size:.75rem;padding:.5rem .75rem}.loading-spinner{border-width:2px;height:40px;width:40px}.modal-footer{gap:.5rem;padding:1rem 1.25rem}.modal-cancel-button,.modal-confirm-button{font-size:.75rem;padding:.625rem 1rem}.budget-modal-body{padding:.875rem}.budget-iframe{border-radius:8px;border-width:1px}.image-modal-body{padding:.75rem}.modal-image{border-radius:6px;max-height:50vh}.image-modal-content .modal-footer{gap:.5rem;padding:.75rem 1rem}.error-state,.loading-state{border-radius:14px;min-height:300px;padding:2.5rem 1.25rem}.loading-logo{margin-bottom:1.25rem;width:85px}.loading-state p{font-size:.9375rem}.error-icon{height:52px;margin-bottom:.75rem;width:52px}.error-state h2{font-size:1.375rem;margin-bottom:.75rem}.error-state p{font-size:.9375rem}}@media print{.nef-request-page{background:#fff}.nef-request-page-header{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;print-color-adjust:exact;-webkit-print-color-adjust:exact}.page-header-text h1,.page-header-text p{color:#fff}.nef-section{border:1px solid #dee2e6;box-shadow:none;page-break-inside:avoid}.approval-actions-section{display:none}}.vpi-sidebar{background:linear-gradient(180deg,#fafbfc,#fff);border-right:1px solid #e0e7e9;box-shadow:2px 0 12px #0000000a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);margin:0;min-width:280px;overflow-y:auto;padding:0;position:relative;width:280px}.vpi-sidebar::-webkit-scrollbar{width:6px}.vpi-sidebar::-webkit-scrollbar-track{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:10px}.vpi-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.vpi-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0d9488,#14b8a6)}@media (max-width:1024px){.vpi-sidebar{min-width:260px;width:260px}.sidebar-nav{padding:1.25rem 0}.sidebar-button{font-size:.875rem;gap:.875rem;margin:.3125rem .75rem;padding:.8125rem 1.125rem;width:calc(100% - 1.5rem)}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.875rem}}@media (max-width:768px){.vpi-sidebar{box-shadow:4px 0 20px #00000026;height:calc(100vh - 80px);left:0;min-width:280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:80px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.vpi-sidebar.mobile-open{box-shadow:8px 0 32px #0003;transform:translateX(0)}.sidebar-mobile-close{display:flex}.sidebar-nav{padding:3.5rem 0 1.5rem}.vpi-sidebar::-webkit-scrollbar{width:4px}.vpi-sidebar::-webkit-scrollbar-track{background:#0000}.vpi-sidebar::-webkit-scrollbar-thumb{background:#0d94884d;border-radius:10px}.vpi-sidebar::-webkit-scrollbar-thumb:hover{background:#0d948880}.sidebar-button{border-radius:10px;font-size:.875rem;gap:.875rem;margin:.3125rem .75rem;padding:.875rem 1.125rem;width:calc(100% - 1.5rem)}.sidebar-button:hover{transform:translateX(2px)}.sidebar-button:active{transform:translateX(0) scale(.98);transition:all .1s ease}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.875rem}.sidebar-menu li{animation:slideIn .2s ease forwards}.sidebar-menu li:first-child{animation-delay:.02s}.sidebar-menu li:nth-child(2){animation-delay:.04s}.sidebar-menu li:nth-child(3){animation-delay:.06s}.sidebar-menu li:nth-child(4){animation-delay:.08s}.sidebar-menu li:nth-child(5){animation-delay:.1s}.sidebar-menu li:nth-child(6){animation-delay:.12s}}@media (max-width:480px){.vpi-sidebar{min-width:260px;width:260px}.sidebar-mobile-close{height:32px;right:.875rem;top:.875rem;width:32px}.sidebar-mobile-close svg{height:16px;width:16px}.sidebar-nav{padding:3.25rem 0 1.25rem}.sidebar-button{border-radius:10px;font-size:.8125rem;gap:.75rem;margin:.25rem .625rem;padding:.75rem 1rem;width:calc(100% - 1.25rem)}.sidebar-button:before{width:3px}.sidebar-icon{height:18px;width:18px}.sidebar-text{font-size:.8125rem}.sidebar-menu li{animation:slideIn .15s ease forwards}.sidebar-menu li:nth-child(n){animation-delay:0s}}@media (max-width:768px) and (orientation:landscape){.vpi-sidebar{height:calc(100vh - 60px);top:60px}.sidebar-mobile-close{height:30px;right:.75rem;top:.5rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{padding:2.75rem 0 1rem}.sidebar-button{font-size:.8125rem;gap:.625rem;margin:.25rem .625rem;padding:.625rem .875rem;width:calc(100% - 1.25rem)}}@media (max-width:360px){.vpi-sidebar{min-width:240px;width:240px}.sidebar-mobile-close{height:30px;right:.75rem;top:.75rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{padding:3rem 0 1rem}.sidebar-button{font-size:.75rem;gap:.625rem;margin:.25rem .5rem;padding:.625rem .75rem;width:calc(100% - 1rem)}.sidebar-icon{height:16px;width:16px}.sidebar-text{font-size:.75rem}}@media (max-width:768px){.desktop-view{display:none}.mobile-cards-view{display:flex;flex-direction:column;gap:16px}.council-card{animation:cardFadeIn .3s ease backwards;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.council-card:active{transform:scale(.98)}.card-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding:16px}.card-title-section{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.card-lc-name{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0;word-break:break-word}.card-header .lc-number-badge{align-self:flex-start}.card-header .status-badge{flex-shrink:0}.card-body{display:flex;flex-direction:column;gap:12px;padding:16px}.card-info-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.card-label{color:#64748b;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.card-value{color:#1e293b;font-size:.9375rem;font-weight:500;text-align:right}.card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:stretch;padding:12px 16px}.card-footer .action-btn{align-items:center;border-radius:10px;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:6px;height:auto;justify-content:center;padding:10px 16px;width:auto}.card-footer .action-btn span{display:inline}.card-footer .edit-btn{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:#2563eb}.card-footer .edit-btn:active,.card-footer .edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.card-footer .delete-btn{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626}.card-footer .delete-btn:active,.card-footer .delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.local-councils-container{padding:16px}.local-councils-header{align-items:flex-start;flex-direction:column}.add-lc-button{justify-content:center;width:100%}.local-councils-title{font-size:1.5rem}.local-councils-subtitle{font-size:.85rem}.local-councils-table td,.local-councils-table th{padding:12px 14px}.modal-content{max-width:95%}.modal-body,.modal-footer,.modal-header{padding-left:24px;padding-right:24px}.form-row{gap:0;grid-template-columns:1fr}.form-row .form-group{margin-bottom:20px}.modal-footer{flex-direction:column}.modal-footer button{justify-content:center;width:100%}.desktop-view{display:none}.mobile-cards-view{display:flex;flex-direction:column;gap:16px}.rh-empty-state-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #0000000a;padding:60px 20px;text-align:center}.resource-card{animation:cardFadeIn .3s ease backwards;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.resource-card:active{transform:scale(.98)}.resource-card .card-header{align-items:center;background:linear-gradient(135deg,#f0fdf9,#e7f7f4);border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px}.card-icon-section{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:12px;box-shadow:0 4px 12px #0d948840;flex-shrink:0;height:48px;width:48px}.card-drive-icon,.card-icon-section{align-items:center;display:flex;justify-content:center}.card-drive-icon{color:#fff}.card-drive-icon svg{height:24px;width:24px}.card-title-section{flex:1 1;min-width:0}.card-doc-name{color:#1e293b;font-size:1.0625rem;font-weight:700;line-height:1.4;margin:0 0 6px;word-break:break-word}.card-date{color:#64748b;font-size:.8125rem;font-weight:500;margin:0}.resource-card .card-footer{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:10px;padding:12px 16px}.card-open-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:10px;box-shadow:0 2px 8px #0d948840;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:11px 16px;text-decoration:none;transition:all .2s ease}.card-open-btn:active{box-shadow:0 1px 4px #0d94884d;transform:scale(.96)}.card-open-btn svg{height:16px;width:16px}.card-actions{display:flex;gap:8px}.card-actions .action-btn{align-items:center;border:1px solid;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.card-actions .action-btn svg{height:18px;width:18px}.card-actions .action-btn.edit{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:#2563eb}.card-actions .action-btn.edit:active{background:#2563eb;border-color:#2563eb;color:#fff;transform:scale(.92)}.card-actions .action-btn.delete{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626}.card-actions .action-btn.delete:active{background:#dc2626;border-color:#dc2626;color:#fff;transform:scale(.92)}.resource-hub{padding:16px}.rh-header{align-items:flex-start;flex-direction:column}.rh-header-actions{width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center}.rh-summary{flex-direction:column}.rh-summary-card{min-width:auto}.rh-toolbar{align-items:stretch;flex-direction:column}.rh-search{max-width:none}.rh-results-info{text-align:center}.rh-modal-footer{flex-direction:column}.rh-modal-footer .rh-btn{justify-content:center}}.desktop-view{display:block}@media (max-width:768px){.desktop-view{display:none}.mobile-cards-view{display:flex;flex-direction:column;gap:16px}.president-card{animation:cardFadeIn .3s ease backwards;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.president-card:active{transform:scale(.98)}.president-card .card-header{align-items:flex-start;background:linear-gradient(135deg,#f0fdf9,#e7f7f4);border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding:16px}.card-user-info{flex:1 1;min-width:0}.card-name{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 6px;word-break:break-word}.card-email{color:#64748b;font-size:.875rem;margin:0;word-break:break-all}.status-toggle-btn.mobile{flex-shrink:0;font-size:.75rem;padding:6px 12px;white-space:nowrap}.president-card .card-body{display:flex;flex-direction:column;gap:12px;padding:16px}.president-card .card-info-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.president-card .card-label{color:#64748b;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.president-card .card-value{color:#1e293b;font-size:.9375rem;font-weight:500;text-align:right}.president-card .card-value.lc-name{font-weight:600}.president-card .card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:stretch;padding:12px 16px}.president-card .card-footer.appointed{justify-content:center;padding:14px 16px}.president-card .card-footer .delete-btn,.president-card .card-footer .edit-btn{align-items:center;border:1px solid;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.president-card .card-footer .edit-btn{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:#2563eb}.president-card .card-footer .edit-btn:active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;transform:scale(.95)}.president-card .card-footer .delete-btn{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626}.president-card .card-footer .delete-btn:active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;transform:scale(.95)}.president-card .card-footer .loa-issued-notice{align-items:center;color:#059669;display:flex;font-size:.875rem;font-weight:600;gap:6px}.resource-hub{padding:16px}.rh-header{align-items:flex-start;flex-direction:column}.rh-header-actions{width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center}.rh-modal{max-width:95%}.rh-modal-footer{flex-direction:column}.rh-modal-footer .rh-btn{justify-content:center;width:100%}}.vpea-sidebar{background:linear-gradient(180deg,#fafbfc,#fff);border-right:1px solid #e0e7e9;box-shadow:2px 0 12px #0000000a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);margin:0;min-width:280px;overflow-y:auto;padding:0;width:280px}.performance-content{padding:2.5rem}.performance-metric{background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #f1f5f9;border-radius:16px;margin-bottom:2.5rem;padding:2rem}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.metric-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#14b8a6);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;letter-spacing:-.5px}.metric-description{color:#6b7280;font-size:.9375rem;font-weight:400;margin:1rem 0 0}.progress-bar{background:#f3f4f6;box-shadow:inset 0 2px 4px #0000000f;height:14px;width:100%}.progress-bar,.progress-fill{border-radius:100px;position:relative}.progress-fill{background:linear-gradient(90deg,#0d9488,#14b8a6);box-shadow:0 2px 8px #0d948866;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.performance-stats{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.performance-stat{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0000000d;display:flex;gap:1.125rem;padding:1.5rem;transition:all .3s ease}.performance-stat:hover{background:#fafbfc;border-color:#e5e7eb;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.performance-stat-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.performance-stat-icon.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.performance-stat-icon.pending{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.performance-stat-icon.info{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.performance-stat-icon.nef{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.performance-stat-content{display:flex;flex:1 1;flex-direction:column;gap:.375rem}.performance-stat-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.performance-stat-value{color:#1f2937;font-size:1.75rem;font-weight:700;line-height:1}@media (max-width:1200px){.dashboard-stats,.performance-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-stats,.performance-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.5rem}}@media (max-width:768px){.dashboard-container{padding:1.25rem}.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-emoji,.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.page-header-info{flex-wrap:wrap;gap:.75rem;width:100%}.header-info-item{flex:1 1;justify-content:center;min-width:calc(50% - .375rem)}.dashboard-welcome-card{padding:1.5rem}.welcome-greeting{font-size:1.5rem}.welcome-subtitle{font-size:.875rem}.user-info-grid{gap:.75rem;grid-template-columns:1fr}.dashboard-stats{gap:1rem;grid-template-columns:1fr}.section-header{padding:1.5rem 1.75rem}.section-title{font-size:1.25rem}.stat-number{font-size:2rem}.stat-card{padding:1.5rem}.stat-icon-wrapper{height:60px;width:60px}.stat-icon{font-size:1.75rem}.performance-content{padding:1.75rem}.performance-metric{padding:1.5rem}.performance-stats{grid-template-columns:1fr}.metric-value{font-size:2rem}}.partners-hub{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.partners-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.partners-header-content{align-items:center;display:flex;gap:1rem}.partners-header-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:16px;box-shadow:0 8px 24px #0d94884d;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.partners-header-icon svg{height:28px;width:28px}.partners-header-text h1{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .25rem}.partners-header-text p{color:#64748b;font-size:.9rem;font-weight:400;margin:0}.partners-header-actions{display:flex;gap:.75rem}.partners-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.partners-btn svg{height:18px;width:18px}.partners-btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0d94884d;color:#fff}.partners-btn-primary:hover{box-shadow:0 6px 16px #0d948866;transform:translateY(-2px)}.partners-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.partners-btn-ghost{background:#fff;border:1px solid #e2e8f0;color:#64748b}.partners-btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1}.error-banner,.success-banner{animation:slideIn .3s ease}.success-banner{background:#d1fae5}.error-banner{background:#fee2e2}.partners-filter-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.filter-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.filter-tab svg{height:18px;width:18px}.filter-tab:hover{border-color:#0d9488;color:#0d9488}.filter-tab.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#0d9488;color:#065f46}.partners-loading{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 4px 12px #0000000f;justify-content:center;min-height:400px;padding:4rem 2rem}.partners-loading p{color:#6c757d;font-size:1.1rem;font-weight:500}.partners-empty{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 4px 12px #0000000f;padding:4rem 2rem}.partners-empty-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:400px;text-align:center}.partners-empty-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:20px;box-shadow:0 8px 24px #0d94884d;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.partners-empty-icon svg{height:40px;width:40px}.partners-empty-content h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.partners-empty-content p{color:#6b7280;font-size:1rem;margin:0 0 1.5rem}.partners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.partner-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:all .3s ease}.partner-card:hover{box-shadow:0 8px 24px #0d948826;transform:translateY(-4px)}.partner-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.partner-logo{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.partner-logo img{height:100%;object-fit:contain;padding:.5rem;width:100%}.partner-logo-placeholder{color:#cbd5e1}.partner-logo-placeholder svg{height:40px;width:40px}.partner-type-badge{align-items:center;border-radius:8px;display:flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.partner-type-badge svg{height:14px;width:14px}.partner-type-badge.national{background:#dbeafe;color:#1e40af}.partner-type-badge.international{background:#fef3c7;color:#92400e}.partner-card-body{flex:1 1;margin-bottom:1rem}.partner-name{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.partner-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.9375rem;line-height:1.5;margin:0 0 .75rem;overflow:hidden}.partner-website{align-items:center;color:#0d9488;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;text-decoration:none;transition:all .3s ease}.partner-website svg{height:16px;width:16px}.partner-website:hover{color:#14b8a6;gap:.75rem}.partner-card-actions{border-top:1px solid #f1f5f9;display:flex;gap:.5rem;padding-top:1rem}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.375rem;justify-content:center;padding:.625rem;transition:all .3s ease}.edit-btn{background:#f0fdfa;border:1px solid #99f6e4;color:#0d9488}.edit-btn:hover{background:#ccfbf1;border-color:#5eead4}.delete-btn{color:#dc2626}.delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.partners-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.partners-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.partners-modal-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.5rem 2rem}.partners-modal-title{align-items:center;display:flex;gap:.75rem}.partners-modal-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.partners-modal-icon svg{height:20px;width:20px}.partners-modal-title h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.partners-modal-close{align-items:center;background:#f8fafc;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.partners-modal-close:hover{background:#fee2e2;color:#dc2626}.partners-modal-close svg{height:20px;width:20px}.partners-modal-body{padding:2rem}.partners-form-group{margin-bottom:1.5rem}.partners-form-group label{color:#374151;display:block;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.required{color:#dc2626}.partners-form-group input,.partners-form-group select,.partners-form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.partners-form-group input:focus,.partners-form-group select:focus,.partners-form-group textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.partners-form-group input.error,.partners-form-group select.error,.partners-form-group textarea.error{border-color:#dc2626}.partners-form-group input:disabled,.partners-form-group select:disabled,.partners-form-group textarea:disabled{background:#f8fafc;cursor:not-allowed}.partners-form-group textarea{min-height:80px;resize:vertical}.partners-form-error{color:#dc2626;display:block;font-size:.875rem;font-weight:500;margin-top:.5rem}.logo-upload-area{margin-top:.5rem}.logo-upload-label{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:2rem;transition:all .3s ease}.logo-upload-label:hover{background:#f0fdfa;border-color:#0d9488}.logo-upload-label svg{color:#0d9488;height:40px;margin-bottom:.75rem;width:40px}.logo-upload-label span:first-of-type{color:#0d9488;font-weight:600;margin-bottom:.25rem}.logo-upload-hint{color:#64748b;font-size:.875rem}.logo-preview{border:2px solid #e2e8f0;border-radius:12px;height:160px;margin:0 auto;overflow:hidden;position:relative;width:160px}.logo-preview img{background:#f8fafc;height:100%;object-fit:contain;padding:1rem;width:100%}.remove-logo-btn{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.remove-logo-btn:hover{background:#b91c1c;transform:scale(1.1)}.remove-logo-btn svg{height:16px;width:16px}.partners-modal-footer{border-top:2px solid #f1f5f9;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem 2rem}@media (max-width:768px){.partners-hub{padding:1.25rem}.partners-header{align-items:flex-start;flex-direction:column}.partners-header-icon{height:48px;width:48px}.partners-header-icon svg{height:24px;width:24px}.partners-header-text h1{font-size:1.5rem}.partners-grid{grid-template-columns:1fr}.partners-modal{max-height:95vh}.partners-modal-header{padding:1.25rem 1.5rem}.partners-modal-body{padding:1.5rem}.partners-modal-footer{flex-direction:column-reverse;padding:1.25rem 1.5rem}.partners-modal-footer .partners-btn{justify-content:center;width:100%}}.common-page-container{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.page-header-icon{color:#fff}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.empty-state-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 8px 24px #0d94884d;color:#fff}.empty-state h3{color:#1f2937;font-weight:700}.empty-state p{margin:0 0 .5rem}.empty-state-note{background:linear-gradient(135deg,#f0fdf9,#e7f7f4);border:1px solid #99f6e4;border-radius:8px;color:#0d9488;font-size:.875rem;font-weight:600;margin-top:1.5rem!important;padding:.75rem 1.5rem}@media (max-width:768px){.common-page-container{padding:1.25rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-icon{height:48px;width:48px}.page-header-icon svg{height:24px;width:24px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.empty-state{padding:2rem 1.5rem}.empty-state-icon{height:60px;width:60px}.empty-state-icon svg{height:30px;width:30px}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.875rem}}.scome-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column;height:calc(100vh - 80px);min-width:280px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:10}.scome-sidebar.collapsed{min-width:80px;width:80px}.sidebar-brand{border-bottom:1px solid #ffffff14;padding:20px}.brand-content{gap:14px}.brand-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:12px;box-shadow:0 4px 16px #0d948866;height:44px;min-width:44px;width:44px}.brand-icon svg{height:24px;width:24px}.brand-text{gap:2px}.brand-title{font-size:1.125rem;letter-spacing:.5px}.brand-subtitle{color:#94a3b8;letter-spacing:1.5px}.toggle-btn{background:#ffffff0d;border:none;border-radius:8px;color:#94a3b8;height:32px;transition:all .2s;width:32px}.toggle-btn:hover{background:#ffffff1a;color:#fff}.toggle-btn svg{height:18px;width:18px}.scome-sidebar.collapsed .toggle-btn{margin:0 auto}.sidebar-navigation{padding:20px 12px}.nav-section-label{margin-bottom:12px;min-height:18px;padding:0 12px}.nav-section-label span{color:#64748b;font-size:.65rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.nav-list{gap:6px}.nav-link{border-radius:12px;font-family:inherit;gap:14px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:#ffffff0f}.nav-link.active{background:linear-gradient(135deg,#0d948833,#14b8a626)}.nav-link.active:before{background:linear-gradient(180deg,#0d9488,#14b8a6);border-radius:0 4px 4px 0}.nav-icon{height:22px;width:22px}.nav-icon svg{color:#94a3b8;height:20px;transition:color .2s;width:20px}.nav-link.active .nav-icon svg,.nav-link:hover .nav-icon svg{color:#14b8a6}.nav-label{color:#cbd5e1;font-size:.9rem;font-weight:500;transition:color .2s}.nav-link.active .nav-label,.nav-link:hover .nav-label{color:#fff}.nav-indicator{background:#14b8a6;border-radius:50%;box-shadow:0 0 8px #14b8a699;height:6px;margin-left:auto;width:6px}.scome-sidebar.collapsed .nav-link{justify-content:center;padding:14px}.scome-sidebar.collapsed .nav-section-label{display:none}.sidebar-footer{border-top:1px solid #ffffff14}.footer-info{display:flex;flex-direction:column;gap:12px}.footer-badge{background:#0d94881a;border:1px solid #0d948833;border-radius:12px;gap:12px;padding:12px}.footer-badge,.footer-icon{align-items:center;display:flex}.footer-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:10px;flex-shrink:0;height:36px;justify-content:center;width:36px}.footer-icon svg{color:#fff;height:18px;width:18px}.footer-text{display:flex;flex-direction:column;gap:2px}.footer-label{color:#94a3b8;font-size:.75rem;font-weight:500}.footer-value{color:#fff;font-size:.85rem;font-weight:600}.year-badge{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:8px;color:#fff;font-size:.65rem;letter-spacing:.5px}.sidebar-navigation::-webkit-scrollbar-thumb{border-radius:4px}@media (max-width:1024px){.scome-sidebar{min-width:80px;width:80px}.scome-sidebar .brand-text,.scome-sidebar .footer-info,.scome-sidebar .nav-indicator,.scome-sidebar .nav-label,.scome-sidebar .nav-section-label{display:none}.scome-sidebar .nav-link{justify-content:center;padding:14px}.scome-sidebar .footer-collapsed{display:flex}.scome-sidebar .toggle-btn{display:none}}@media (max-width:768px){.scome-sidebar{display:none}}.scome-dashboard{animation:dashboardFadeIn .4s ease;margin:0 auto;max-width:1400px;padding:32px}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-loading{color:#64748b;min-height:60vh}.loading-spinner{border:3px solid #e2e8f0;height:48px;margin-bottom:16px;width:48px}.dashboard-hero{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);border-radius:24px;box-shadow:0 20px 60px #0f172a66;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.hero-background{inset:0;overflow:hidden;position:absolute}.hero-shape{border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.hero-shape-1{animation:float 8s ease-in-out infinite;background:linear-gradient(135deg,#0d9488,#14b8a6);height:300px;right:-50px;top:-100px;width:300px}.hero-shape-2{animation:float 10s ease-in-out infinite reverse;background:linear-gradient(135deg,#6366f1,#8b5cf6);bottom:-60px;height:200px;left:20%;width:200px}.hero-shape-3{animation:float 12s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#fbbf24);height:150px;left:-40px;top:50%;width:150px}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.hero-content{position:relative;z-index:1}.hero-text{margin-bottom:32px}.hero-date{color:#94a3b8;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.hero-title{color:#fff;font-size:2.75rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px}.hero-subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.5;margin:0;max-width:500px}.hero-cards{display:flex;flex-wrap:wrap;gap:16px}.hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;gap:14px;min-width:220px;padding:16px 20px}.hero-card,.hero-card-icon{align-items:center;display:flex}.hero-card-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:12px;box-shadow:0 4px 12px #0d94884d;height:44px;justify-content:center;width:44px}.hero-card-icon svg{color:#fff;height:22px;width:22px}.hero-card-content{display:flex;flex-direction:column;gap:4px}.hero-card-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hero-card-value{color:#fff;font-size:.95rem;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-alert{align-items:center;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.dashboard-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-icon,.alert-icon svg{height:20px;width:20px}.dashboard-alert p{font-size:.9rem;font-weight:500;margin:0}.dashboard-stats{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-card{border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000a;gap:16px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#0000,#0000);height:3px;transition:background .3s}.stat-card:hover{box-shadow:0 12px 32px #00000014}.stat-icon-wrapper{border-radius:14px;height:52px;width:52px}.stat-icon-wrapper svg{color:#fff;height:26px;width:26px}.stat-icon-wrapper.teal{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0d94884d}.stat-icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f64d}.stat-icon-wrapper.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 12px #8b5cf64d}.stat-icon-wrapper.amber{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b4d}.stat-content{gap:4px}.stat-number{color:#1e293b;font-size:1.75rem;font-weight:800}.stat-label{color:#64748b;font-size:.85rem}.stat-arrow{color:#cbd5e1;transition:all .25s}.stat-arrow,.stat-arrow svg{height:20px;width:20px}.stat-card:hover .stat-arrow{color:#0d9488;transform:translateX(4px)}.section-title{color:#1e293b;gap:10px;margin:0 0 20px}.section-icon{color:#0d9488}.section-icon,.section-icon svg{height:24px;width:24px}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.action-card{align-items:center;border:1px solid #f1f5f9;cursor:pointer;display:flex;font-family:inherit;gap:20px;padding:24px;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1)}.action-card:hover{border-color:#0000;box-shadow:0 12px 32px #00000014;transform:translateY(-4px)}.action-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.action-icon svg{color:#fff;height:28px;width:28px}.action-icon.teal{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0d94884d}.action-icon.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f64d}.action-content{flex:1 1}.action-content h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 6px}.action-content p{color:#64748b;font-size:.875rem;line-height:1.4;margin:0}.action-arrow{color:#cbd5e1;transition:all .25s}.action-arrow,.action-arrow svg{height:20px;width:20px}.action-card:hover .action-arrow{color:#0d9488;transform:translateX(4px)}.dashboard-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.info-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0000000a;padding:28px}.info-card-header{gap:12px;margin-bottom:16px}.info-card-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:10px;height:40px;width:40px}.info-card-icon svg{color:#fff;height:20px;width:20px}.info-card-header h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0}.info-card>p{color:#64748b;font-size:.9rem;line-height:1.6;margin:0 0 16px}.info-list{list-style:none;margin:0;padding:0}.info-list li{color:#475569;font-size:.875rem;margin-bottom:10px;padding-left:20px;position:relative}.info-list li:before{background:#0d9488;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:8px;width:6px}.info-list li:last-child{margin-bottom:0}.event-placeholder{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.placeholder-icon{color:#94a3b8;height:40px;margin-bottom:12px;width:40px}.event-placeholder p{color:#64748b;font-size:.95rem;font-weight:600;margin:0 0 4px}.placeholder-text{color:#94a3b8;font-size:.8rem}@media (max-width:1024px){.scome-dashboard{padding:24px}.dashboard-hero{padding:32px}.hero-title{font-size:2.25rem}.actions-grid,.dashboard-info{grid-template-columns:1fr}}@media (max-width:768px){.scome-dashboard{padding:16px}.dashboard-hero{border-radius:16px;padding:24px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.hero-cards{flex-direction:column}.hero-card{min-width:auto}.dashboard-stats{gap:12px;grid-template-columns:1fr}.action-card,.info-card,.stat-card{padding:20px}}.lc-activities{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.lc-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.lc-header,.lc-header-content{align-items:center;display:flex}.lc-header-content{gap:1rem}.lc-header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.lc-header-icon svg{height:24px;width:24px}.lc-header-text h1{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.lc-header-text p{color:#718096;font-size:.95rem;margin:.25rem 0 0}.lc-header-actions{display:flex;gap:.75rem}.lc-summary{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.lc-summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.lc-summary-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.lc-summary-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.lc-summary-icon svg{height:24px;width:24px}.lc-summary-content{display:flex;flex-direction:column}.lc-summary-value{color:#1a202c;font-size:2rem;font-weight:700;line-height:1}.lc-summary-label{color:#718096;font-size:.9rem;margin-top:.25rem}.lc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transition:all .2s ease}.lc-btn svg{height:18px;width:18px}.lc-btn-ghost{background:#f7fafc;color:#4a5568}.lc-btn-ghost:hover:not(:disabled){background:#edf2f7}.lc-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lc-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.lc-btn:disabled{cursor:not-allowed;opacity:.6}.lc-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;justify-content:center;padding:4rem 2rem}.lc-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.lc-loading p{color:#718096;font-size:1rem;margin-top:1rem}.lc-error{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-direction:column;padding:3rem 2rem}.lc-error,.lc-error-icon{align-items:center;display:flex;justify-content:center}.lc-error-icon{background:#fee;border-radius:50%;color:#e53e3e;height:64px;margin-bottom:1rem;width:64px}.lc-error-icon svg{height:32px;width:32px}.lc-error p{color:#4a5568;font-size:1rem;margin-bottom:1.5rem}.lc-content{padding:2rem}.lc-content,.lc-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.lc-table-wrapper{overflow:hidden}.lc-table{border-collapse:collapse;font-size:.95rem;width:100%}.lc-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lc-table thead th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.lc-table tbody tr{animation:fadeIn .4s ease forwards;border-bottom:1px solid #e2e8f0;opacity:0;transition:all .2s ease}.lc-table tbody tr:hover{background:#f7fafc;transform:scale(1.005)}.lc-table tbody tr:last-child{border-bottom:none}.lc-table tbody td{padding:1.25rem 1rem;vertical-align:top}.td-activity-name{max-width:350px;min-width:250px}.activity-name-cell{display:flex;flex-direction:column;gap:.5rem}.activity-title{color:#1a202c;font-size:1rem}.activity-description{color:#718096;font-size:.85rem;line-height:1.5}.td-coordinator{min-width:180px}.coordinator-cell{display:flex;flex-direction:column;gap:.25rem}.coordinator-name{color:#1a202c;font-size:.9rem;font-weight:500}.coordinator-email{color:#718096;font-size:.8rem}.td-level{min-width:100px}.level-badge{background:#edf2f7;border-radius:6px;color:#4a5568;display:inline-block;font-size:.85rem;font-weight:500;padding:.4rem .8rem;white-space:nowrap}.td-category{color:#4a5568}.td-category,.td-councils{min-width:150px}.councils-tags{display:flex;flex-wrap:wrap;gap:.4rem}.council-tag{background:#667eea;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .7rem;white-space:nowrap}.more-tag{background:#4c51bf}.no-data{color:#cbd5e0;font-size:1.2rem}.date-cell{align-items:center;color:#4a5568;display:flex;gap:.5rem}.date-cell svg{color:#667eea;height:16px;width:16px}.td-status{min-width:100px}.status-badge{letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.lc-empty{flex-direction:column}.lc-empty,.lc-empty-icon{align-items:center;display:flex;justify-content:center}.lc-empty-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;height:80px;margin-bottom:1.5rem;width:80px}.lc-empty-icon svg{height:40px;width:40px}.lc-empty h3{color:#1a202c}.lc-empty p{color:#718096}@media (max-width:768px){.lc-activities{padding:1rem}.lc-header{align-items:flex-start;flex-direction:column;gap:1rem}.lc-header-actions{width:100%}.lc-btn{flex:1 1;justify-content:center}.lc-summary{grid-template-columns:1fr}.lc-table-wrapper{overflow-x:auto}.lc-table{min-width:900px}.activity-title{font-size:.9rem}.activity-description{font-size:.8rem}.lc-table tbody td{padding:1rem .75rem}}.blood-donation-container{animation:bdFadeIn .3s ease;margin:0 auto;max-width:1600px;padding:24px}@keyframes bdFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bd-header{margin-bottom:24px}.bd-header-content{align-items:center;background:linear-gradient(135deg,#fff,#fef2f2);border:1px solid #fecaca;border-radius:16px;box-shadow:0 1px 3px #0000000f;display:flex;justify-content:space-between;padding:20px 24px}.bd-header-text h1{align-items:center;color:#991b1b;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 4px}.bd-header-text h1 svg{fill:#dc2626;color:#dc2626;height:28px;width:28px}.bd-header-text p{color:#b91c1c;font-size:.9rem;margin:0}.bd-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .15s}.bd-btn svg{height:16px;width:16px}.bd-btn-primary{background:#dc2626;color:#fff}.bd-btn-primary:hover{background:#b91c1c}.bd-btn-secondary{background:#7c3aed;color:#fff}.bd-btn-secondary:hover{background:#6d28d9}.bd-btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.bd-btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.bd-summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.bd-summary-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;padding:20px}.bd-summary-card.total{background:linear-gradient(135deg,#fff,#eff6ff);border-left-color:#3b82f6}.bd-summary-card.approved{background:linear-gradient(135deg,#fff,#ecfdf5);border-left-color:#10b981}.bd-summary-card.pending{background:linear-gradient(135deg,#fff,#fffbeb);border-left-color:#f59e0b}.bd-summary-card.rejected{background:linear-gradient(135deg,#fff,#fef2f2);border-left-color:#ef4444}.bd-summary-value{color:#1e293b;font-size:2rem;font-weight:800;line-height:1}.bd-summary-label{color:#64748b;font-size:.85rem;margin-top:6px}.bd-section-title{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0 0 16px}.bd-section-title svg{color:#dc2626;height:20px;width:20px}.bd-blood-stats{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0000000f;margin-bottom:24px;padding:20px 24px}.bd-blood-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(8,1fr)}.bd-blood-stat-card{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:16px 12px;position:relative;transition:all .2s ease}.bd-blood-stat-card:before{background:var(--blood-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.bd-blood-stat-card:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.bd-blood-stat-card.active{background:#fff;border-color:var(--blood-color);box-shadow:0 4px 12px #0000001a}.bd-blood-type{color:var(--blood-color);font-size:1.5rem;font-weight:800;line-height:1}.bd-blood-count{color:#1e293b;font-size:1.125rem;font-weight:700}.bd-blood-label{color:#64748b;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.bd-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.bd-search{flex:1 1;max-width:500px;min-width:300px;position:relative}.bd-search-icon{color:#94a3b8;height:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.bd-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:.9rem;padding:12px 16px 12px 44px;transition:border-color .15s,box-shadow .15s;width:100%}.bd-search-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.bd-filters{display:flex;gap:12px}.bd-select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E") no-repeat right 10px center;background-size:16px;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:10px 32px 10px 14px}.bd-select:focus{border-color:#dc2626;outline:none}.bd-active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.bd-filter-tag{align-items:center;background:#64748b;border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px}.bd-filter-tag button{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:flex;padding:0}.bd-filter-tag button:hover{color:#fff}.bd-filter-tag svg{height:14px;width:14px}.bd-clear-all{background:none;border:none;color:#dc2626;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px}.bd-clear-all:hover{text-decoration:underline}.bd-results-info{color:#64748b;font-size:.875rem;margin-bottom:16px}.bd-results-info strong{color:#1e293b}.bd-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.bd-table{border-collapse:collapse;width:100%}.bd-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.bd-table th{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.bd-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.bd-table th.sortable:hover{color:#dc2626}.bd-table th svg{height:14px;margin-left:4px;vertical-align:middle;width:14px}.bd-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.bd-table tbody tr:hover{background:#fafafa}.bd-table td{padding:14px 16px;vertical-align:middle}.bd-table-empty{color:#64748b;padding:60px 20px!important;text-align:center}.bd-table-empty .bd-empty-icon{display:block;margin-bottom:12px}.bd-table-empty svg{height:40px;opacity:.4;width:40px}.bd-table-blood{border-radius:8px;color:#fff;display:inline-block;font-size:.9rem;font-weight:800;padding:6px 12px}.bd-table-name{display:flex;flex-direction:column}.bd-name{color:#1e293b;font-size:.9rem;font-weight:600}.bd-meta{color:#94a3b8;font-size:.75rem}.bd-table-contact{display:flex;flex-direction:column;gap:4px}.bd-contact-item{align-items:center;color:#475569;display:flex;font-size:.8rem;gap:6px}.bd-contact-item svg{color:#94a3b8;height:14px;width:14px}.bd-table-location{display:flex;flex-direction:column}.bd-table-location span:first-child{color:#1e293b;font-size:.875rem;font-weight:500}.bd-province{color:#94a3b8;font-size:.75rem}.bd-table-college{display:flex;flex-direction:column;max-width:200px}.bd-college-name{color:#1e293b;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-year{color:#94a3b8;font-size:.75rem}.bd-status-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.bd-status-badge.lg{font-size:.85rem;margin-top:8px;padding:6px 14px}.bd-action-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.bd-action-btn:hover{background:#dc2626;color:#fff}.bd-action-btn svg{height:18px;width:18px}.bd-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.bd-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#dc2626;height:40px;margin-bottom:16px;width:40px}.bd-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;padding:40px 20px;text-align:center}.bd-modal-overlay{align-items:center;animation:bdModalFadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes bdModalFadeIn{0%{opacity:0}to{opacity:1}}.bd-modal{animation:bdModalSlideIn .3s ease;background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:540px;overflow:hidden;width:100%}.bd-modal.lg{max-width:700px}@keyframes bdModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.bd-modal-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:24px}.bd-modal-blood-info{align-items:center;display:flex;flex-direction:column}.bd-modal-blood-type{font-size:3rem;font-weight:800;line-height:1}.bd-modal-blood-label{font-size:.75rem;letter-spacing:.1em;opacity:.8;text-transform:uppercase}.bd-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.bd-modal-close:hover{background:#ffffff4d}.bd-modal-close svg{height:20px;width:20px}.bd-modal-body{flex:1 1;overflow-y:auto;padding:24px}.bd-modal-profile{margin-bottom:24px;text-align:center}.bd-modal-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:-56px auto 12px;width:80px}.bd-modal-profile h2{color:#1e293b;font-size:1.375rem;font-weight:700;margin:0 0 4px}.bd-modal-gender{color:#64748b;font-size:.875rem}.bd-modal-sections{display:flex;flex-direction:column;gap:20px}.bd-modal-section h4{align-items:center;border-bottom:1px solid #f1f5f9;color:#64748b;display:flex;font-size:.8rem;font-weight:700;gap:8px;letter-spacing:.05em;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.bd-modal-section h4 svg{color:#94a3b8;height:16px;width:16px}.bd-modal-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.bd-modal-info-item{align-items:flex-start;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:12px;position:relative}.bd-modal-info-item.full{grid-column:1/-1}.bd-modal-info-item.clickable{cursor:pointer;transition:background .15s}.bd-modal-info-item.clickable:hover{background:#f1f5f9}.bd-info-icon{color:#7c3aed;flex-shrink:0;margin-top:2px}.bd-info-icon,.bd-info-icon svg{height:20px;width:20px}.bd-info-content{flex:1 1;min-width:0}.bd-info-label{color:#94a3b8;display:block;font-size:.7rem;letter-spacing:.03em;margin-bottom:2px;text-transform:uppercase}.bd-info-value{color:#1e293b;display:block;font-size:.9rem;font-weight:600;word-break:break-word}.bd-copy-icon{color:#94a3b8;opacity:0;transition:opacity .15s}.bd-copy-icon,.bd-copy-icon svg{height:16px;width:16px}.bd-modal-info-item.clickable:hover .bd-copy-icon{opacity:1}.bd-notes-box{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:.9rem;line-height:1.5;padding:14px}.bd-modal-footer{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:1200px){.bd-blood-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.bd-summary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blood-donation-container{padding:16px}.bd-summary-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.bd-blood-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.bd-blood-stat-card{padding:12px 8px}.bd-blood-type{font-size:1.25rem}.bd-blood-count{font-size:1rem}.bd-toolbar{align-items:stretch;flex-direction:column}.bd-search{max-width:none;min-width:auto}.bd-filters{flex-direction:column}.bd-table-wrapper{overflow-x:auto}.bd-table{min-width:800px}.bd-modal-info-grid{grid-template-columns:1fr}.bd-modal-footer{flex-direction:column}.bd-modal-footer .bd-btn{justify-content:center}}@media (max-width:480px){.bd-summary-stats{grid-template-columns:1fr 1fr}.bd-summary-card{padding:16px}.bd-summary-value{font-size:1.5rem}.bd-header-content{flex-direction:column;gap:12px;text-align:center}.bd-header-text h1{font-size:1.25rem;justify-content:center}}.portal-main-content::-webkit-scrollbar{width:8px}.portal-main-content::-webkit-scrollbar-track{background:#f1f5f9}.portal-main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.portal-main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.portal-container{animation:portalFadeIn .4s ease;max-width:1200px}@keyframes portalFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.portal-container h1{font-size:1.75rem;margin:0 0 24px}.portal-container p{font-size:.95rem;line-height:1.6}@media (max-width:768px){.portal-main-content{height:calc(100vh - 60px)}.portal-container{padding:16px}}.treasury-sidebar{background:linear-gradient(180deg,#fafbfc,#fff);border-right:1px solid #e0e7e9;box-shadow:2px 0 12px #0000000a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);margin:0;min-width:280px;overflow-y:auto;padding:0;position:relative;width:280px}.treasury-sidebar::-webkit-scrollbar{width:6px}.treasury-sidebar::-webkit-scrollbar-track{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:10px}.treasury-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.treasury-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0d9488,#14b8a6)}.sidebar-menu li:nth-child(7){animation-delay:.35s}@media (max-width:1024px){.treasury-sidebar{min-width:260px;width:260px}.sidebar-nav{padding:1.25rem 0}.sidebar-button{font-size:.8125rem;gap:.75rem;margin:.3rem .75rem;padding:.8125rem 1.125rem;width:calc(100% - 1.5rem)}.sidebar-icon{height:20px;width:20px}}@media (max-width:768px){.treasury-sidebar{box-shadow:4px 0 20px #00000026;height:calc(100vh - 80px);left:0;min-width:280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:80px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.treasury-sidebar.mobile-open{box-shadow:8px 0 32px #0003;transform:translateX(0)}.sidebar-mobile-close{display:flex}.sidebar-nav{padding:3.5rem 0 1.5rem}.treasury-sidebar::-webkit-scrollbar{width:4px}.treasury-sidebar::-webkit-scrollbar-track{background:#0000}.treasury-sidebar::-webkit-scrollbar-thumb{background:#0d94884d;border-radius:10px}.treasury-sidebar::-webkit-scrollbar-thumb:hover{background:#0d948880}.sidebar-button{font-size:.8125rem;gap:.75rem;margin:.3rem .625rem;padding:.75rem 1rem;width:calc(100% - 1.25rem)}.sidebar-button:hover{transform:translateX(2px)}.sidebar-button:active{transform:translateX(0) scale(.98);transition:all .1s ease}.sidebar-icon{height:20px;width:20px}.sidebar-menu li{animation:slideIn .2s ease forwards}.sidebar-menu li:first-child{animation-delay:.02s}.sidebar-menu li:nth-child(2){animation-delay:.04s}.sidebar-menu li:nth-child(3){animation-delay:.06s}.sidebar-menu li:nth-child(4){animation-delay:.08s}.sidebar-menu li:nth-child(5){animation-delay:.1s}.sidebar-menu li:nth-child(6){animation-delay:.12s}.sidebar-menu li:nth-child(7){animation-delay:.14s}}@media (max-width:480px){.treasury-sidebar{min-width:260px;width:260px}.sidebar-mobile-close{height:32px;right:.875rem;top:.875rem;width:32px}.sidebar-mobile-close svg{height:16px;width:16px}.sidebar-nav{padding:3.25rem 0 1.25rem}.sidebar-button{font-size:.75rem;gap:.625rem;margin:.25rem .5rem;padding:.625rem .875rem;width:calc(100% - 1rem)}.sidebar-button:before{width:3px}.sidebar-icon{height:18px;width:18px}.sidebar-text{font-size:.8125rem}.sidebar-menu li{animation:slideIn .15s ease forwards}.sidebar-menu li:nth-child(n){animation-delay:0s}}@media (max-width:768px) and (orientation:landscape){.treasury-sidebar{height:calc(100vh - 60px);top:60px}.sidebar-mobile-close{height:30px;right:.75rem;top:.5rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{padding:2.75rem 0 1rem}.sidebar-button{font-size:.75rem;gap:.5rem;margin:.25rem .625rem;padding:.5rem .75rem;width:calc(100% - 1.25rem)}}@media (max-width:360px){.treasury-sidebar{min-width:240px;width:240px}.sidebar-mobile-close{height:30px;right:.75rem;top:.75rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{padding:3rem 0 1rem}.sidebar-button{font-size:.6875rem;gap:.5rem;margin:.2rem .4375rem;padding:.5rem .625rem;width:calc(100% - .875rem)}.sidebar-icon{height:16px;width:16px}.sidebar-text{font-size:.75rem}}.welcome-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.btn{border-radius:8px;font-size:.875rem;gap:8px;letter-spacing:-.01em;padding:10px 18px;transition:all .15s ease}.btn svg{height:18px;width:18px}.btn-primary{background:#fff;color:#0f766e}.btn-primary:hover{background:#ffffffe6;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-outline{background:#0000;border:1px solid #d1d5db;color:#0f766e}.btn-outline:hover{background:#f8fafc;border-color:#0f766e}.btn-sm{font-size:.8rem;padding:6px 12px}.btn-full{justify-content:center;width:100%}.link-btn{background:none;border:none;color:#0f766e;cursor:pointer;transition:color .15s}.link-btn:hover{color:#0d9488;text-decoration:underline}.stats-section{margin-bottom:24px}.stats-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.stat-card{border:1px solid #e9ecef;padding:1.5rem}.stat-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-header h3{color:#1e293b;font-size:.9rem;font-weight:600;letter-spacing:-.01em;margin:0}.stat-card-funds{align-items:center;display:flex;flex-direction:column}.funds-display{cursor:pointer;margin-bottom:20px;text-align:center}.funds-circle-wrapper{height:140px;margin:0 auto 8px;position:relative;width:140px}.funds-circle{height:100%;transform:rotate(-90deg);width:100%}.circle-bg{fill:none;stroke:#f1f5f9;stroke-width:10}.circle-progress{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .5s ease,stroke .3s ease}.circle-progress.available{stroke:#10b981}.circle-progress.used{stroke:#f59e0b}.funds-value{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.funds-label{color:#64748b;display:block;font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.funds-amount{color:#1e293b;display:block;font-size:1rem;font-weight:700;letter-spacing:-.02em}.funds-hint{color:#94a3b8;font-size:.7rem}.funds-breakdown{display:flex;flex-direction:column;gap:10px;width:100%}.breakdown-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.breakdown-indicator{border-radius:2px;height:32px;width:4px}.breakdown-indicator.earned{background:#10b981}.breakdown-indicator.spent{background:#f59e0b}.breakdown-info{display:flex;flex-direction:column}.breakdown-label{color:#64748b;font-size:.7rem;font-weight:500}.breakdown-value{color:#1e293b;font-size:.875rem;font-weight:700;letter-spacing:-.01em}.pending-badge{background:#fee2e2;border-radius:12px;color:#dc2626;font-size:.75rem;font-weight:700;padding:4px 10px}.pending-list{display:flex;flex-direction:column;gap:8px}.pending-item{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .15s ease;width:100%}.pending-item:hover{background:#f1f5f9;border-color:#e2e8f0}.pending-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pending-icon svg{height:20px;width:20px}.pending-icon.icon-membership{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.pending-icon.icon-budget{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.pending-icon.icon-activity{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.pending-details{display:flex;flex:1 1;flex-direction:column}.pending-count{color:#1e293b;font-size:1.125rem;font-weight:700;line-height:1.2}.pending-label{color:#64748b;font-size:.75rem}.pending-arrow{color:#94a3b8;flex-shrink:0;height:16px;width:16px}.receipts-list{display:flex;flex-direction:column;gap:8px}.receipt-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.receipt-info{display:flex;flex-direction:column}.receipt-title{color:#1e293b;font-size:.8rem;font-weight:600}.receipt-date{color:#94a3b8;font-size:.7rem}.status-badge{font-size:.65rem;padding:4px 10px}.status-pending{background:#fef3c7;color:#92400e}.expense-section{animation:slideDown .3s ease;margin-bottom:24px}.expense-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:20px;transition:all .3s ease}.expense-card:hover{box-shadow:0 6px 18px #00000014}.expense-bars{display:flex;flex-direction:column;gap:16px}.expense-row{grid-gap:8px 16px;align-items:center;display:grid;gap:8px 16px;grid-template-columns:1fr auto}.expense-header{align-items:center;display:flex;grid-column:1/-1;justify-content:space-between}.expense-name{color:#1e293b;font-size:.85rem;font-weight:600}.expense-value{color:#64748b;font-size:.8rem}.expense-bar{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.expense-fill{border-radius:4px;height:100%;transition:width .5s ease}.expense-percent{color:#64748b;font-size:.75rem;font-weight:600;min-width:40px;text-align:right}.main-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}.grid-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:20px;transition:all .3s ease}.grid-card.full-width{width:100%}.grid-card:hover{box-shadow:0 6px 18px #00000014}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.transaction-row:hover{background:#fff;border-color:#0d9488;transform:translateX(4px)}.tx-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.tx-icon svg{height:20px;width:20px}.tx-icon.income{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.tx-icon.expense{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.tx-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.tx-desc{color:#1e293b;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-meta{color:#64748b;font-size:.8125rem}.tx-status-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;white-space:nowrap}.tx-status-badge svg{height:14px;width:14px}.tx-status-badge.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #86efac;color:#065f46}.tx-status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.tx-amount{flex-shrink:0;font-family:Monaco,Menlo,Courier New,monospace;font-size:1.125rem;font-weight:700;white-space:nowrap}.tx-amount.income{color:#059669}.tx-amount.expense{color:#dc2626}.add-task-form{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px}.form-input,.form-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.85rem;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.form-row{grid-gap:10px;gap:10px}.tasks-list{display:flex;flex-direction:column;gap:8px}.task-row{align-items:center;background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .15s}.task-row.priority-high{border-left-color:#ef4444}.task-row.priority-medium{border-left-color:#f59e0b}.task-row.priority-low{border-left-color:#10b981}.task-row.completed{border-left-color:#94a3b8;opacity:.6}.task-row.completed .task-title{text-decoration:line-through}.task-check{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .15s;width:22px}.task-check.checked,.task-check:hover{border-color:#0f766e}.task-check.checked{background:#0f766e;color:#fff}.task-check.checked svg{height:12px;width:12px}.task-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.task-title{color:#1e293b;font-size:.85rem;font-weight:600}.task-deadline{color:#94a3b8;font-size:.7rem}.priority-tag{border-radius:6px;font-size:.65rem;font-weight:600;letter-spacing:.02em;padding:4px 8px;text-transform:uppercase}.priority-tag.high{background:#fee2e2;color:#991b1b}.priority-tag.medium{background:#fef3c7;color:#92400e}.priority-tag.low{background:#d1fae5;color:#065f46}.task-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s;width:28px}.task-delete svg{height:16px;width:16px}.task-delete:hover{background:#fee2e2;color:#dc2626}.completed-section{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.completed-section h4{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.03em;margin:0 0 10px;text-transform:uppercase}.categories-section{margin-bottom:24px}.categories-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:20px;transition:all .3s ease}.categories-card:hover{box-shadow:0 6px 18px #00000014}.add-category-form{display:flex;gap:10px;margin-bottom:16px}.add-category-form .form-input{flex:1 1}.categories-list{display:flex;flex-wrap:wrap;gap:8px}.category-chip{align-items:center;border:1.5px solid;border-radius:20px;color:#374151;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px;transition:transform .15s}.category-chip:hover{transform:scale(1.03)}.category-dot{border-radius:50%;height:8px;width:8px}.category-name{color:inherit}.categories-note{color:#94a3b8;font-size:.75rem;font-style:italic;margin:12px 0 0}.activity-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:.5rem 0}.activity-stat-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.activity-stat-item:hover{border-color:#0d9488;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.activity-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.activity-stat-icon svg{height:24px;width:24px}.activity-stat-icon.membership{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.activity-stat-icon.budget{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.activity-stat-icon.transactions{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.activity-stat-icon.receipts{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#6b21a8}.activity-stat-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.activity-stat-value{color:#1e293b;font-size:2rem;font-weight:800;line-height:1}.activity-stat-label{color:#475569;font-size:.875rem;font-weight:600}.activity-stat-pending{color:#94a3b8;font-size:.75rem}.expense-list{display:flex;flex-direction:column;gap:.75rem}.expense-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.expense-item:hover{background:#fff;border-color:#0d9488}.expense-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.expense-info .expense-name{color:#1e293b;font-size:.9375rem;font-weight:600}.expense-info .expense-date{color:#64748b;font-size:.8125rem}.expense-item .expense-amount{color:#dc2626;font-family:Monaco,Menlo,Courier New,monospace;font-size:1rem;font-weight:700}@media (max-width:1200px){.stats-row{grid-template-columns:1fr}.activity-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.activity-stats-grid,.main-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-svg{height:24px;width:24px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.85rem}.header-content{flex-direction:column;gap:16px;text-align:center}.stats-row{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.funds-circle-wrapper{height:120px;width:120px}.funds-amount{font-size:.9rem}.breakdown-item{padding:8px 10px}.transaction-row{align-items:flex-start;flex-direction:column;gap:.75rem}.tx-amount{font-size:1rem}.tx-status-badge{align-self:flex-start}.form-row{grid-template-columns:1fr}.expense-bars{gap:12px}}@media (max-width:480px){.dashboard-container{padding:.75rem}.dashboard-page-header{margin-bottom:1.5rem}.page-header-icon{height:40px;width:40px}.header-icon-svg{height:20px;width:20px}.page-header-text h1{font-size:1.25rem}.page-header-text p{font-size:.8rem}.stat-card{padding:1rem}.card-header h3{font-size:.85rem}.funds-circle-wrapper{height:100px;width:100px}.funds-amount{font-size:.85rem}.funds-label{font-size:.6rem}.pending-icon{height:36px;width:36px}.pending-icon svg{height:18px;width:18px}.pending-count{font-size:1rem}.pending-label{font-size:.7rem}.tx-details{width:100%}.tx-desc{font-size:.875rem}.tx-meta{font-size:.75rem}.activity-stat-value{font-size:1.5rem}.activity-stat-label,.btn{font-size:.8125rem}.btn{padding:8px 14px}.btn svg{height:16px;width:16px}}.mr-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.mr-btn{transition:all .15s}.mr-btn-primary{background:#0f766e}.mr-btn-primary:hover{background:#0d9488}.mr-btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.mr-btn-success{background:#059669}.mr-btn-success:hover{background:#047857}.mr-btn-danger{background:#dc2626}.mr-btn-danger:hover{background:#b91c1c}.mr-btn-receipt{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.mr-btn-receipt:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.mr-btn-receipt.lg{font-size:.9rem;padding:12px 20px}.mr-btn.full{justify-content:center;width:100%}.mr-stats{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.mr-stat-card{border-radius:12px;box-shadow:0 1px 3px #0000000f;gap:14px;padding:18px 20px;transition:transform .15s}.mr-stat-card:hover{transform:translateY(-2px)}.mr-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.mr-stat-icon svg{height:20px;width:20px}.mr-stat-icon.blue{background:#dbeafe;color:#2563eb}.mr-stat-icon.orange{background:#fed7aa;color:#ea580c}.mr-stat-icon.green{background:#d1fae5;color:#059669}.mr-stat-icon.red{background:#fee2e2;color:#dc2626}.mr-stat-info{display:flex;flex-direction:column}.mr-stat-value{font-size:1.5rem}.mr-stat-label{font-size:.8rem}.mr-toolbar{gap:16px;margin-bottom:20px}.mr-search{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;padding:10px 16px;transition:border-color .15s,box-shadow .15s}.mr-search:focus-within{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.mr-search-icon{flex-shrink:0}.mr-search-icon svg{height:18px;width:18px}.mr-search-input{background:#0000;border:none;font-size:.875rem;outline:none}.mr-filter-tabs{background:#fff;border:1px solid #f1f5f9;border-radius:10px;box-shadow:0 1px 3px #0000000f;gap:6px;padding:6px}.mr-filter-tab{background:#0000;border:none;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s;white-space:nowrap}.mr-filter-tab svg{height:14px;width:14px}.mr-filter-tab:hover{background:#f1f5f9}.mr-filter-tab.active{background:#0f766e}.mr-empty,.mr-error,.mr-loading{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.mr-spinner{animation:mrSpin .8s linear infinite;border-top-color:#0f766e;height:40px;margin-bottom:16px;width:40px}@keyframes mrSpin{to{transform:rotate(1turn)}}.mr-empty p,.mr-error p,.mr-loading p{color:#64748b;font-size:.95rem;margin:0 0 16px}.mr-empty-icon,.mr-error-icon{color:#94a3b8;height:48px;margin-bottom:12px;width:48px}.mr-empty-icon svg,.mr-error-icon svg{height:48px;width:48px}.mr-requests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.mr-table-container{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;overflow:hidden}.mr-table th{border-bottom:2px solid #e2e8f0;color:#475569;padding:1rem}.mr-table tbody tr{transition:all .2s ease}.mr-table td{color:#1e293b;font-size:.875rem;padding:1rem}.mr-user-cell{gap:.75rem}.mr-user-avatar,.mr-user-cell{align-items:center;display:flex}.mr-user-avatar{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:10px;color:#fff;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.mr-user-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.mr-user-name{color:#1e293b;font-size:.875rem;font-weight:600}.mr-user-email{color:#64748b;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-mono{color:#64748b;font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem}.mr-payment-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;white-space:nowrap}.mr-payment-badge svg{height:14px;width:14px}.mr-payment-badge.verified{background:#d1fae5;color:#065f46}.mr-payment-badge.pending{background:#fef3c7;color:#92400e}.mr-table-actions{gap:.5rem}.mr-btn-icon,.mr-table-actions{align-items:center;display:flex}.mr-btn-icon{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.mr-btn-icon svg{height:18px;width:18px}.mr-btn-icon:hover{background:#f8fafc;border-color:#0d9488;color:#0d9488}.mr-user-info{gap:12px}.mr-avatar{border-radius:10px;font-size:1.1rem;height:44px;width:44px}.mr-user-info h3{margin:0 0 4px}.mr-email{font-size:.8rem}.mr-status-badge{align-items:center;border-radius:14px;display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:600;gap:4px;padding:5px 12px}.mr-status-badge svg{height:12px;width:12px}.mr-status-badge.lg{font-size:.85rem;padding:8px 16px}.mr-status-badge.lg svg{height:16px;width:16px}.mr-status-badge.pending{background:#fef3c7;color:#92400e}.mr-status-badge.approved{background:#d1fae5;color:#065f46}.mr-status-badge.rejected{background:#fee2e2;color:#991b1b}.mr-info-grid{grid-gap:10px;gap:10px;margin-bottom:12px}.mr-info-item{font-size:.8rem;gap:8px}.mr-meta-row{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;padding-top:12px}.mr-meta-item{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:4px}.mr-meta-item svg{height:12px;width:12px}.mr-meta-item.year{background:#dbeafe;border-radius:6px;color:#1e40af;font-weight:600;padding:2px 8px}.mr-card-actions{gap:10px;padding-top:14px}.mr-card-actions .mr-btn{font-size:.8rem;padding:9px 14px}.mr-modal-overlay{animation:mrFadeIn .2s ease;background:#00000080}.mr-modal{animation:mrSlideUp .25s ease;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;overflow-y:auto}.mr-modal.lg{max-width:720px}@keyframes mrSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mr-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.mr-modal-header h2{font-size:1.1rem;font-weight:600}.mr-modal-close{background:#f1f5f9;border-radius:8px;height:32px;transition:all .15s;width:32px}.mr-modal-close svg{height:16px;width:16px}.mr-modal-close:hover{background:#e2e8f0;color:#374151}.mr-modal-body{padding:20px}.mr-modal-body.receipt{padding:0}.mr-modal-footer{border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;bottom:0;gap:10px;padding:16px 20px;position:-webkit-sticky;position:sticky}.mr-detail-header{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-radius:10px;gap:16px;margin-bottom:20px;padding:20px}.mr-detail-avatar{background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:12px;font-size:1.5rem;height:56px;width:56px}.mr-detail-title h3{font-size:1.15rem;font-weight:600;margin:0 0 8px}.mr-detail-sections{gap:16px}.mr-detail-section{background:#f8fafc;border-radius:10px;padding:16px}.mr-detail-section.receipt-section{background:linear-gradient(135deg,#f3e8ff,#ede9fe);border:1px solid #c4b5fd}.mr-detail-section.notes-section{background:#fffbeb;border:1px solid #fcd34d}.mr-detail-section h4{border-bottom:1px solid #e2e8f0;font-size:.9rem;font-weight:600;gap:8px;margin:0 0 14px;padding-bottom:10px}.mr-detail-section h4 svg{color:#0f766e;height:16px;width:16px}.mr-detail-section.receipt-section h4 svg{color:#7c3aed}.mr-detail-grid{grid-gap:12px;gap:12px}.mr-detail-item{gap:4px}.mr-detail-item.full{grid-column:span 2}.mr-detail-label{color:#94a3b8;font-size:.72rem;letter-spacing:.03em}.mr-detail-value{font-size:.875rem}.mr-detail-value.email{color:#2563eb}.mr-detail-value.mono{background:#e2e8f0;border-radius:4px;font-family:SF Mono,Menlo,monospace;font-size:.85rem;padding:2px 8px}.mr-detail-value.blood{align-items:center;background:#fee2e2;border-radius:6px;display:inline-flex;height:32px;justify-content:center;width:44px}.mr-detail-value.highlight{background:#d1fae5;border-radius:6px;color:#065f46;display:inline-block;padding:4px 10px}.mr-receipt-box{background:#fff;border-radius:10px;gap:16px}.mr-receipt-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;height:44px;width:44px}.mr-receipt-name{display:block;margin-bottom:2px}.mr-receipt-hint{color:#7c3aed;display:block;font-size:.75rem}.mr-no-receipt{gap:10px;justify-content:center;padding:20px;width:100%}.mr-no-receipt-icon,.mr-no-receipt-icon svg{height:24px;width:24px}.mr-textarea{border-radius:8px;font-size:.875rem;min-height:80px;padding:12px;transition:border-color .15s,box-shadow .15s}.mr-textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.mr-textarea::placeholder{color:#94a3b8}.mr-notes{background:#fff;font-size:.875rem;margin:0;padding:12px}.mr-receipt-container{background:#1e293b;padding:20px}.mr-receipt-image{max-height:65vh;object-fit:contain}.mr-receipt-pdf{height:65vh}.mr-desktop-view{display:block!important}.mr-mobile-view{display:none!important}.mr-cards-container{display:flex;flex-direction:column;gap:1rem}.mr-request-card{border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:1.25rem;transition:all .15s}.mr-request-card:hover{box-shadow:0 4px 12px #00000014}.mr-request-card.approved{border-left-color:#059669}.mr-request-card.rejected{border-left-color:#dc2626;opacity:.85}.mr-request-card.pending{border-left-color:#f59e0b}.mr-card-header{gap:1rem;margin-bottom:1rem}.mr-user-info{flex:1 1;gap:.875rem;min-width:0}.mr-avatar,.mr-user-info{align-items:center;display:flex}.mr-avatar{background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:12px;color:#fff;flex-shrink:0;font-size:1.125rem;font-weight:700;height:48px;justify-content:center;width:48px}.mr-user-info h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.mr-email,.mr-user-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-email{color:#64748b;font-size:.8125rem;margin:0}.mr-card-body,.mr-info-grid{margin-bottom:1rem}.mr-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.mr-info-item{align-items:center;color:#475569;display:flex;font-size:.8125rem;gap:.5rem;overflow:hidden}.mr-info-item.full{grid-column:span 2}.mr-info-icon{color:#94a3b8;flex-shrink:0}.mr-info-icon,.mr-info-icon svg{height:16px;width:16px}.mr-info-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-card-payment{justify-content:center;padding-top:.75rem}.mr-card-actions,.mr-card-payment{border-top:1px solid #f1f5f9;display:flex}.mr-card-actions{gap:.75rem;padding-top:1rem}.mr-card-actions .mr-btn{flex:1 1;font-size:.875rem;justify-content:center;padding:.75rem}@media (max-width:1200px){.mr-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.mr-stats{grid-template-columns:repeat(2,1fr)}.mr-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.mr-search{max-width:none}.mr-filter-tabs{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto}.mr-filter-tab{flex-shrink:0}}@media (max-width:768px){.mr-container{padding:1rem}.mr-desktop-view{display:none!important}.mr-mobile-view{display:flex!important}.mr-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-svg{height:24px;width:24px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.85rem}.mr-header-content{align-items:flex-start;flex-direction:column;gap:16px}.mr-header-content .mr-btn{justify-content:center;width:100%}.mr-stats{gap:.75rem;grid-template-columns:1fr}.mr-stat-card{padding:1rem}.mr-stat-icon{height:40px;width:40px}.mr-stat-icon svg{height:18px;width:18px}.mr-stat-value{font-size:1.25rem}.mr-stat-label{font-size:.75rem}.mr-filter-tabs{width:100%}.mr-filter-tab{flex:1 1;font-size:.75rem;justify-content:center;padding:8px 10px}.mr-filter-tab svg{height:12px;width:12px}.mr-requests-grid{grid-template-columns:1fr}.mr-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.mr-table{min-width:900px}.mr-table td,.mr-table th{padding:.75rem}.mr-info-grid{grid-template-columns:1fr}.mr-info-item.full{grid-column:span 1}.mr-card-actions{flex-direction:column}.mr-card-actions .mr-btn{width:100%}.mr-detail-grid{grid-template-columns:1fr}.mr-detail-item.full{grid-column:span 1}.mr-detail-avatar{font-size:1.25rem;height:48px;width:48px}.mr-detail-title h3{font-size:1rem}.mr-modal-footer{flex-direction:column;gap:.5rem}.mr-modal-footer .mr-btn{width:100%}.mr-receipt-box{text-align:center}.mr-receipt-box,.mr-receipt-info{flex-direction:column}.mr-modal{max-width:calc(100% - 2rem)}.mr-modal-body,.mr-modal-footer,.mr-modal-header{padding:1rem}.mr-request-card{border-left-width:3px;padding:1rem}.mr-card-header{margin-bottom:.875rem}.mr-avatar{font-size:1rem;height:44px;width:44px}.mr-user-info h3{font-size:.9375rem}.mr-email{font-size:.75rem}.mr-info-grid{gap:.625rem}.mr-info-item{font-size:.8125rem}.mr-card-payment{padding-top:.625rem}.mr-card-actions{padding-top:.875rem}.mr-card-actions .mr-btn{font-size:.8125rem;padding:.625rem}}@media (max-width:480px){.mr-container{padding:.75rem}.page-header-icon{height:40px;width:40px}.header-icon-svg{height:20px;width:20px}.page-header-text h1{font-size:1.25rem}.page-header-text p{font-size:.8rem}.mr-btn{font-size:.8125rem;padding:8px 14px}.mr-btn svg{height:14px;width:14px}.mr-stat-card{padding:.875rem}.mr-stat-icon{height:36px;width:36px}.mr-stat-icon svg{height:16px;width:16px}.mr-stat-value{font-size:1.125rem}.mr-stat-label{font-size:.7rem}.mr-search{padding:8px 12px}.mr-search-icon svg{height:16px;width:16px}.mr-search-input{font-size:.8125rem}.mr-filter-tab{font-size:.7rem;padding:6px 8px}.mr-user-cell{gap:.5rem}.mr-user-avatar{font-size:.9rem;height:36px;width:36px}.mr-user-name{font-size:.8125rem}.mr-user-email{font-size:.7rem}.mr-modal{max-height:95vh;max-width:calc(100% - 1rem)}.mr-modal-header h2{font-size:1rem}.mr-detail-header{padding:1rem}.mr-detail-avatar{font-size:1.125rem;height:44px;width:44px}.mr-detail-title h3{font-size:.9375rem}.mr-detail-section h4{font-size:.85rem}.mr-detail-label{font-size:.675rem}.mr-detail-value{font-size:.8125rem}.mr-btn-icon{padding:.375rem}.mr-btn-icon svg{height:16px;width:16px}.mr-request-card{border-radius:10px;padding:.875rem}.mr-card-header{align-items:flex-start;flex-direction:column;margin-bottom:.75rem}.mr-user-info{width:100%}.mr-avatar{font-size:.9375rem;height:40px;width:40px}.mr-user-info h3{font-size:.875rem}.mr-email{font-size:.7rem}.mr-info-grid{gap:.5rem;grid-template-columns:1fr}.mr-info-item{font-size:.75rem}.mr-info-item.full{grid-column:span 1}.mr-info-icon{height:14px;width:14px}.mr-card-payment{padding-top:.5rem}.mr-payment-badge{font-size:.7rem;padding:.25rem .625rem}.mr-payment-badge svg{height:12px;width:12px}.mr-status-badge{font-size:.7rem;padding:.25rem .625rem}.mr-status-badge svg{height:12px;width:12px}.mr-card-actions{flex-direction:column;gap:.5rem;padding-top:.75rem}.mr-card-actions .mr-btn{font-size:.75rem;padding:.5rem}.mr-card-actions .mr-btn svg{height:14px;width:14px}}.nef-budget-container{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.nef-budget-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.nef-budget-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.nef-budget-stat-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.nef-budget-stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.nef-budget-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.nef-budget-stat-icon svg{stroke-width:2.5;height:28px;width:28px}.nef-budget-stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.nef-budget-stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.nef-budget-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.nef-budget-stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.nef-budget-stat-info{display:flex;flex-direction:column;gap:.25rem}.nef-budget-stat-value{color:#212529;font-size:2rem;font-weight:700;line-height:1}.nef-budget-stat-label{color:#6c757d;font-size:.9rem;font-weight:500}.nef-budget-toolbar{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.nef-budget-search{flex:1 1;position:relative}.nef-budget-search-icon{align-items:center;color:#6c757d;display:flex;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.nef-budget-search-icon svg{height:20px;width:20px}.nef-budget-search-input{border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s ease;width:100%}.nef-budget-search-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.nef-budget-filter-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.nef-budget-filter-tab{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.nef-budget-filter-tab svg{height:16px;width:16px}.nef-budget-filter-tab:hover{border-color:#0d9488;color:#0d9488;transform:translateY(-2px)}.nef-budget-filter-tab.active{background:linear-gradient(135deg,#0d9488,#14b8a6);border-color:#0d9488;box-shadow:0 2px 8px #0d94884d;color:#fff}.nef-budget-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.nef-budget-btn svg{height:18px;width:18px}.nef-budget-btn-outline{background:#fff;border:2px solid #e9ecef;color:#6c757d}.nef-budget-btn-outline:hover{border-color:#0d9488;color:#0d9488;transform:translateY(-2px)}.nef-budget-btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 2px 8px #0d94884d;color:#fff}.nef-budget-btn-primary:hover{box-shadow:0 4px 12px #0d948866;transform:translateY(-2px)}.nef-budget-btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.nef-budget-btn-success:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.nef-budget-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.nef-budget-btn-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.nef-budget-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.nef-budget-loading{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.nef-budget-loading-logo{animation:fadeInOut 2s ease-in-out infinite;filter:drop-shadow(0 4px 15px rgba(13,148,136,.3));height:auto;margin-bottom:2rem;width:120px}.nef-budget-loading p{color:#6c757d;font-size:1rem}.nef-budget-empty{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:4rem 2rem;text-align:center}.nef-budget-empty-icon{display:block;font-size:5rem;margin-bottom:1rem;opacity:.5}.nef-budget-empty-icon svg{color:#6c757d;height:80px;width:80px}.nef-budget-empty p{color:#6c757d;font-size:1rem;margin:0}.nef-budget-table-container{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;overflow:hidden}.nef-budget-table{border-collapse:collapse;font-size:.9rem;width:100%}.nef-budget-table thead{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.nef-budget-table th{font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.nef-budget-table tbody tr{border-bottom:1px solid #f1f3f5;transition:background-color .2s ease}.nef-budget-table tbody tr:hover{background-color:#f0fdfa}.nef-budget-table tbody tr:last-child{border-bottom:none}.nef-budget-table td{color:#212529;padding:1rem;vertical-align:middle}.nef-budget-activity-name{color:#212529;font-weight:600;max-width:300px}.nef-budget-amount{color:#0d9488;font-weight:700}.nef-budget-submitter{display:flex;flex-direction:column;gap:.25rem}.nef-budget-submitter-name{color:#1e293b;font-weight:600}.nef-budget-submitter-email{color:#6c757d;font-size:.8rem}.nef-budget-submitter-role{background:#0d94881a;border-radius:12px;color:#0d9488;display:inline-block;font-size:.75rem;font-weight:500;padding:.125rem .5rem;width:-webkit-fit-content;width:fit-content}.nef-budget-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;white-space:nowrap}.nef-budget-status-badge svg{height:14px;width:14px}.nef-budget-status-badge.approved{background:#d1fae5;color:#065f46}.nef-budget-status-badge.pending{background:#e0f2f1;color:#0d9488}.nef-budget-status-badge.rejected{background:#fee2e2;color:#991b1b}.nef-budget-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.nef-budget-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.nef-budget-modal.large{max-width:1000px}.nef-budget-modal-header{align-items:center;border-bottom:2px solid #f1f3f5;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.nef-budget-modal-header h2{color:#212529;font-size:1.5rem;font-weight:700;margin:0}.nef-budget-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.nef-budget-modal-close:hover{background:#f1f3f5;color:#212529}.nef-budget-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.nef-budget-modal-footer{border-top:2px solid #f1f3f5;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.nef-budget-detail-section{border-bottom:2px solid #f1f3f5;margin-bottom:2rem;padding-bottom:2rem}.nef-budget-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.nef-budget-detail-section.highlight-section{background:linear-gradient(135deg,#0d94880d,#14b8a60d);border:2px solid #0d9488;border-radius:12px;padding:1.5rem}.nef-budget-detail-section h3{align-items:center;color:#212529;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0 0 1.25rem}.nef-budget-detail-section h3 svg{color:#0d9488;height:24px;width:24px}.nef-budget-detail-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.nef-budget-detail-item{display:flex;flex-direction:column;gap:.5rem}.nef-budget-detail-item.full{grid-column:1/-1}.nef-budget-detail-label{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nef-budget-detail-value{color:#212529;font-size:1rem;font-weight:500;line-height:1.5}.nef-budget-detail-value.highlight{color:#0d9488;font-size:1.1rem;font-weight:700}.nef-budget-detail-value.email{color:#0d9488;word-break:break-all}.nef-budget-file-link{align-items:center;color:#0d9488;display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:all .2s ease}.nef-budget-file-link:hover{color:#14b8a6;transform:translateX(4px)}.nef-budget-file-link svg{height:18px;width:18px}.nef-budget-approval-info{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.nef-budget-approval-info p{color:#212529;font-size:.95rem;margin:0 0 .5rem}.nef-budget-approval-info p:last-child{margin-bottom:0}.nef-budget-approval-info strong{color:#6c757d;font-weight:600}.nef-budget-note-section{display:flex;flex-direction:column;gap:.75rem}.nef-budget-note-section label{color:#212529;font-size:.95rem;font-weight:600}.nef-budget-textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.nef-budget-textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}@media (max-width:1024px){.nef-budget-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nef-budget-container{padding:1rem}.nef-budget-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-svg{height:24px;width:24px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.85rem}.nef-budget-header{padding:1.5rem}.nef-budget-header-content{align-items:stretch;flex-direction:column}.nef-budget-header-text h1{font-size:1.5rem}.nef-budget-stats{gap:1rem;grid-template-columns:1fr}.nef-budget-stat-card{padding:1.25rem}.nef-budget-stat-icon{height:52px;width:52px}.nef-budget-stat-icon svg{height:24px;width:24px}.nef-budget-stat-value{font-size:1.75rem}.nef-budget-stat-label{font-size:.85rem}.nef-budget-toolbar{padding:1rem}.nef-budget-filter-tabs{-webkit-overflow-scrolling:touch;flex-direction:row;overflow-x:auto}.nef-budget-filter-tab{flex-shrink:0;justify-content:center;min-width:100px;width:auto}.nef-budget-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.nef-budget-table{font-size:.8rem;min-width:900px}.nef-budget-table td,.nef-budget-table th{padding:.75rem .5rem}.nef-budget-activity-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nef-budget-modal{max-height:95vh;width:95%}.nef-budget-modal-body,.nef-budget-modal-footer,.nef-budget-modal-header{padding:1rem}.nef-budget-modal-header h2{font-size:1.25rem}.nef-budget-detail-grid{grid-template-columns:1fr}.nef-budget-modal-footer{flex-direction:column}.nef-budget-btn{justify-content:center;width:100%}}@media (max-width:480px){.nef-budget-container{padding:.75rem}.page-header-icon{height:40px;width:40px}.header-icon-svg{height:20px;width:20px}.page-header-text h1{font-size:1.25rem}.page-header-text p{font-size:.8rem}.nef-budget-stat-card{flex-direction:column;padding:1rem;text-align:center}.nef-budget-stat-icon{height:48px;width:48px}.nef-budget-stat-icon svg{height:22px;width:22px}.nef-budget-stat-value{font-size:1.5rem}.nef-budget-stat-label{font-size:.8rem}.nef-budget-toolbar{padding:.875rem}.nef-budget-search-input{font-size:.875rem;padding:.625rem .875rem .625rem 2.75rem}.nef-budget-filter-tab{font-size:.8125rem;min-width:90px;padding:.5rem 1rem}.nef-budget-filter-tab svg{height:14px;width:14px}.nef-budget-btn{font-size:.875rem;padding:.625rem 1.25rem}.nef-budget-btn svg{height:16px;width:16px}.nef-budget-modal{width:calc(100% - 1rem)}.nef-budget-modal-body,.nef-budget-modal-footer,.nef-budget-modal-header{padding:.875rem}.nef-budget-detail-section h3,.nef-budget-modal-header h2{font-size:1.125rem}.nef-budget-detail-label{font-size:.75rem}.nef-budget-detail-value{font-size:.9375rem}}.nef-desktop-view{display:block!important}.nef-mobile-view{display:none!important}.nef-cards-container{display:flex;flex-direction:column;gap:1rem}.nef-card{background:#fff;border-left:4px solid #0d9488;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;transition:all .2s ease}.nef-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.nef-card.pending{border-left-color:#f59e0b}.nef-card.approved{border-left-color:#059669}.nef-card.rejected{border-left-color:#dc2626}.nef-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.nef-card-title{flex:1 1}.nef-card-title h3{color:#111827;font-size:1.0625rem;font-weight:600;line-height:1.4;margin:0 0 .375rem}.nef-card-level{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.25rem .625rem;text-transform:uppercase}.nef-card-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.375rem}.nef-card-badges .nef-budget-status-badge{font-size:.75rem;min-width:auto;padding:.25rem .5rem}.nef-card-badges .nef-budget-status-badge svg{height:12px;width:12px}.nef-card-body{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.875rem;padding-top:.75rem}.nef-card-info-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.nef-card-label{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;letter-spacing:.3px;text-transform:uppercase}.nef-card-label svg{height:14px;width:14px}.nef-card-value{color:#111827;font-size:.875rem;font-weight:500;text-align:right}.nef-card-amount{color:#0d9488;font-size:1rem;font-weight:600}.nef-card-date-range{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.nef-card-date-separator{color:#9ca3af;font-size:.75rem}.nef-card-submitter{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.375rem;padding-top:.75rem}.nef-card-label-small{color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nef-card-submitter-info{align-items:center;display:flex;gap:.5rem}.nef-card-submitter-name{color:#374151;font-size:.875rem;font-weight:500}.nef-card-submitter-role{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.7rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.nef-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.nef-btn-full{justify-content:center;width:100%}@media (max-width:768px){.nef-desktop-view{display:none!important}.nef-mobile-view{display:flex!important}.nef-cards-container{gap:.875rem}.nef-card{border-left-width:3px;padding:1rem}.nef-card-header{margin-bottom:.875rem}.nef-card-title h3{font-size:1rem}.nef-card-body{gap:.75rem}.nef-card-actions{margin-top:.875rem;padding-top:.875rem}}@media (max-width:480px){.nef-cards-container{gap:.75rem}.nef-card{border-radius:10px;padding:.875rem}.nef-card-header{align-items:flex-start;flex-direction:column;margin-bottom:.75rem}.nef-card-badges{align-items:center;flex-direction:row}.nef-card-title h3{font-size:.9375rem;margin-bottom:.5rem}.nef-card-level{font-size:.7rem;padding:.1875rem .5rem}.nef-card-body{gap:.625rem}.nef-card-info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.nef-card-label{font-size:.75rem}.nef-card-value{font-size:.8125rem;text-align:left}.nef-card-amount{font-size:.9375rem}.nef-card-date-range{align-items:flex-start}.nef-card-submitter{padding-top:.625rem}.nef-card-submitter-info{align-items:flex-start;flex-direction:column;gap:.375rem}.nef-card-actions{flex-direction:column;margin-top:.75rem;padding-top:.75rem}.nef-card-actions .nef-budget-btn{font-size:.8125rem;padding:.625rem}}.transactions-container{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px;padding:2rem}.transactions-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-header-icon{box-shadow:0 4px 12px #0d94884d}.page-header-text p,.trans-btn{font-size:.875rem}.trans-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.trans-btn svg{height:18px;width:18px}.trans-btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0d94884d;color:#fff}.trans-btn-primary:hover{box-shadow:0 8px 20px #0d948866;transform:translateY(-2px)}.trans-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.trans-btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.trans-btn-secondary:hover{background:#e2e8f0}.trans-btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 12px #dc26264d;color:#fff}.trans-btn-danger:hover{box-shadow:0 8px 20px #dc262666;transform:translateY(-2px)}.trans-btn-icon{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;padding:.5rem}.trans-btn-icon:hover{background:#f8fafc;border-color:#0d9488;color:#0d9488}.trans-btn-icon.danger:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.trans-btn-export{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f64d;color:#fff}.trans-btn-export:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.trans-btn-export:disabled{cursor:not-allowed;opacity:.5;transform:none}.trans-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.trans-stat-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.trans-stat-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.trans-stat-card.balance{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.trans-stat-card.balance .trans-stat-label,.trans-stat-card.balance .trans-stat-number,.trans-stat-card.balance .trans-stat-sublabel{color:#fff}.trans-stat-card.balance .trans-stat-icon-wrapper{background:#fff3}.trans-stat-card.credit .trans-stat-icon-wrapper{background:#d1fae5}.trans-stat-card.credit .trans-stat-icon{color:#059669}.trans-stat-card.debit .trans-stat-icon-wrapper{background:#fee2e2}.trans-stat-card.debit .trans-stat-icon{color:#dc2626}.trans-stat-icon-wrapper{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.trans-stat-icon{color:#0d9488;height:28px;width:28px}.trans-stat-icon svg{height:100%;width:100%}.trans-stat-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.trans-stat-label{color:#64748b;font-size:.875rem;font-weight:600}.trans-stat-number{color:#1e293b;font-size:1.5rem;font-weight:700}.trans-stat-number.positive{color:#059669}.trans-stat-number.negative{color:#dc2626}.trans-stat-sublabel{color:#94a3b8;font-size:.75rem}.trans-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.trans-search{flex:1 1;max-width:400px;min-width:250px;position:relative}.trans-search-icon{color:#94a3b8;height:18px;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.trans-search-icon svg{height:100%;width:100%}.trans-search-input{border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.trans-search-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.trans-filters{display:flex;flex-wrap:wrap;gap:.75rem}.trans-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.trans-filter-select:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.trans-table-container{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;overflow:hidden}.trans-table{border-collapse:collapse;width:100%}.trans-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.trans-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.trans-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.trans-table tbody tr:hover{background:#f8fafc}.trans-table tbody tr:last-child{border-bottom:none}.trans-table td{color:#1e293b;font-size:.875rem;padding:1rem;vertical-align:middle}.trans-name{color:#1e293b;font-weight:600}.trans-desc{color:#64748b;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trans-amount{font-family:Monaco,Menlo,Courier New,monospace;font-weight:700}.trans-amount.credit{color:#059669}.trans-amount.debit{color:#dc2626}.trans-date{color:#64748b;font-size:.8125rem}.trans-type-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;white-space:nowrap}.trans-type-badge svg{height:14px;width:14px}.trans-type-badge.credit{background:#d1fae5;color:#065f46}.trans-type-badge.debit{background:#fee2e2;color:#991b1b}.trans-status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;white-space:nowrap}.trans-status-badge svg{height:14px;width:14px}.trans-status-badge.completed{background:#d1fae5;color:#065f46}.trans-status-badge.pending{background:#fef3c7;color:#92400e}.trans-table-actions{align-items:center;display:flex;gap:.5rem}.trans-locked-text{color:#94a3b8;font-size:.75rem;font-style:italic;font-weight:600}.trans-empty,.trans-error,.trans-loading{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.trans-spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#0d9488;height:48px;margin-bottom:1rem;width:48px}.trans-empty p,.trans-error p,.trans-loading p{color:#64748b;font-size:.9375rem;margin:0}.trans-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.trans-empty-icon svg{color:#94a3b8;height:64px;width:64px}.trans-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.trans-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.trans-modal.small{max-width:450px}.trans-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.trans-modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.trans-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.trans-modal-close svg{height:20px;width:20px}.trans-modal-close:hover{background:#f1f5f9;color:#1e293b}.trans-modal-body{flex:1 1;overflow-y:auto;padding:2rem}.trans-modal-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.trans-error-icon{color:#dc2626;flex-shrink:0;height:20px;width:20px}.trans-error-icon svg{height:100%;width:100%}.trans-modal-error p{color:#991b1b;font-size:.875rem;font-weight:500;line-height:1.5;margin:0}.trans-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem 2rem}.trans-form-group{margin-bottom:1.5rem}.trans-form-group:last-child{margin-bottom:0}.trans-form-group label{color:#475569;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.trans-input,.trans-select,.trans-textarea{border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.trans-input:focus,.trans-select:focus,.trans-textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.trans-textarea{min-height:80px;resize:vertical}.trans-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.trans-checkbox-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-weight:500;gap:.75rem}.trans-checkbox{accent-color:#0d9488;cursor:pointer;height:18px;width:18px}.trans-delete-info{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:1rem}.trans-delete-info strong{color:#1e293b;font-size:1rem}.trans-warning{color:#dc2626;font-size:.875rem;font-weight:500}.trans-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.trans-detail-item{display:flex;flex-direction:column;gap:.5rem}.trans-detail-item.full-width{grid-column:1/-1}.trans-detail-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.trans-detail-value{word-wrap:break-word;color:#1e293b;font-size:.9375rem;font-weight:500}.trans-detail-id{color:#64748b;font-family:Monaco,Menlo,Courier New,monospace;font-size:.8125rem}.trans-detail-name{color:#0d9488;font-size:1.125rem;font-weight:700}.trans-detail-amount{font-family:Monaco,Menlo,Courier New,monospace;font-size:1.5rem;font-weight:700}.trans-detail-amount.credit{color:#059669}.trans-detail-amount.debit{color:#dc2626}.trans-file-input{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.trans-file-input:hover{background:#fff;border-color:#0d9488}.trans-file-input:focus{border-color:#0d9488;border-style:solid;box-shadow:0 0 0 3px #0d94881a;outline:none}.trans-file-input:disabled{cursor:not-allowed;opacity:.6}.trans-file-hint{color:#64748b;font-size:.75rem;margin-bottom:0;margin-top:.5rem}.trans-file-selected{align-items:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.75rem}.trans-file-selected svg{flex-shrink:0;height:16px;width:16px}.trans-no-receipt{color:#94a3b8;font-style:italic}.trans-receipt-preview{align-items:center;display:flex;gap:.75rem}.trans-receipt-link{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:8px;box-shadow:0 2px 8px #0d94884d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;text-decoration:none;transition:all .2s ease}.trans-receipt-link svg{height:16px;width:16px}.trans-receipt-link:hover{box-shadow:0 4px 12px #0d948866;transform:translateY(-1px)}@media (max-width:1024px){.trans-stats{grid-template-columns:repeat(2,1fr)}}.trans-desktop-view{display:block!important}.trans-mobile-view{display:none!important}.trans-cards-container{display:flex;flex-direction:column;gap:1rem}.trans-card{background:#fff;border-left:4px solid #0d9488;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;transition:all .2s ease}.trans-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.trans-card.credit{border-left-color:#059669}.trans-card.debit{border-left-color:#dc2626}.trans-card.completed{opacity:.9}.trans-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.trans-card-title-section{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.trans-card-name{color:#111827;font-size:1.0625rem;font-weight:600;line-height:1.4;margin:0}.trans-card-badges{display:flex;gap:.5rem}.trans-card-amount-section{align-items:flex-end;display:flex;flex-direction:column}.trans-card-amount{color:#111827;font-size:1.25rem;font-weight:700}.trans-card-amount.credit{color:#059669}.trans-card-amount.debit{color:#dc2626}.trans-card-body{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-top:.75rem}.trans-card-info-row{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.trans-card-label{color:#6b7280;font-size:.8125rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.trans-card-value{color:#111827;flex:1 1;font-size:.875rem;font-weight:500;text-align:right}.trans-card-status-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding-top:.5rem}.trans-card-has-receipt{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.trans-card-has-receipt svg{height:14px;width:14px}.trans-card-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding-top:1rem}.trans-btn-full{flex:1 1;justify-content:center}.trans-card-action-buttons{display:flex;gap:.5rem}@media (max-width:768px){.trans-desktop-view{display:none!important}.trans-mobile-view{display:flex!important}.transactions-container{padding:1rem}.transactions-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-svg{height:24px;width:24px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.8125rem}.trans-btn-primary{justify-content:center;width:100%}.trans-stats{gap:1rem;grid-template-columns:1fr}.trans-stat-card{padding:1.25rem}.trans-stat-icon-wrapper{height:48px;width:48px}.trans-stat-icon{height:24px;width:24px}.trans-stat-number{font-size:1.25rem}.trans-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.trans-search{max-width:none;min-width:auto}.trans-filters{flex-wrap:nowrap;overflow-x:auto;width:100%}.trans-filter-select{flex:1 1;min-width:120px}.trans-btn-export{justify-content:center;width:100%}.trans-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.trans-table{min-width:900px}.trans-form-row{grid-template-columns:1fr}.trans-modal{margin:.5rem;max-height:95vh}.trans-modal-body,.trans-modal-footer,.trans-modal-header{padding:1.25rem}.trans-modal-header h2{font-size:1.125rem}.trans-details-grid{grid-template-columns:1fr}.trans-modal-footer{flex-wrap:wrap}.trans-btn{flex:1 1;min-width:120px}}@media (max-width:480px){.trans-cards-container{gap:.75rem}.trans-card{border-left-width:3px;border-radius:10px;padding:1rem}.trans-card-header{align-items:flex-start;flex-direction:column;margin-bottom:.875rem}.trans-card-amount-section{align-items:flex-start;width:100%}.trans-card-amount{font-size:1.125rem}.trans-card-name{font-size:1rem}.trans-card-body{gap:.625rem;margin-bottom:.875rem}.trans-card-info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.trans-card-value{text-align:left}.trans-card-status-row{align-items:flex-start;flex-direction:column;gap:.5rem}.trans-card-actions{flex-direction:column;padding-top:.875rem}.trans-card-action-buttons{justify-content:space-around;width:100%}.transactions-container{padding:.75rem}.page-header-icon{height:40px;width:40px}.header-icon-svg{height:20px;width:20px}.page-header-text h1{font-size:1.25rem}.page-header-text p{font-size:.75rem}.trans-btn{font-size:.8125rem;padding:.625rem 1rem}.trans-btn svg{height:16px;width:16px}.trans-stat-card{flex-direction:column;padding:1rem;text-align:center}.trans-stat-icon-wrapper{height:44px;width:44px}.trans-stat-number{font-size:1.125rem}.trans-stat-label{font-size:.8125rem}.trans-search-input{font-size:.8125rem;padding:.625rem .875rem .625rem 2.5rem}.trans-search-icon{height:16px;left:.875rem;width:16px}.trans-filter-select{font-size:.8125rem;padding:.625rem .875rem}.trans-modal{margin:.25rem}.trans-modal-body,.trans-modal-footer,.trans-modal-header{padding:1rem}.trans-modal-header h2{font-size:1rem}.trans-input,.trans-select,.trans-textarea{font-size:.8125rem;padding:.625rem .875rem}.trans-detail-amount{font-size:1.25rem}.trans-modal-footer{gap:.5rem}.trans-btn{min-width:auto;width:100%}}.tasks-container{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px;padding:2rem}.task-page-header{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.page-header-content{gap:1.25rem}.page-header-icon{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 12px #f59e0b4d}.page-header-text p{font-size:.9375rem}.task-header-actions{display:flex;gap:.75rem}.tasks-btn-refresh{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.tasks-btn-refresh:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.tasks-btn-refresh:disabled{cursor:not-allowed;opacity:.5}.tasks-btn-refresh svg{height:18px;width:18px}.tasks-stats{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.tasks-stat-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1.25rem;padding:1.5rem;transition:all .2s ease}.tasks-stat-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.tasks-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.tasks-stat-icon svg{color:#fff;height:24px;width:24px}.tasks-stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 12px #f59e0b40}.tasks-stat-icon.credit{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #05966940}.tasks-stat-icon.debit{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 12px #dc262640}.tasks-stat-icon.total{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0d948840}.tasks-stat-content{flex:1 1;min-width:0}.tasks-stat-value{color:#111827;font-size:1.75rem;font-weight:700;line-height:1;margin:0 0 .25rem}.tasks-stat-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tasks-table-container{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;overflow:hidden}.tasks-table{border-collapse:collapse;width:100%}.tasks-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.tasks-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.th-content{align-items:center;display:flex;gap:.5rem}.th-content svg{height:16px;opacity:.6;width:16px}.tasks-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.tasks-table tbody tr:hover{background:#f8fafc}.tasks-table tbody tr:last-child{border-bottom:none}.tasks-table td{color:#1e293b;font-size:.875rem;padding:1rem;vertical-align:middle}.tasks-name-cell{align-items:center;color:#111827;display:flex;font-weight:600;gap:.625rem}.tasks-name-icon{align-items:center;color:#6b7280;display:flex;justify-content:center}.tasks-name-icon svg{height:18px;width:18px}.tasks-name{color:#1e293b;font-weight:600}.tasks-desc{color:#64748b;max-width:400px}.tasks-date-cell{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.tasks-date-cell svg{height:16px;opacity:.7;width:16px}.tasks-amount{font-family:Monaco,Menlo,Courier New,monospace;font-weight:700}.tasks-amount.credit{color:#059669}.tasks-amount.debit{color:#dc2626}.tasks-date{color:#64748b;font-size:.8125rem}.tasks-type-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;white-space:nowrap}.tasks-type-badge svg{height:14px;width:14px}.tasks-type-badge.credit{background:#d1fae5;color:#065f46}.tasks-type-badge.debit{background:#fee2e2;color:#991b1b}.tasks-empty,.tasks-error,.tasks-loading{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.tasks-spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#0d9488;height:48px;margin-bottom:1rem;width:48px}.tasks-error p,.tasks-loading p{color:#64748b;font-size:.9375rem;margin:0}.tasks-empty-icon{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;color:#059669;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.tasks-empty-icon svg{height:48px;width:48px}.tasks-empty h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.tasks-empty p{color:#64748b;font-size:1rem;margin:0 0 .5rem}.tasks-empty-subtext{color:#94a3b8;font-size:.875rem}.tasks-error{text-align:center}.tasks-error-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;color:#dc2626;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.tasks-error-icon svg{height:48px;width:48px}.tasks-error h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.tasks-error p{color:#64748b;font-size:1rem;margin:0 0 1.5rem}.tasks-btn-primary{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;box-shadow:0 2px 4px #0d948833;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tasks-btn-primary:hover{box-shadow:0 4px 8px #0d94884d;transform:translateY(-2px)}.tasks-btn-primary svg{height:18px;width:18px}.tasks-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.tasks-btn:hover{box-shadow:0 8px 20px #0d948866;transform:translateY(-2px)}.tasks-desktop-view{display:block!important}.tasks-mobile-view{display:none!important}.tasks-cards-container{display:flex;flex-direction:column;gap:1rem}.tasks-card{background:#fff;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;transition:all .2s ease}.tasks-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.tasks-card.credit{border-left-color:#059669}.tasks-card.debit{border-left-color:#dc2626}.tasks-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.tasks-card-title-section{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.tasks-card-name-wrapper{align-items:center;display:flex;gap:.625rem}.tasks-card-name-icon{align-items:center;color:#6b7280;display:flex;justify-content:center}.tasks-card-name-icon svg{height:18px;width:18px}.tasks-card-name{color:#111827;font-size:1.0625rem;font-weight:600;line-height:1.4;margin:0}.tasks-card-amount{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:700;gap:.375rem}.tasks-card-amount-icon{align-items:center;display:flex;justify-content:center}.tasks-card-amount-icon svg{height:20px;width:20px}.tasks-card-amount.credit{color:#059669}.tasks-card-amount.debit{color:#dc2626}.tasks-card-body{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem}.tasks-card-info-row{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.tasks-card-label{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;letter-spacing:.3px;text-transform:uppercase}.tasks-card-label svg{height:14px;width:14px}.tasks-card-value{color:#111827;flex:1 1;font-size:.875rem;font-weight:500;text-align:right}.tasks-card-pending-badge{display:flex;justify-content:center;padding-top:.75rem}.tasks-card-pending-badge .tasks-status-badge{font-size:.875rem;padding:.5rem 1rem}@media (max-width:768px){.tasks-desktop-view{display:none!important}.tasks-mobile-view{display:flex!important}.tasks-container{padding:1rem}.task-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-svg{height:24px;width:24px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.8125rem}.tasks-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tasks-table{min-width:800px}.tasks-table td,.tasks-table th{font-size:.8125rem;padding:.75rem}.tasks-desc{max-width:250px}}@media (max-width:480px){.tasks-cards-container{gap:.75rem}.tasks-card{border-left-width:3px;border-radius:10px;padding:1rem}.tasks-card-header{align-items:flex-start;flex-direction:column;margin-bottom:.875rem}.tasks-card-amount{font-size:1.125rem;margin-top:.5rem}.tasks-card-name{font-size:1rem}.tasks-card-body{gap:.625rem}.tasks-card-info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.tasks-card-value{text-align:left}.tasks-container{padding:.75rem}.page-header-icon{height:40px;width:40px}.header-icon-svg{height:20px;width:20px}.page-header-text h1{font-size:1.25rem}.page-header-text p{font-size:.75rem}.tasks-btn{padding:.625rem 1.25rem}.tasks-btn,.tasks-desc,.tasks-name{font-size:.8125rem}.tasks-desc{max-width:200px}.tasks-amount{font-size:.875rem}.tasks-date{font-size:.75rem}.tasks-type-badge{font-size:.7rem;padding:.25rem .625rem}.tasks-type-badge svg{height:12px;width:12px}.tasks-empty h3{font-size:1.125rem}.tasks-empty p{font-size:.875rem}}@media (max-width:1024px){.resource-hub{padding:1.5rem}.rh-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.rh-table{min-width:700px}}.rh-desktop-view{display:block!important}.rh-mobile-view{display:none!important}.rh-cards-container{display:flex;flex-direction:column;gap:1rem}.rh-card{animation:slideInUp .3s ease;background:#fff;border-left:4px solid #0d9488;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;transition:all .2s ease}.rh-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.rh-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.rh-card-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.rh-card-icon svg{height:22px;width:22px}.rh-card-title{flex:1 1;min-width:0}.rh-card-title h3{color:#111827;font-size:1.0625rem;font-weight:600;line-height:1.4;margin:0 0 .375rem;word-break:break-word}.rh-card-date{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem}.rh-card-date svg{height:14px;width:14px}.rh-card-body{border-top:1px solid #e5e7eb;margin-bottom:1rem;padding-top:1rem}.rh-card-link-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:8px;box-shadow:0 2px 4px #0d948833;color:#fff;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;text-decoration:none;transition:all .2s ease}.rh-card-link-btn:hover{box-shadow:0 4px 8px #0d94884d;transform:translateY(-2px)}.rh-card-link-btn svg{height:18px;width:18px}.rh-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding-top:1rem}.rh-card-actions .rh-btn{flex:1 1;font-size:.875rem;justify-content:center;padding:.75rem}.rh-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.rh-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.rh-btn-danger{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.rh-btn-danger:hover{background:#fecaca;border-color:#f87171}.rh-empty-state{border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:3rem 1.5rem}@media (max-width:768px){.rh-desktop-view{display:none!important}.rh-mobile-view{display:flex!important}.resource-hub{padding:1rem}.rh-header{align-items:flex-start;flex-direction:column;gap:1rem}.rh-header-content{width:100%}.rh-header-icon{height:48px;width:48px}.rh-header-icon svg{height:24px;width:24px}.rh-header-text h1{font-size:1.5rem}.rh-header-text p{font-size:.85rem}.rh-header-actions{flex-wrap:wrap;width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center;min-width:140px}.rh-summary{flex-direction:column;gap:.75rem}.rh-summary-card{min-width:auto;padding:1rem}.rh-summary-icon{height:40px;width:40px}.rh-summary-icon svg{height:20px;width:20px}.rh-summary-value{font-size:1.25rem}.rh-summary-label{font-size:.75rem}.rh-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.rh-search{max-width:none;min-width:auto}.rh-results-info{text-align:center}.rh-table td,.rh-table th{padding:12px 14px}.rh-table th{font-size:.7rem}.doc-name{font-size:.875rem}.category-badge{font-size:.75rem;padding:5px 12px}.date-text{font-size:.8125rem}.link-btn{font-size:.75rem;padding:6px 12px}.action-btn{height:32px;width:32px}.action-btn svg{height:16px;width:16px}.rh-modal{max-width:calc(100% - 2rem)}.rh-modal-body,.rh-modal-footer,.rh-modal-header{padding:1.25rem}.rh-modal-title h2{font-size:1.125rem}.rh-modal-footer{flex-direction:column}.rh-modal-footer .rh-btn{justify-content:center;width:100%}.rh-empty-content h3{font-size:1.125rem}.rh-empty-content p{font-size:.875rem}}@media (max-width:480px){.rh-cards-container{gap:.75rem}.rh-card{border-left-width:3px;border-radius:10px;padding:1rem}.rh-card-header{gap:.75rem;margin-bottom:.875rem}.rh-card-icon{height:40px;width:40px}.rh-card-icon svg{height:20px;width:20px}.rh-card-title h3{font-size:1rem}.rh-card-date{font-size:.75rem}.rh-card-body{margin-bottom:.875rem;padding-top:.875rem}.rh-card-link-btn{font-size:.875rem;padding:.75rem 1rem}.rh-card-link-btn svg{height:16px;width:16px}.rh-card-actions{flex-direction:column;padding-top:.875rem}.rh-card-actions .rh-btn{font-size:.8125rem;padding:.625rem;width:100%}.resource-hub{padding:.75rem}.rh-header-icon{height:40px;width:40px}.rh-header-icon svg{height:20px;width:20px}.rh-header-text h1{font-size:1.25rem}.rh-header-text p{font-size:.8rem}.rh-header-actions{flex-direction:column}.rh-header-actions .rh-btn{width:100%}.rh-btn{font-size:.8125rem;padding:10px 16px}.rh-btn svg{height:16px;width:16px}.rh-summary-card{padding:.875rem}.rh-summary-icon{height:36px;width:36px}.rh-summary-icon svg{height:18px;width:18px}.rh-summary-value{font-size:1.125rem}.rh-summary-label{font-size:.7rem}.rh-search-input{font-size:.85rem;padding:12px 14px 12px 44px}.rh-search-icon{left:14px}.rh-search-icon,.rh-search-icon svg{height:18px;width:18px}.rh-results-info{font-size:.8125rem}.rh-table td,.rh-table th{padding:10px 12px}.rh-table th{font-size:.65rem}.row-icon{height:36px;width:36px}.row-icon svg{height:18px;width:18px}.doc-name{font-size:.8125rem}.category-badge{font-size:.7rem;padding:4px 10px}.date-text{font-size:.75rem}.link-btn{font-size:.7rem;padding:5px 10px}.link-btn svg{height:12px;width:12px}.action-btn{height:30px;width:30px}.action-btn svg{height:14px;width:14px}.rh-empty-icon{height:64px;width:64px}.rh-empty-icon svg{height:32px;width:32px}.rh-empty-content h3{font-size:1rem}.rh-empty-content p{font-size:.8125rem}.rh-modal{max-height:95vh;max-width:calc(100% - 1rem)}.rh-modal-body,.rh-modal-footer,.rh-modal-header{padding:1rem}.rh-modal-icon{height:36px;width:36px}.rh-modal-icon svg{height:18px;width:18px}.rh-modal-title h2{font-size:1rem}.rh-modal-close{height:36px;width:36px}.rh-modal-close svg{height:18px;width:18px}.rh-form-group label{font-size:.8125rem}.rh-form-group input{font-size:.85rem;padding:12px 14px}.rh-delete-text{font-size:.875rem}.rh-modal-footer{gap:.5rem}}.gensec-sidebar{background:linear-gradient(180deg,#fafbfc,#fff);border-right:1px solid #e0e7e9;box-shadow:2px 0 12px #0000000a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);margin:0;min-width:280px;overflow-y:auto;padding:0;position:relative;width:280px}.gensec-sidebar::-webkit-scrollbar{width:6px}.gensec-sidebar::-webkit-scrollbar-track{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:10px}.gensec-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.gensec-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0d9488,#14b8a6)}@media (max-width:1024px){.gensec-sidebar{min-width:260px;width:260px}.sidebar-nav{gap:.375rem;padding:1.25rem 0}.sidebar-section{margin-bottom:.625rem}.sidebar-section-title{font-size:.65rem;padding:.4375rem 1.125rem .3125rem}.sidebar-section-title:after{left:1.125rem;right:1.125rem}.sidebar-button{font-size:.8125rem;gap:.75rem;margin:0 .75rem;padding:.8125rem 1.125rem;width:calc(100% - 1.5rem)}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.875rem}}@media (max-width:768px){.gensec-sidebar{box-shadow:4px 0 20px #00000026;height:calc(100vh - 80px);left:0;min-width:280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:80px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.gensec-sidebar.mobile-open{box-shadow:8px 0 32px #0003;transform:translateX(0)}.sidebar-mobile-close{display:flex}.sidebar-nav{gap:.5rem;padding:3.5rem 0 1.5rem}.sidebar-section{margin-bottom:.5rem}.sidebar-section-title{font-size:.625rem;padding:.4375rem 1rem .3125rem}.sidebar-section-title:after{left:1rem;right:1rem}.gensec-sidebar::-webkit-scrollbar{width:4px}.gensec-sidebar::-webkit-scrollbar-track{background:#0000}.gensec-sidebar::-webkit-scrollbar-thumb{background:#0d94884d;border-radius:10px}.gensec-sidebar::-webkit-scrollbar-thumb:hover{background:#0d948880}.sidebar-button{border-radius:10px;font-size:.8125rem;gap:.75rem;margin:0 .625rem;padding:.75rem 1rem;width:calc(100% - 1.25rem)}.sidebar-button:hover{transform:translateX(2px)}.sidebar-button:active{transform:translateX(0) scale(.98);transition:all .1s ease}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.875rem}.sidebar-menu li{animation:slideIn .2s ease forwards}.sidebar-menu li:first-child{animation-delay:.02s}.sidebar-menu li:nth-child(2){animation-delay:.04s}.sidebar-menu li:nth-child(3){animation-delay:.06s}.sidebar-menu li:nth-child(4){animation-delay:.08s}.sidebar-menu li:nth-child(5){animation-delay:.1s}.sidebar-menu li:nth-child(6){animation-delay:.12s}}@media (max-width:480px){.gensec-sidebar{min-width:260px;width:260px}.sidebar-mobile-close{height:32px;right:.875rem;top:.875rem;width:32px}.sidebar-mobile-close svg{height:16px;width:16px}.sidebar-nav{gap:.375rem;padding:3.25rem 0 1.25rem}.sidebar-section{margin-bottom:.4375rem}.sidebar-section-title{font-size:.5875rem;padding:.375rem .875rem .25rem}.sidebar-section-title:after{left:.875rem;right:.875rem}.sidebar-button{border-radius:10px;font-size:.75rem;gap:.625rem;margin:0 .5rem;padding:.625rem .875rem;width:calc(100% - 1rem)}.sidebar-button:before{width:3px}.sidebar-icon{height:18px;width:18px}.sidebar-text{font-size:.8125rem}.sidebar-menu li{animation:slideIn .15s ease forwards}.sidebar-menu li:nth-child(n){animation-delay:0s}}@media (max-width:768px) and (orientation:landscape){.gensec-sidebar{height:calc(100vh - 60px);top:60px}.sidebar-mobile-close{height:30px;right:.75rem;top:.5rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{gap:.25rem;padding:2.75rem 0 1rem}.sidebar-section{margin-bottom:.375rem}.sidebar-section-title{font-size:.5625rem;padding:.3125rem .75rem .1875rem}.sidebar-section-title:after{left:.75rem;right:.75rem}.sidebar-button{font-size:.75rem;gap:.5rem;margin:0 .625rem;padding:.5rem .75rem;width:calc(100% - 1.25rem)}}@media (max-width:360px){.gensec-sidebar{min-width:240px;width:240px}.sidebar-mobile-close{height:30px;right:.75rem;top:.75rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{gap:.25rem;padding:3rem 0 1rem}.sidebar-section{margin-bottom:.3125rem}.sidebar-section-title{font-size:.5625rem;padding:.3125rem .75rem .1875rem}.sidebar-section-title:after{left:.75rem;right:.75rem}.sidebar-button{font-size:.6875rem;gap:.5rem;margin:0 .4375rem;padding:.5rem .625rem;width:calc(100% - .875rem)}.sidebar-icon{height:16px;width:16px}.sidebar-text{font-size:.75rem}}.stat-card-info .stat-icon,.stat-card-pending .stat-icon,.stat-card-primary .stat-icon,.stat-card-success .stat-icon,.stat-card-warning .stat-icon,.stat-icon{color:#fff}@media (max-width:768px){.dashboard-container{padding:1.25rem}.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-emoji,.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.page-header-info{flex-wrap:wrap;gap:.75rem;width:100%}.header-info-item{flex:1 1;justify-content:center;min-width:calc(50% - .375rem)}.dashboard-welcome-card{padding:1.5rem}.welcome-greeting{font-size:1.5rem}.welcome-subtitle{font-size:.875rem}.user-info-grid{gap:.75rem;grid-template-columns:1fr}.dashboard-stats{gap:1rem;grid-template-columns:1fr}.stat-number{font-size:2rem}.stat-card{padding:1.5rem}.stat-icon-wrapper{height:60px;width:60px}.stat-icon{font-size:1.75rem}}.mr-container{animation:mrFadeIn .5s ease-in;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}@keyframes mrFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mr-header{flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.mr-header,.mr-header-content{align-items:center;display:flex}.mr-header-content{gap:1rem}.mr-header-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:16px;box-shadow:0 8px 24px #0d94884d;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.mr-header-icon svg{color:#fff;height:28px;width:28px}.mr-header-text h1{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .25rem}.mr-header-text p{color:#64748b;font-size:.9rem;font-weight:400;margin:0}.mr-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s}.mr-btn:disabled{cursor:not-allowed;opacity:.6}.mr-btn svg{height:16px;width:16px}.mr-btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 2px 8px #0d94884d;color:#fff}.mr-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0d948866;transform:translateY(-2px)}.mr-btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.mr-btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.mr-btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.mr-btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.mr-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.mr-btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.mr-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.mr-stat-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.mr-stat-card:hover{box-shadow:0 8px 20px #0d948826;transform:translateY(-4px)}.mr-stat-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.mr-stat-icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.mr-stat-icon-wrapper.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.mr-stat-icon-wrapper.green{background:linear-gradient(135deg,#10b981,#059669)}.mr-stat-icon-wrapper.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.mr-stat-icon{color:#fff;height:28px;width:28px}.mr-stat-icon svg{height:100%;width:100%}.mr-stat-info{flex:1 1}.mr-stat-value{color:#1e293b;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.mr-stat-label{color:#64748b;font-size:.875rem;font-weight:600}.mr-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.mr-search{flex:1 1;max-width:400px;min-width:280px;position:relative}.mr-search-icon{color:#94a3b8;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.mr-search-icon,.mr-search-icon svg{height:20px;width:20px}.mr-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.9rem;padding:12px 16px 12px 48px;transition:all .2s;width:100%}.mr-search-input:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a;outline:none}.mr-search-input::placeholder{color:#94a3b8}.mr-filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.mr-filter-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.mr-filter-tab svg{height:16px;width:16px}.mr-filter-tab:hover{background:#f8fafc;border-color:#cbd5e1}.mr-filter-tab.active{background:linear-gradient(135deg,#0d9488,#14b8a6);border-color:#0d9488;color:#fff}.mr-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.mr-table{border-collapse:collapse;width:100%}.mr-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.mr-table th{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.mr-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.mr-table tbody tr:hover{background:#f8fafc}.mr-table tbody tr:last-child{border-bottom:none}.mr-table td{padding:16px 20px;vertical-align:middle}.status-badge{gap:.4rem}.status-badge.pending{color:#92400e}.status-badge.approved{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.status-badge.rejected{background:#fee2e2;border-color:#fecaca;color:#991b1b}.status-badge.payment-verified{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.status-badge.payment-pending{background:#fef3c7;border-color:#fde68a;color:#92400e}.actions-cell{white-space:nowrap}.action-buttons{gap:.5rem}.action-btn-sm{align-items:center;border-radius:6px;display:inline-flex;font-size:.8rem;gap:.375rem;padding:.5rem .875rem}.mr-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.mr-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0d9488;height:48px;margin-bottom:20px;width:48px}.mr-loading p{font-size:.95rem;font-weight:500}.mr-error{background:#fef2f2;border:1px solid #fecaca;border-radius:16px;padding:48px 24px;text-align:center}.mr-error-icon{color:#ef4444;display:block;margin:0 auto 16px}.mr-error-icon,.mr-error-icon svg{height:48px;width:48px}.mr-error p{color:#991b1b;font-size:.95rem;font-weight:500;margin:0 0 20px}.mr-empty{color:#64748b;padding:80px 20px;text-align:center}.mr-empty-icon{color:#cbd5e1;display:block;margin:0 auto 24px}.mr-empty-icon,.mr-empty-icon svg{height:80px;width:80px}.mr-empty p{color:#64748b;font-size:1rem;font-weight:500;margin:0}.mr-empty-subtitle{color:#94a3b8;font-size:.875rem;margin-top:.5rem}.mr-modal-overlay{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mr-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.mr-modal.lg{max-width:1000px}.mr-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 28px}.mr-modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.mr-modal-close{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.mr-modal-close:hover{background:#f1f5f9;color:#1e293b}.mr-modal-close svg{height:20px;width:20px}.mr-modal-body{flex:1 1;overflow-y:auto;padding:28px}.mr-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.mr-detail-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.mr-detail-avatar{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;font-weight:700;height:64px;justify-content:center;width:64px}.mr-detail-title h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.mr-detail-sections{display:flex;flex-direction:column;gap:2rem}.mr-detail-section{border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem}.mr-detail-section:last-child{border-bottom:none;padding-bottom:0}.mr-detail-section h4{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.mr-detail-section h4 svg{color:#0d9488;height:20px;width:20px}.mr-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.mr-detail-item{display:flex;flex-direction:column;gap:.25rem}.mr-detail-item.full{grid-column:1/-1}.mr-detail-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.mr-detail-value{color:#1e293b;font-size:.95rem;font-weight:500}.mr-detail-value.mono{font-family:Monaco,Courier New,monospace}.mr-detail-value.email{color:#0d9488}.mr-detail-value.blood{color:#dc2626;font-weight:700}.mr-detail-value.highlight{color:#0d9488;font-weight:600}.mr-textarea{border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.9rem;min-height:100px;padding:12px 16px;resize:vertical;transition:all .2s;width:100%}.mr-textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a;outline:none}.mr-notes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.9rem;line-height:1.6;padding:12px 16px}.mr-receipt-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:16px}.mr-receipt-info{align-items:center;display:flex;flex:1 1;gap:12px}.mr-receipt-icon{align-items:center;background:#fff;border-radius:10px;color:#0d9488;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.mr-receipt-icon svg{height:20px;width:20px}.mr-receipt-info>div{display:flex;flex-direction:column;gap:.25rem}.mr-receipt-name{color:#1e293b;font-size:.9rem;font-weight:600}.mr-receipt-hint{color:#64748b;font-size:.8rem}.mr-no-receipt{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:8px}.mr-no-receipt-icon{height:20px;width:20px}.mr-no-receipt-icon svg{height:100%;width:100%}.mr-modal.receipt{max-width:900px}.mr-receipt-container{align-items:center;background:#f8fafc;border-radius:12px;display:flex;justify-content:center;min-height:400px;width:100%}.mr-receipt-pdf{border:none;border-radius:8px;height:600px;width:100%}.mr-receipt-image{border-radius:8px;height:auto;max-width:100%}.mr-cards-container{display:none}.mr-request-card{animation:cardSlideIn .3s ease;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;padding:20px;transition:all .2s}.mr-request-card:hover{box-shadow:0 4px 16px #0d948826;transform:translateY(-2px)}.mr-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.mr-card-title{flex:1 1}.mr-card-name{color:#1e293b;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 6px}.mr-card-email{color:#64748b;font-size:.85rem;margin:0}.mr-card-badges{align-items:flex-end;flex-shrink:0;gap:6px;margin-left:12px}.mr-card-badges,.mr-card-body{display:flex;flex-direction:column}.mr-card-body{gap:12px;margin-bottom:16px}.mr-card-info-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.mr-card-info-label{color:#64748b;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mr-card-info-value{color:#1e293b;font-size:.9rem;font-weight:500;text-align:right;word-break:break-word}.mr-card-footer{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;padding-top:12px}@media (max-width:1024px){.mr-table-wrapper{overflow-x:auto}.mr-table{min-width:900px}}@media (max-width:768px){.mr-container{padding:1rem}.mr-header{align-items:flex-start;flex-direction:column}.mr-stats{grid-template-columns:1fr}.mr-toolbar{align-items:stretch;flex-direction:column}.mr-search{max-width:none}.mr-table-wrapper{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.mr-table{display:none!important}.mr-cards-container{display:block!important}.mr-detail-grid{grid-template-columns:1fr}.mr-detail-item.full{grid-column:1}.mr-modal-footer{flex-direction:column}.mr-modal-footer .mr-btn{justify-content:center;width:100%}}.status-toggle-btn{cursor:default}.review-btn{align-items:center;background:#ccfbf1;border:1px solid #99f6e4;border-radius:10px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.review-btn svg{stroke:#0d9488;height:18px;width:18px}.review-btn:hover{background:#0d9488;border-color:#0d9488;box-shadow:0 4px 12px #0d948859;transform:scale(1.08)}.review-btn:hover svg{stroke:#fff}.approve-btn{align-items:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.approve-btn svg{stroke:#059669;height:18px;width:18px}.approve-btn:hover{background:#059669;border-color:#059669;box-shadow:0 4px 12px #05966959;transform:scale(1.08)}.approve-btn:hover svg{stroke:#fff}.review-modal{max-width:700px}.review-section{border-bottom:1px solid #f1f5f9;margin-bottom:28px;padding-bottom:28px}.review-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.review-section-title{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:10px;margin:0 0 16px}.review-section-title svg{color:#0d9488;height:20px;width:20px}.review-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.review-item{display:flex;flex-direction:column;gap:6px}.review-item.full-width{grid-column:1/-1}.review-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.review-value{color:#1e293b;font-size:.95rem;font-weight:500}.lc-number-badge-small{background:linear-gradient(135deg,#0d94881a,#14b8a60d);border:1px solid #0d948833;border-radius:6px;color:#0d9488;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.status-badge{padding:6px 12px}.status-badge.issued{background:#d1fae5;border-color:#a7f3d0;color:#059669}.status-badge.pending{background:#fef3c7;border-color:#fde68a;color:#d97706}.lc-cards-container{display:none}.lc-card{animation:cardSlideIn .3s ease;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.lc-card:hover{box-shadow:0 4px 16px #0d948826;transform:translateY(-2px)}.lc-card-header{align-items:flex-start;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;display:flex;justify-content:space-between;padding:1.25rem}.lc-card-title{flex:1 1}.lc-card-name{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 8px}.lc-card-lc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.lc-card-status{flex-shrink:0;margin-left:12px}.lc-card-status .loa-issued-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.lc-card-body{gap:12px;padding:1.25rem}.lc-card-body,.lc-card-info-item{display:flex;flex-direction:column}.lc-card-info-item{border-bottom:1px solid #f1f5f9;gap:.25rem;padding-bottom:.75rem}.lc-card-info-item:last-child{border-bottom:none;padding-bottom:0}.lc-card-info-label{color:#0d9488;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.lc-card-info-value{color:#1e293b;font-size:.9375rem;font-weight:500;word-break:break-word}.lc-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:.625rem;padding:1rem 1.25rem}.lc-card-footer .approve-btn,.lc-card-footer .review-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.lc-card-footer .review-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.lc-card-footer .review-btn:hover{background:#2563eb;box-shadow:0 4px 12px #2563eb40;color:#fff;transform:translateY(-1px)}.lc-card-footer .approve-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 2px 8px #0d948840;color:#fff}.lc-card-footer .approve-btn:hover{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 12px #0d948859;transform:translateY(-1px)}@media (max-width:768px){.resource-hub{padding:16px}.rh-header{align-items:flex-start;flex-direction:column}.rh-header-actions{width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center}.rh-table-wrapper{display:none!important}.lc-cards-container{display:block!important}.lc-card{border-radius:16px;margin-bottom:1rem;overflow:hidden}.lc-card-header{align-items:flex-start;background:linear-gradient(135deg,#0d9488,#14b8a6);display:flex;justify-content:space-between;padding:1rem 1.25rem}.lc-card-title h3{color:#fff;font-size:1.125rem;margin:0 0 .5rem}.lc-card-lc{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;font-size:.8125rem}.lc-card-lc,.lc-card-status .loa-issued-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-weight:600;padding:.375rem .75rem}.lc-card-status .loa-issued-notice{background:#ffffff40;border:1px solid #fff6;border-radius:6px;font-size:.75rem}.lc-card-body{padding:1.25rem}.lc-card-info-item{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.25rem;padding-bottom:.75rem}.lc-card-info-item:last-child{border-bottom:none;padding-bottom:0}.lc-card-info-label{color:#0d9488;font-size:.6875rem}.lc-card-info-value{color:#1e293b;font-size:.9375rem}.lc-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:.625rem;padding:1rem 1.25rem}.lc-card-footer .approve-btn,.lc-card-footer .review-btn{flex:1 1;font-size:.875rem;padding:.75rem 1rem}.rh-modal{max-width:95%}.rh-modal-footer{flex-direction:column}.rh-modal-footer .rh-btn{justify-content:center;width:100%}.review-grid{grid-template-columns:1fr}.review-item.full-width{grid-column:1}}@media (max-width:480px){.lc-card-header{flex-direction:column;gap:.75rem;padding:.875rem}.lc-card-status{margin-left:0}.lc-card-body{padding:.875rem}.lc-card-footer{flex-direction:column;padding:.875rem}.lc-card-footer .approve-btn,.lc-card-footer .review-btn{width:100%}}.role-icon-small{background:linear-gradient(135deg,#0d9488,#14b8a6)}.lc-badge{font-size:.8rem}.eb-role-badge{background:linear-gradient(135deg,#0d94881a,#14b8a60d);border:1px solid #0d948833;color:#0d9488;font-size:1rem;padding:.5rem 1rem}.rh-modal-sm{max-width:480px}.confirm-header{background:#f0fdf4;border-bottom-color:#bbf7d0}.confirm-icon{background:linear-gradient(135deg,#10b981,#059669)!important}.confirm-content{text-align:center}.confirm-message{color:#1e293b;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.confirm-message strong{color:#059669}.confirm-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px 20px;text-align:left}.confirm-details p{color:#64748b;font-size:.875rem;font-weight:600;margin:0 0 10px}.confirm-details ul{margin:0;padding-left:20px}.confirm-details li{color:#374151;font-size:.9rem;line-height:1.5;margin-bottom:6px}.confirm-details li:last-child{margin-bottom:0}.confirm-warning{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;margin:0;padding:12px 16px}.confirm-warning svg{flex-shrink:0;height:18px;width:18px}.eb-cards-container{display:none}.eb-card{animation:cardSlideIn .3s ease;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;transition:all .2s ease}.eb-card:hover{box-shadow:0 4px 16px #0d948826;transform:translateY(-2px)}.eb-card-header{align-items:flex-start;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;display:flex;justify-content:space-between;padding:1.25rem}.eb-card-role{flex:1 1}.eb-card-role-name{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 8px}.eb-card-lc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.eb-card-status{flex-shrink:0;margin-left:12px}.eb-card-status .loa-issued-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.eb-card-body{gap:12px;padding:1.25rem}.eb-card-body,.eb-card-info-item{display:flex;flex-direction:column}.eb-card-info-item{border-bottom:1px solid #f1f5f9;gap:.25rem;padding-bottom:.75rem}.eb-card-info-item:last-child{border-bottom:none;padding-bottom:0}.eb-card-info-label{color:#0d9488;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.eb-card-info-value{color:#1e293b;font-size:.9375rem;font-weight:500;word-break:break-word}.eb-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:.625rem;padding:1rem 1.25rem}.eb-card-footer .approve-btn,.eb-card-footer .review-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.eb-card-footer .review-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.eb-card-footer .review-btn:hover{background:#2563eb;box-shadow:0 4px 12px #2563eb40;color:#fff;transform:translateY(-1px)}.eb-card-footer .approve-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 2px 8px #0d948840;color:#fff}.eb-card-footer .approve-btn:hover{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 12px #0d948859;transform:translateY(-1px)}@media (max-width:1024px){.rh-table{min-width:900px}}@media (max-width:768px){.rh-table-wrapper{display:none!important}.eb-cards-container{display:block!important}.eb-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:1rem;overflow:hidden}.eb-card-header{align-items:flex-start;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem}.eb-card-role-name{color:#fff;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.eb-card-lc{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;display:inline-block;font-size:.8125rem}.eb-card-lc,.eb-card-status .loa-issued-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-weight:600;padding:.375rem .75rem}.eb-card-status .loa-issued-notice{background:#ffffff40;border:1px solid #fff6;border-radius:6px;font-size:.75rem}.eb-card-body{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.eb-card-info-item{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.25rem;padding-bottom:.75rem}.eb-card-info-item:last-child{border-bottom:none;padding-bottom:0}.eb-card-info-label{color:#0d9488;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.eb-card-info-value{color:#1e293b;font-size:.9375rem;font-weight:500}.eb-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:.625rem;padding:1rem 1.25rem}.eb-card-footer .approve-btn,.eb-card-footer .review-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.eb-card-footer .review-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.eb-card-footer .review-btn svg{height:16px;width:16px}.eb-card-footer .approve-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 2px 8px #0d948840;color:#fff}.eb-card-footer .approve-btn svg{height:16px;width:16px}.rh-modal-sm{max-width:95%}}@media (max-width:480px){.eb-card-header{flex-direction:column;gap:.75rem;padding:.875rem}.eb-card-status{margin-left:0}.eb-card-body{padding:.875rem}.eb-card-footer{flex-direction:column;padding:.875rem}.eb-card-footer .approve-btn,.eb-card-footer .review-btn{width:100%}}.loa-container{margin:0 auto;max-width:900px;padding:2rem 1rem}.loa-card{animation:fadeInUp .4s ease-out;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.loa-section{margin-bottom:1.5rem}.loa-section:last-child{margin-bottom:0}.loa-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.loa-section-title{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.loa-section-title svg{color:#0d9488;height:24px;width:24px}.loa-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;margin:2rem 0}.loa-search-form{gap:1rem}.loa-input-group,.loa-search-form{display:flex;flex-direction:column}.loa-input-group{gap:.5rem}.loa-label{align-items:center;color:#334155;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.loa-label .required{color:#ef4444}.loa-input-wrapper{align-items:center;display:flex;position:relative}.loa-input-icon{align-items:center;color:#64748b;display:flex;left:1rem;pointer-events:none;position:absolute}.loa-input-icon svg{height:20px;width:20px}.loa-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.9375rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s ease;width:100%}.loa-input:hover:not(:disabled){border-color:#cbd5e1}.loa-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.loa-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.loa-input::placeholder{color:#94a3b8}.loa-input-hint{color:#64748b;font-size:.8125rem;line-height:1.4;margin:0}.loa-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.loa-btn svg{height:18px;width:18px}.loa-btn:disabled{cursor:not-allowed;opacity:.6}.loa-btn-search{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 2px 8px #0d948840;color:#fff}.loa-btn-search:hover:not(:disabled){background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 12px #0d948859;transform:translateY(-1px)}.loa-btn-search:active:not(:disabled){transform:translateY(0)}.loa-btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 2px 8px #0d948840;color:#fff}.loa-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 12px #0d948859;transform:translateY(-1px)}.loa-btn-primary:active:not(:disabled){transform:translateY(0)}.loa-btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.loa-btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.loa-btn-clear{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.loa-btn-clear svg{height:16px;width:16px}.loa-btn-clear:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.loa-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.loa-user-info{background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border:1px solid #99f6e4;border-radius:8px;padding:1.5rem}.loa-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.loa-info-item{display:flex;flex-direction:column;gap:.25rem}.loa-info-label{color:#0f766e;font-size:.8125rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.loa-info-value{color:#1e293b;font-size:.9375rem;font-weight:500}.loa-role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.loa-role-badge.eligible{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.loa-role-badge.eligible svg{color:#059669;height:16px;width:16px}.loa-role-badge.not-eligible{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.loa-action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.loa-empty-state{color:#64748b;padding:3rem 1rem;text-align:center}.loa-empty-icon{align-items:center;background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.loa-empty-icon svg{color:#0d9488;height:40px;width:40px}.loa-empty-state h3{color:#334155;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.loa-empty-state p{color:#64748b;font-size:.9375rem;line-height:1.5;margin:0 auto 1.5rem;max-width:400px}.loa-empty-note{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:0 auto;max-width:500px;padding:.75rem 1rem;text-align:left}.loa-empty-note svg{color:#d97706;flex-shrink:0;height:20px;width:20px}.error-banner,.success-banner{animation:slideInDown .3s ease-out;border-radius:8px;font-size:.9375rem;gap:.75rem;padding:1rem 1.5rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-banner{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.success-banner svg{color:#059669;flex-shrink:0}.error-banner{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.error-banner svg{flex-shrink:0}@media (max-width:768px){.loa-container{padding:1rem .5rem}.loa-card{padding:1.5rem}.loa-section-title{font-size:1.125rem}.loa-info-grid{grid-template-columns:1fr}.loa-action-buttons{flex-direction:column-reverse}.loa-btn{width:100%}.loa-section-header{align-items:flex-start;flex-direction:column;gap:1rem}.loa-btn-clear{align-self:flex-end}}@media (max-width:480px){.loa-card{padding:1rem}.loa-section-title{font-size:1rem;gap:.5rem}.loa-section-title svg{height:20px;width:20px}.loa-empty-icon{height:60px;width:60px}.loa-empty-icon svg{height:30px;width:30px}}.loa-issued-section{animation:fadeInUp .4s ease-out;margin:2rem auto;max-width:100%;padding:0 1rem}.loa-issued-header{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:12px;box-shadow:0 4px 12px #0d948833;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.loa-issued-title{align-items:center;color:#fff;display:flex;gap:.75rem}.loa-issued-title svg{height:28px;width:28px}.loa-issued-title h2{font-size:1.5rem;font-weight:600;margin:0}.loa-issued-actions{align-items:center;display:flex;gap:1rem}.loa-issued-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;color:#fff;font-size:.9375rem;padding:.5rem 1rem}.loa-issued-count strong{font-size:1.125rem;font-weight:700}.loa-btn-add{background:#fff;box-shadow:0 2px 8px #00000026;color:#0d9488;font-weight:600}.loa-btn-add:hover:not(:disabled){background:#f0fdfa;box-shadow:0 4px 12px #0003;color:#0f766e;transform:translateY(-1px)}.loa-btn-issue{font-size:1rem;margin-top:1.5rem;padding:1rem 2rem}.loa-loading-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loa-spinner-large{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0d9488;height:48px;margin-bottom:1rem;width:48px}.loa-loading-state p{color:#64748b;font-size:.9375rem;margin:0}.loa-empty-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:4rem 2rem;text-align:center}.loa-empty-list .loa-empty-icon{height:100px;margin:0 auto 1.5rem;width:100px}.loa-empty-list .loa-empty-icon svg{height:50px;width:50px}.loa-empty-list h3{color:#334155;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.loa-empty-list p{color:#64748b;font-size:.9375rem;margin:0}.loa-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.loa-table{border-collapse:collapse;font-size:.9375rem;width:100%}.loa-table thead{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-bottom:2px solid #99f6e4}.loa-table th{color:#0f766e;font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.loa-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.loa-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f0fdfa)}.loa-table tbody tr:last-child{border-bottom:none}.loa-table td{color:#334155;padding:1rem;vertical-align:middle}.loa-date-cell,.loa-email-cell,.loa-role-cell,.loa-user-cell{align-items:center;display:flex;gap:.5rem}.loa-date-cell svg,.loa-email-cell svg,.loa-role-cell svg,.loa-user-cell svg{color:#0d9488;flex-shrink:0;height:16px;width:16px}.loa-user-name{color:#1e293b;font-weight:600}.loa-role-text{color:#475569;font-weight:500}.loa-lc-cell{display:flex;flex-direction:column;gap:.25rem}.loa-lc-badge{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.loa-lc-name{color:#64748b;font-size:.875rem}.loa-cnic,.loa-issuer{color:#64748b;font-size:.9375rem}.loa-na{color:#94a3b8;font-size:.875rem;font-style:italic}.loa-cards-mobile{display:none}.loa-card-mobile{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.loa-card-mobile:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.loa-card-mobile:last-child{margin-bottom:0}.loa-card-mobile-header{background:linear-gradient(135deg,#0d9488,#14b8a6);display:flex;flex-direction:column;gap:.5rem;padding:1rem}.loa-card-mobile-name{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.loa-card-mobile-name svg{flex-shrink:0;height:18px;width:18px}.loa-card-mobile-date{align-items:center;color:#ffffffe6;display:flex;font-size:.875rem;gap:.5rem}.loa-card-mobile-date svg{flex-shrink:0;height:16px;width:16px}.loa-card-mobile-body{display:flex;flex-direction:column;gap:1rem;padding:1rem}.loa-card-mobile-item{display:flex;flex-direction:column;gap:.375rem}.loa-card-mobile-label{align-items:center;color:#0f766e;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;text-transform:uppercase}.loa-card-mobile-label svg{color:#0d9488;height:14px;width:14px}.loa-card-mobile-value{color:#334155;font-size:.9375rem;padding-left:1.25rem;word-break:break-word}.loa-card-mobile-role{color:#1e293b;font-weight:500}.loa-card-mobile-lc{display:flex;flex-direction:column;gap:.25rem}@media (max-width:1400px){.loa-table-wrapper{overflow-x:auto}.loa-table{min-width:1200px}}@media (max-width:768px){.loa-issued-section{padding:0 .5rem}.loa-issued-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.loa-issued-title h2{font-size:1.25rem}.loa-issued-title svg{height:24px;width:24px}.loa-table td,.loa-table th{padding:.75rem}.loa-table-wrapper{background:#0000!important;border:none!important;box-shadow:none!important;display:none!important}.loa-cards-mobile{display:block!important}}@media (max-width:480px){.loa-issued-title h2{font-size:1.125rem}.loa-card-mobile-header{padding:.875rem}.loa-card-mobile-body{gap:.875rem;padding:.875rem}.loa-card-mobile-name{font-size:.9375rem}}.loa-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.loa-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.loa-modal-header{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.loa-modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.loa-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.loa-modal-close svg{height:20px;width:20px}.loa-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.loa-modal-content{flex:1 1;overflow-y:auto;padding:2rem}.loa-modal-content .loa-section{margin-bottom:1.5rem}.loa-modal-content .loa-section:last-child{margin-bottom:0}.loa-modal-content .loa-section-title{font-size:1.125rem}.loa-modal-content h3{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:.625rem;margin:0 0 1rem}.loa-modal-content h3 svg{color:#0d9488;height:20px;width:20px}.loa-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.loa-modal-footer .loa-btn{min-width:140px}@media (max-width:768px){.loa-modal{border-radius:0;max-height:100vh;max-width:100%}.loa-modal-header{padding:1rem 1.5rem}.loa-modal-header h2{font-size:1.25rem}.loa-modal-content{padding:1.5rem}.loa-modal-footer{flex-direction:column-reverse;padding:1rem 1.5rem}.loa-modal-footer .loa-btn{min-width:auto;width:100%}.loa-issued-header{align-items:flex-start;flex-direction:column}.loa-issued-actions{justify-content:space-between;width:100%}}@media (max-width:480px){.loa-modal-overlay{padding:0}.loa-modal-content,.loa-modal-footer,.loa-modal-header{padding:1rem}.loa-btn-add{font-size:.875rem;padding:.625rem 1rem}}.rh-cards-mobile{display:none}.rh-card-mobile{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.rh-card-mobile:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.rh-card-mobile:last-child{margin-bottom:0}.rh-card-mobile-header{align-items:flex-start;background:linear-gradient(135deg,#0d9488,#14b8a6);display:flex;gap:.875rem;padding:1rem}.rh-card-mobile-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.rh-card-mobile-icon svg{color:#fff;height:22px;width:22px}.rh-card-mobile-title{flex:1 1;min-width:0}.rh-card-mobile-title h3{color:#fff;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;word-break:break-word}.rh-card-mobile-date{align-items:center;color:#ffffffe6;display:flex;font-size:.8125rem;gap:.375rem}.rh-card-mobile-date svg{flex-shrink:0;height:14px;width:14px}.rh-card-mobile-body{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.rh-card-mobile-link{align-items:center;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:10px;color:#0d9488;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;text-decoration:none;transition:all .2s}.rh-card-mobile-link:hover{background:#ccfbf1;border-color:#5eead4;transform:translateY(-1px)}.rh-card-mobile-link svg{height:16px;width:16px}.rh-card-mobile-actions{display:flex;gap:.625rem;padding-top:.25rem}.rh-card-mobile-btn{align-items:center;border:1px solid;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.rh-card-mobile-btn svg{height:16px;width:16px}.rh-card-mobile-btn.edit{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.rh-card-mobile-btn.edit:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40;color:#fff;transform:translateY(-1px)}.rh-card-mobile-btn.delete{background:#fef2f2;border-color:#fecaca;color:#dc2626}.rh-card-mobile-btn.delete:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc262640;color:#fff;transform:translateY(-1px)}.rh-empty-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:2rem 1rem}@media (max-width:768px){.resource-hub{padding:16px}.rh-header{align-items:flex-start;flex-direction:column}.rh-header-actions{width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center}.rh-summary{flex-direction:column}.rh-summary-card{min-width:auto}.rh-toolbar{align-items:stretch;flex-direction:column}.rh-search{max-width:none}.rh-results-info{text-align:center}.rh-modal-footer{flex-direction:column}.rh-modal-footer .rh-btn{justify-content:center}.rh-table-wrapper{background:#0000!important;border:none!important;box-shadow:none!important;display:none!important}.rh-cards-mobile{display:block!important}}@media (max-width:480px){.rh-card-mobile-body,.rh-card-mobile-header{padding:.875rem}.rh-card-mobile-icon{height:40px;width:40px}.rh-card-mobile-icon svg{height:20px;width:20px}.rh-card-mobile-title h3{font-size:.9375rem}.rh-card-mobile-actions{flex-direction:column}.rh-card-mobile-btn{width:100%}}:root{--gensec-primary:#0d9488;--gensec-primary-light:#14b8a6;--gensec-primary-dark:#0f766e;--gensec-success:#10b981;--gensec-warning:#f59e0b;--gensec-danger:#ef4444;--gensec-info:#3b82f6;--gensec-bg:#f8fafc;--gensec-card-bg:#fff;--gensec-text:#1e293b;--gensec-text-muted:#64748b;--gensec-border:#e2e8f0;--gensec-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--gensec-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--gensec-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.gensec-portal-wrapper{background:#f8fafc;background:var(--gensec-bg);flex-direction:column;min-height:100vh;overflow-x:hidden}.gensec-portal-content,.gensec-portal-wrapper{display:flex;max-width:100%;position:relative;width:100%}.gensec-portal-content{flex:1 1;gap:0;margin:0;min-height:calc(100vh - 80px);overflow:hidden;padding:0}.gensec-main-content{background:#f1f5f9;box-sizing:border-box;flex:1 1;height:calc(100vh - 80px);max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.gensec-main-content:before{background:linear-gradient(180deg,#0d948808,#0000);content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0;top:0}.gensec-main-content::-webkit-scrollbar{width:8px}.gensec-main-content::-webkit-scrollbar-track{background:#0000}.gensec-main-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.gensec-main-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:1024px){.gensec-portal-content{min-height:calc(100vh - 70px)}.gensec-main-content{height:calc(100vh - 70px)}}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.sidebar-overlay{display:block}.gensec-portal-content{position:relative}.gensec-main-content{width:100%}}@media (max-width:480px){.mobile-menu-toggle{height:44px;left:12px;top:85px;width:44px}.hamburger-icon{font-size:22px}}@media (max-width:768px) and (orientation:landscape){.gensec-portal-content{min-height:calc(100vh - 60px)}.gensec-main-content{height:calc(100vh - 60px)}.mobile-menu-toggle{top:70px}}.vpa-sidebar{background:linear-gradient(180deg,#fafbfc,#fff);border-right:1px solid #e0e7e9;box-shadow:2px 0 12px #0000000a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);margin:0;min-width:280px;overflow-y:auto;padding:0;width:280px}.vpa-sidebar::-webkit-scrollbar{width:6px}.vpa-sidebar::-webkit-scrollbar-track{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:10px}.vpa-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.vpa-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0d9488,#14b8a6)}@media (max-width:768px){.vpa-sidebar{min-width:280px;width:280px}.sidebar-button{font-size:.875rem;margin:.3rem .625rem;padding:.875rem 1rem;width:calc(100% - 1.25rem)}.sidebar-icon{height:20px;width:20px}.dashboard-container{padding:1.25rem}.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-emoji,.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.dashboard-welcome-card{padding:1.5rem}.welcome-greeting{font-size:1.5rem}.welcome-subtitle{font-size:.875rem}.user-info-grid{gap:.75rem;grid-template-columns:1fr}.dashboard-stats{gap:1rem;grid-template-columns:1fr}.stat-number{font-size:2rem}.stat-card{padding:1.5rem}.stat-icon-wrapper{height:60px;width:60px}.stat-icon{font-size:1.75rem}}.local-councils-container{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px;padding:32px}.local-councils-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.local-councils-title{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.local-councils-subtitle{color:#64748b;font-size:.9rem;margin:0}.add-lc-button{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:12px;box-shadow:0 4px 12px #0d94884d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.add-lc-button:hover{box-shadow:0 8px 20px #0d948866;transform:translateY(-2px)}.add-lc-button svg{height:18px;width:18px}.loading-state{box-shadow:0 1px 3px #0000000a;color:#64748b;padding:80px 20px}.loading-state p{font-size:.95rem}.empty-state{box-shadow:0 1px 3px #0000000a;padding:80px 20px}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#0d94881a,#14b8a60d);border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.empty-state-icon svg{color:#0d9488;height:40px;opacity:.6;width:40px}.empty-state h2{color:#1e293b;font-size:1.5rem;margin:0 0 .75rem}.empty-state p{color:#64748b;font-size:.95rem}.table-container{border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #0000000a}.local-councils-table{border-collapse:collapse;width:100%}.local-councils-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.local-councils-table th{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.local-councils-table tbody tr{animation:rowFadeIn .3s ease backwards;border-bottom:1px solid #f1f5f9;transition:all .2s}.local-councils-table tbody tr:hover{background:#f8fafc}.local-councils-table tbody tr:last-child{border-bottom:none}.local-councils-table td{color:#374151;font-size:.875rem;font-weight:500;padding:16px 20px;vertical-align:middle}.lc-name-cell{font-size:.95rem;font-weight:600}.lc-number-badge{white-space:nowrap}.territory-badge{background:#f1f5f9;color:#64748b;display:inline-block;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.status-badge,.territory-badge{border-radius:8px;padding:6px 14px}.status-badge{border:1px solid}.status-badge.status-permanent{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b9814d;color:#065f46}.status-badge.status-candidate{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f64d;color:#1e40af}.status-badge.status-coordinator{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b4d;color:#92400e}.status-badge.status-unregistered{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef44444d;color:#991b1b}.action-btn{border:1px solid}.edit-btn{border-color:#bfdbfe}.delete-btn{background:#fef2f2;border-color:#fecaca}.modal-overlay{background:#0f172a99;padding:20px;z-index:1000}.modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);border-radius:24px;box-shadow:0 24px 48px #0003;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:24px 40px}.modal-header h2{color:#1e293b;font-size:1.25rem}.modal-close{background:#0000;border-radius:12px;color:#64748b;height:40px;transition:all .2s;width:40px}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-close svg{height:20px;width:20px}.modal-body{padding:28px 40px}.modal-body form{display:flex;flex-direction:column}.form-row{grid-gap:24px;gap:24px;margin-bottom:20px}.error-message{background:#fee2e2;padding:12px 16px}.error-message,.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;display:block;font-size:.875rem;margin-bottom:8px}.form-group label .required{color:#ef4444}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.9rem;padding:14px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a;outline:none}.modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;gap:12px;padding:20px 40px}.modal-cancel-button{background:#0000;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:12px 20px;transition:all .2s}.modal-cancel-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.modal-confirm-button{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:12px;box-shadow:0 4px 12px #0d94884d;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:12px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-confirm-button:hover:not(:disabled){box-shadow:0 6px 18px #0d948873;transform:translateY(-2px)}.modal-confirm-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.modal-confirm-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.modal-confirm-button.danger:hover:not(:disabled){box-shadow:0 6px 18px #ef444473}.success-modal{max-width:400px;text-align:center}.success-icon-wrapper{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.success-icon-wrapper svg{color:#10b981;height:32px;width:32px}.success-modal h2{color:#10b981;margin:0 0 16px}.success-modal p{color:#64748b;line-height:1.6;margin:0 0 28px}.delete-modal{max-width:400px;text-align:center}.delete-icon-wrapper{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26260d);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.delete-icon-wrapper svg{color:#dc2626;height:32px;width:32px}.delete-modal h2{color:#dc2626;margin:0 0 16px}.delete-modal p{color:#64748b;line-height:1.6;margin:0 0 28px}@media (max-width:1024px){.local-councils-container{padding:24px}.table-container{overflow-x:auto}.local-councils-table{min-width:800px}.modal-content{max-width:90%}}@media (max-width:768px){.local-councils-container{padding:16px}.local-councils-header{align-items:flex-start;flex-direction:column}.add-lc-button{justify-content:center;width:100%}.local-councils-title{font-size:1.5rem}.local-councils-subtitle{font-size:.85rem}.local-councils-table td,.local-councils-table th{padding:12px 14px}.modal-content{max-width:95%}.modal-body,.modal-footer,.modal-header{padding-left:24px;padding-right:24px}.form-row{gap:0;grid-template-columns:1fr}.form-row .form-group{margin-bottom:20px}.modal-footer{flex-direction:column}.modal-footer button{justify-content:center;width:100%}}.name-cell{color:#1e293b;font-size:.95rem}.email-cell{color:#64748b;font-size:.875rem}.lc-name-cell{color:#1e293b;font-size:.9rem}.lc-number-badge{background:linear-gradient(135deg,#0d94881a,#14b8a60d);border:1px solid #0d948833;color:#0d9488}.lc-number-badge,.lc-status-badge{font-size:.8rem;font-weight:600;padding:6px 14px}.lc-status-badge{border-radius:8px;display:inline-block;text-transform:capitalize;white-space:nowrap}.lc-status-badge.permanent{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.lc-status-badge.candidate{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.lc-status-badge.coordinator{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.lc-status-badge.unregistered{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.lc-status-badge.unknown{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.status-toggle-btn{border:1px solid;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.status-toggle-btn.issued{background:#d1fae5;border-color:#a7f3d0;color:#059669}.status-toggle-btn.issued:hover{background:#059669;border-color:#059669;box-shadow:0 2px 8px #0596694d;color:#fff;transform:translateY(-1px)}.status-toggle-btn.not-issued{background:#fee2e2;border-color:#fecaca;color:#dc2626}.status-toggle-btn.not-issued:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #dc26264d;color:#fff;transform:translateY(-1px)}.rh-modal{max-width:560px}.rh-input-icon{pointer-events:none;z-index:1}.rh-form-group input,.rh-form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.9rem;padding:14px 16px 14px 48px;transition:all .2s;width:100%}.rh-form-group input:focus,.rh-form-group select:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a;outline:none}.rh-form-group input.error,.rh-form-group select.error{border-color:#ef4444}.rh-form-group input.error:focus,.rh-form-group select.error:focus{box-shadow:0 0 0 4px #ef44441a}.rh-form-group input:disabled,.rh-form-group select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.rh-btn-ghost,.rh-btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:12px 24px;transition:all .2s}.rh-btn-ghost:hover,.rh-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.rh-btn-ghost:disabled,.rh-btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.resource-hub{padding:24px}.rh-table-wrapper{overflow-x:auto}.rh-table{min-width:900px}}@media (max-width:768px){.resource-hub{padding:16px}.rh-header{align-items:flex-start;flex-direction:column}.rh-header-actions{width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center}.rh-modal{max-width:95%}.rh-modal-footer{flex-direction:column}.rh-modal-footer .rh-btn{justify-content:center;width:100%}}.role-name-cell{color:#111827;font-weight:600;vertical-align:middle}.role-name-wrapper{align-items:center;display:flex;gap:.75rem}.role-icon-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.role-icon-small svg{height:18px;width:18px}.role-info{display:flex;flex-direction:column;gap:2px}.role-name-text{color:#111827;font-size:.9375rem;font-weight:600}.role-slug-cell{vertical-align:middle}.role-slug-badge{background:#f3f4f6;border-radius:4px;color:#64748b;display:inline-block;font-family:Monaco,Courier New,monospace;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.name-cell{color:#111827;font-weight:600}.email-cell{color:#4b5563}.email-cell,.lc-cell{font-size:.9375rem}.lc-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#166534;display:inline-block;font-size:.875rem;font-weight:500;padding:.375rem .75rem;white-space:nowrap}.date-cell{color:#64748b;font-size:.875rem}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.8125rem;gap:.375rem}.status-badge svg{height:14px;width:14px}.status-badge.issued{background:#dcfce7;border:1px solid #86efac;color:#166534}.status-badge.not-issued{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-badge.assigned{background:#dcfce7;border:1px solid #86efac;color:#166534}.status-badge.unassigned{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.empty-cell{color:#9ca3af;font-style:italic;text-align:center}.no-assignment-text{color:#6b7280;font-weight:500}.unassigned-row{background:#fffbeb}.unassigned-row:hover{background:#fef3c7}.actions-cell{align-items:center;display:flex;gap:8px;justify-content:center}.loa-issued-notice{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#059669;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.edit-btn{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.edit-btn svg{stroke:#2563eb;height:18px;width:18px}.edit-btn:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb59;transform:scale(1.08)}.edit-btn:hover svg{stroke:#fff}.delete-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.delete-btn svg{stroke:#dc2626;height:18px;width:18px}.delete-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc262659;transform:scale(1.08)}.delete-btn:hover svg{stroke:#fff}.error-banner,.success-banner{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:1.5rem;padding:16px 20px}.success-banner{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.success-banner svg{color:#15803d;height:20px;width:20px}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.error-banner svg{color:#dc2626;height:20px;width:20px}.rh-validation-message{display:block;font-size:.8rem;font-weight:500;margin-top:8px}.rh-validation-message.checking{color:#64748b}.rh-validation-message.success{color:#15803d}.rh-validation-message.error{color:#dc2626}.rh-form-error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;display:flex;font-size:.875rem;gap:12px;margin-bottom:20px;padding:12px 16px}.rh-form-error-banner svg{color:#dc2626;flex-shrink:0;height:18px;width:18px}@media (max-width:1200px){.rh-table-wrapper{overflow-x:auto}.rh-table{min-width:1000px}}@media (max-width:768px){.role-name-wrapper{gap:.5rem}.role-icon-small{height:28px;width:28px}.role-icon-small svg{height:16px;width:16px}.status-badge{font-size:.75rem;padding:.25rem .5rem}.actions-cell{flex-direction:column;gap:4px}.delete-btn,.edit-btn{height:32px;width:32px}}.rh-table-wrapper{border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #0000000a}.rh-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.rh-table th{color:#64748b;font-size:.75rem;letter-spacing:.05em;white-space:nowrap}.rh-table th.sortable{transition:color .2s}.sort-icon{display:inline-block;margin-left:6px;vertical-align:middle}.sort-icon svg{color:#0d9488}.th-icon{width:60px}.th-actions{min-width:120px}.rh-table tbody tr{animation:rowFadeIn .3s ease backwards;transition:all .2s}@keyframes rowFadeIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.rh-table tbody tr:hover{background:#f8fafc}.rh-table tbody tr:last-child{border-bottom:none}.rh-table td{vertical-align:middle}.td-icon{width:60px}.row-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 2px 8px #0d948840;display:flex;height:40px;width:40px}.row-icon svg{color:#fff;height:20px;width:20px}.td-name{max-width:300px}.doc-name{display:block;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-category{min-width:140px}.category-badge{background:linear-gradient(135deg,#0d94881a,#14b8a60d);border:1px solid #0d948833;border-radius:8px;color:#0d9488;display:inline-block;font-size:.8rem;font-weight:600;padding:6px 14px}.no-category{color:#cbd5e1;font-size:.9rem}.td-date{min-width:120px}.date-text{color:#64748b;font-size:.875rem}.td-link{min-width:100px}.link-btn{background:#f0fdfa;border:1px solid #ccfbf1;color:#0d9488;font-size:.8rem;padding:8px 14px;transition:all .2s}.link-btn:hover{background:#ccfbf1;border-color:#5eead4;transform:translateY(-1px)}.td-actions{min-width:120px;width:120px}.action-buttons{align-items:center}.action-btn{background:#fff;border:1px solid #e2e8f0;height:36px;padding:0;transition:all .2s;width:36px}.action-btn svg{display:block;flex-shrink:0;height:18px;width:18px}.action-btn svg line,.action-btn svg path,.action-btn svg polyline{transition:stroke .2s}.action-btn.edit{background:#eff6ff;border-color:#bfdbfe}.action-btn.edit svg{stroke:#2563eb}.action-btn.edit:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb59;transform:scale(1.08)}.action-btn.edit:hover svg{stroke:#fff}.action-btn.delete{background:#fef2f2;border-color:#fecaca}.action-btn.delete svg{stroke:#dc2626}.action-btn.delete:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc262659;transform:scale(1.08)}.action-btn.delete:hover svg{stroke:#fff}.rh-table-empty{padding:80px 20px!important;text-align:center}.rh-empty-content p{margin:0 0 24px}.rh-modal-overlay{animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99}.rh-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);border-radius:24px;box-shadow:0 24px 48px #0003;max-width:520px}.rh-modal.rh-modal-sm{max-width:420px}.rh-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:24px 28px}.rh-modal-header.danger{background:#fef2f2}.rh-modal-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:12px}.rh-modal-header.danger .rh-modal-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.rh-modal-icon svg{color:#fff}.rh-modal-title h2{font-weight:700}.rh-modal-close{border-radius:12px;color:#64748b;height:40px;transition:all .2s;width:40px}.rh-modal-close:hover{color:#1e293b}.rh-modal-body{padding:28px}.rh-delete-text{font-size:.95rem}.rh-form-group{margin-bottom:24px}.rh-form-group label{color:#374151;font-size:.875rem;font-weight:600}.rh-form-group label .required{color:#ef4444}.rh-form-group input{border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.9rem;padding:14px 16px;transition:all .2s;width:100%}.rh-form-group input:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a;outline:none}.rh-form-group input.error{border-color:#ef4444}.rh-form-group input.error:focus{box-shadow:0 0 0 4px #ef44441a}.rh-form-group input::placeholder{color:#94a3b8}.rh-input-icon{color:#0d9488;left:16px}.rh-input-icon,.rh-input-icon svg{height:20px;width:20px}.rh-input-wrapper input{padding-left:48px}.rh-form-error{margin-top:8px}.rh-form-hint{font-size:.75rem;margin:8px 0 0}.rh-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;padding:20px 28px}@media (max-width:1024px){.resource-hub{padding:24px}.rh-table-wrapper{overflow-x:auto}.rh-table{min-width:700px}}@media (max-width:768px){.resource-hub{padding:16px}.rh-header{align-items:flex-start;flex-direction:column}.rh-header-actions{width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center}.rh-summary{flex-direction:column}.rh-summary-card{min-width:auto}.rh-toolbar{align-items:stretch;flex-direction:column}.rh-search{max-width:none}.rh-results-info{text-align:center}.rh-modal-footer{flex-direction:column}.rh-modal-footer .rh-btn{justify-content:center}}.lc-president-sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;box-shadow:2px 0 12px #00000008;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:24px 0;width:280px}.sidebar-nav{padding:0 16px}.sidebar-menu{gap:6px}.sidebar-button{border-radius:14px;gap:14px;padding:14px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar-button:before{background:linear-gradient(135deg,#7c3aed,#a78bfa);height:100%;top:0;transform:scaleY(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-button:hover{background:#7c3aed14}.sidebar-button.active{background:linear-gradient(135deg,#7c3aed1f,#a78bfa14);box-shadow:0 4px 12px #7c3aed26}.sidebar-button.active:before{transform:scaleY(1)}.sidebar-icon{color:#64748b;transition:all .25s}.sidebar-button:hover .sidebar-icon{color:#7c3aed;transform:scale(1.1)}.sidebar-button.active .sidebar-icon{color:#7c3aed}.sidebar-icon svg{stroke-width:2.2;height:22px;width:22px}.sidebar-text{color:#475569;font-size:.925rem;font-weight:600;letter-spacing:-.01em;transition:all .25s}.sidebar-button:hover .sidebar-text{color:#1e293b}.sidebar-button.active .sidebar-text{color:#7c3aed;font-weight:700}@media (max-width:1024px){.lc-president-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;padding:16px 0;width:100%}.sidebar-menu{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:4px}.sidebar-button{flex-direction:column;gap:8px;justify-content:center;min-width:100px;padding:12px 16px}.sidebar-button:before{border-radius:4px 4px 0 0;bottom:0;height:4px;left:0;top:auto;transform:scaleX(0);width:100%}.sidebar-button.active:before{transform:scaleX(1)}.sidebar-text{font-size:.75rem;text-align:center;white-space:nowrap}.sidebar-icon,.sidebar-icon svg{height:20px;width:20px}}@media (max-width:768px){.sidebar-button{min-width:80px;padding:10px 12px}.sidebar-text{font-size:.7rem}.sidebar-icon,.sidebar-icon svg{height:18px;width:18px}}.lc-president-sidebar::-webkit-scrollbar{width:6px}.lc-president-sidebar::-webkit-scrollbar-track{background:#0000}.lc-president-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.lc-president-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.loading-logo{filter:drop-shadow(0 4px 15px rgba(124,58,237,.3))}.header-info-item .info-icon{color:#7c3aed}.lc-info-card{align-items:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #ddd6fe;border-radius:16px;box-shadow:0 4px 12px #7c3aed26;display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem;transition:all .3s ease}.lc-info-card:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#c4b5fd;box-shadow:0 6px 20px #7c3aed40;transform:translateY(-2px)}.lc-info-card .info-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:14px;box-shadow:0 4px 16px #7c3aed66;font-size:1.75rem;height:56px;width:56px}.lc-info-card .info-icon svg{height:28px;width:28px}.lc-info-card .info-label{color:#7c3aed;font-size:.875rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.lc-info-card .info-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:700}.info-item{border:1px solid #ede9fe;box-shadow:0 2px 4px #7c3aed0d}.info-item:hover{background:linear-gradient(135deg,#fff,#f5f3ff);border-color:#ddd6fe;box-shadow:0 4px 12px #7c3aed26}.info-item-highlight{background:linear-gradient(135deg,#7c3aed1a,#a78bfa1a);border:2px solid #7c3aed4d;box-shadow:0 3px 8px #7c3aed26}.info-item-highlight:hover{background:linear-gradient(135deg,#7c3aed26,#a78bfa26);border-color:#7c3aed66;box-shadow:0 4px 16px #7c3aed40}.info-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 3px 8px #7c3aed4d}.info-label{color:#7c3aed}.info-value-status{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#7c3aed}.stat-card:hover{box-shadow:0 8px 25px #7c3aed33}.stat-icon-wrapper{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.stat-arrow,.stat-card-primary,.stat-icon{color:#7c3aed}.stat-card-primary .stat-icon-wrapper{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.stat-card-primary .stat-icon{color:#6d28d9}.stat-card-primary:before{background:#7c3aed}.stat-card-info{color:#a78bfa}.stat-card-info .stat-icon-wrapper{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.stat-card-info .stat-icon{color:#8b5cf6}.stat-card-info:before{background:#a78bfa}@media (max-width:768px){.dashboard-container{padding:1.25rem}.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-emoji,.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.page-header-info{flex-wrap:wrap;gap:.75rem;width:100%}.header-info-item{flex:1 1;justify-content:center;min-width:calc(50% - .375rem)}.dashboard-welcome-card{padding:1.5rem}.welcome-greeting{font-size:1.5rem}.welcome-subtitle{font-size:.875rem}.lc-info-card{gap:1rem;padding:1.25rem 1.5rem}.lc-info-card .info-icon{height:48px;width:48px}.lc-info-card .info-icon svg{height:24px;width:24px}.lc-info-card .info-label{font-size:.75rem}.lc-info-card .info-value{font-size:1.25rem}.user-info-grid{gap:.75rem;grid-template-columns:1fr}.dashboard-stats{gap:1rem;grid-template-columns:1fr}.stat-number{font-size:2rem}.stat-card{padding:1.5rem}.stat-icon-wrapper{height:60px;width:60px}.stat-icon{font-size:1.75rem}}.lc-president-page{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px;padding:32px}.page-header{margin-bottom:32px}.page-header-icon{box-shadow:0 8px 24px #7c3aed4d}.page-header-icon svg{color:#fff;height:28px;width:28px}.page-content{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.page-placeholder{flex-direction:column;padding:80px 20px;text-align:center}.page-placeholder,.placeholder-icon{align-items:center;display:flex;justify-content:center}.placeholder-icon{background:linear-gradient(135deg,#7c3aed1a,#a78bfa0d);border-radius:20px;height:80px;margin-bottom:24px;width:80px}.placeholder-icon svg{color:#7c3aed;height:40px;opacity:.6;width:40px}.page-placeholder h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 8px}.page-placeholder p{color:#64748b;font-size:.95rem;margin:0;max-width:500px}@media (max-width:768px){.lc-president-page{padding:16px}.page-header-text h1{font-size:1.5rem}.page-placeholder{padding:60px 20px}}.portal-main-content,.portal-wrapper{background:#f8fafc}.portal-container{padding:32px}.portal-container h1{color:#1e293b;font-weight:800;margin-bottom:12px}.portal-container p{color:#64748b;font-size:1rem}@media (max-width:1024px){.portal-content-wrapper{flex-direction:column}}@media (max-width:768px){.portal-container{padding:16px}}.gen-mem-sidebar{background:linear-gradient(180deg,#fafbfc,#fff);border-right:1px solid #e0e7e9;box-shadow:2px 0 12px #0000000a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);margin:0;min-width:280px;overflow-y:auto;padding:0;position:relative;width:280px}.sidebar-mobile-close{align-items:center;background:#0d94881a;border:1px solid #0d948833;border-radius:10px;color:#0d9488;cursor:pointer;display:none;height:36px;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.sidebar-mobile-close:hover{background:#0d948833;border-color:#0d94884d;transform:scale(1.05)}.sidebar-mobile-close:active{transform:scale(.95)}.sidebar-mobile-close svg{stroke:currentColor;height:18px;width:18px}.sidebar-nav{gap:.5rem}.sidebar-nav,.sidebar-section{display:flex;flex-direction:column}.sidebar-section{margin-bottom:.75rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-title{color:#94a3b8;font-size:.6875rem;font-weight:700;letter-spacing:.1em;margin:0;padding:.5rem 1.25rem .375rem;position:relative;text-transform:uppercase}.sidebar-section-title:after{background:linear-gradient(90deg,#0d948833,#0000);bottom:0;content:"";height:1px;left:1.25rem;position:absolute;right:1.25rem}.sidebar-menu{display:flex;flex-direction:column;gap:.125rem;padding:.25rem 0 0}.sidebar-button{border-radius:10px;font-size:.875rem;gap:.875rem;margin:0 .875rem;padding:.875rem 1.25rem}.sidebar-button.active{border:1px solid #0d948833;box-shadow:0 4px 12px #0d948826,inset 0 1px 2px #ffffff80}.sidebar-button.active:before{box-shadow:0 0 8px #0d948866;height:70%}.sidebar-button.active .sidebar-icon{filter:drop-shadow(0 2px 4px rgba(13,148,136,.3))}.sidebar-button:focus{outline:2px solid #0d948833;outline-offset:2px}.sidebar-button.active:focus{outline-color:#0d948866}.gen-mem-sidebar::-webkit-scrollbar{width:6px}.gen-mem-sidebar::-webkit-scrollbar-track{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:10px}.gen-mem-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.gen-mem-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0d9488,#14b8a6)}.sidebar-menu li{animation:slideIn .3s ease forwards}.sidebar-menu li:first-child{animation-delay:.05s}.sidebar-menu li:nth-child(2){animation-delay:.1s}.sidebar-menu li:nth-child(3){animation-delay:.15s}.sidebar-menu li:nth-child(4){animation-delay:.2s}.sidebar-menu li:nth-child(5){animation-delay:.25s}.sidebar-menu li:nth-child(6){animation-delay:.3s}@media (max-width:1024px){.gen-mem-sidebar{min-width:260px;width:260px}.sidebar-nav{gap:.375rem;padding:1.25rem 0}.sidebar-section{margin-bottom:.625rem}.sidebar-section-title{font-size:.65rem;padding:.4375rem 1.125rem .3125rem}.sidebar-section-title:after{left:1.125rem;right:1.125rem}.sidebar-button{font-size:.8125rem;gap:.75rem;margin:0 .75rem;padding:.8125rem 1.125rem;width:calc(100% - 1.5rem)}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.8125rem}}@media (max-width:768px){.gen-mem-sidebar{box-shadow:4px 0 20px #00000026;height:calc(100vh - 80px);left:0;min-width:280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:80px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.gen-mem-sidebar.mobile-open{box-shadow:8px 0 32px #0003;transform:translateX(0)}.sidebar-mobile-close{display:flex}.sidebar-nav{gap:.5rem;padding:3.5rem 0 1.5rem}.sidebar-section{margin-bottom:.5rem}.sidebar-section-title{font-size:.625rem;padding:.4375rem 1rem .3125rem}.sidebar-section-title:after{left:1rem;right:1rem}.gen-mem-sidebar::-webkit-scrollbar{width:4px}.gen-mem-sidebar::-webkit-scrollbar-track{background:#0000}.gen-mem-sidebar::-webkit-scrollbar-thumb{background:#0d94884d;border-radius:10px}.gen-mem-sidebar::-webkit-scrollbar-thumb:hover{background:#0d948880}.sidebar-button{border-radius:10px;font-size:.8125rem;gap:.75rem;margin:0 .625rem;padding:.75rem 1rem;width:calc(100% - 1.25rem)}.sidebar-button:hover{transform:translateX(2px)}.sidebar-button:active{transform:translateX(0) scale(.98);transition:all .1s ease}.sidebar-icon{height:20px;width:20px}.sidebar-text{font-size:.875rem}.sidebar-menu li{animation:slideIn .2s ease forwards}.sidebar-menu li:first-child{animation-delay:.02s}.sidebar-menu li:nth-child(2){animation-delay:.04s}.sidebar-menu li:nth-child(3){animation-delay:.06s}.sidebar-menu li:nth-child(4){animation-delay:.08s}.sidebar-menu li:nth-child(5){animation-delay:.1s}.sidebar-menu li:nth-child(6){animation-delay:.12s}}@media (max-width:480px){.gen-mem-sidebar{min-width:260px;width:260px}.sidebar-mobile-close{height:32px;right:.875rem;top:.875rem;width:32px}.sidebar-mobile-close svg{height:16px;width:16px}.sidebar-nav{padding:3.25rem 0 1.25rem}.sidebar-section{margin-bottom:.4375rem}.sidebar-section-title{font-size:.5875rem;padding:.375rem .875rem .25rem}.sidebar-section-title:after{left:.875rem;right:.875rem}.sidebar-button{border-radius:10px;font-size:.75rem;gap:.625rem;margin:0 .5rem;padding:.625rem .875rem;width:calc(100% - 1rem)}.sidebar-button:before{width:3px}.sidebar-icon{height:18px;width:18px}.sidebar-text{font-size:.8125rem}.sidebar-menu li{animation:slideIn .15s ease forwards}.sidebar-menu li:nth-child(n){animation-delay:0s}}@media (max-width:768px) and (orientation:landscape){.gen-mem-sidebar{height:calc(100vh - 60px);top:60px}.sidebar-mobile-close{height:30px;right:.75rem;top:.5rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{padding:2.75rem 0 1rem}.sidebar-section{margin-bottom:.375rem}.sidebar-section-title{font-size:.5625rem;padding:.3125rem .75rem .1875rem}.sidebar-section-title:after{left:.75rem;right:.75rem}.sidebar-button{font-size:.75rem;gap:.5rem;margin:0 .625rem;padding:.5rem .75rem;width:calc(100% - 1.25rem)}}@media (max-width:360px){.gen-mem-sidebar{min-width:240px;width:240px}.sidebar-mobile-close{height:30px;right:.75rem;top:.75rem;width:30px}.sidebar-mobile-close svg{height:15px;width:15px}.sidebar-nav{padding:3rem 0 1rem}.sidebar-section{margin-bottom:.3125rem}.sidebar-section-title{font-size:.5625rem;padding:.3125rem .75rem .1875rem}.sidebar-section-title:after{left:.75rem;right:.75rem}.sidebar-button{font-size:.6875rem;gap:.5rem;margin:0 .4375rem;padding:.5rem .625rem;width:calc(100% - .875rem)}.sidebar-icon{height:16px;width:16px}.sidebar-text{font-size:.75rem}}.dashboard-container{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);max-width:1600px;min-height:100vh;padding:2rem}.dashboard-container::-webkit-scrollbar{display:none}.dashboard-container{-ms-overflow-style:none;scrollbar-width:none}.dashboard-loading{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;color:#6c757d;font-size:1.1rem;padding:4rem 2rem}.dashboard-loading p{color:#6c757d;font-size:1.1rem;font-weight:500;margin:0}.dashboard-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.header-icon-emoji{font-size:1.75rem;line-height:1}.dashboard-welcome-card{background:#fff;border:1px solid #e9ecef;box-shadow:0 4px 12px #0000000f;margin-bottom:2rem;padding:2rem}.welcome-header{border-bottom:2px solid #fff3;margin-bottom:2rem;padding-bottom:1.5rem}.welcome-greeting{-webkit-background-clip:text;background-clip:text;color:#000;font-size:1.75rem;letter-spacing:-.5px;margin:0 0 .5rem}.welcome-subtitle{color:#000;font-size:.9375rem;font-weight:400}.user-info-grid{grid-gap:1rem;gap:1rem}.info-item{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e0f2f1;box-shadow:0 2px 4px #0d94880d;gap:.875rem;padding:1rem 1.25rem;transition:all .3s ease}.info-item:hover{background:linear-gradient(135deg,#fff,#f0fdfa);border-color:#99f6e4;box-shadow:0 4px 12px #0d948826;transform:translateY(-2px)}.info-item-highlight{background:linear-gradient(135deg,#0d94881a,#14b8a61a);border:2px solid #0d94884d;box-shadow:0 3px 8px #0d948826}.info-item-highlight:hover{background:linear-gradient(135deg,#0d948826,#14b8a626);border-color:#0d948866;box-shadow:0 4px 16px #0d948840}.info-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:12px;box-shadow:0 3px 8px #0d94884d;color:#fff;font-size:1.5rem;opacity:1}.info-details{flex:1 1;gap:.25rem}.info-label{color:#0d9488;font-weight:700;letter-spacing:.5px}.info-value{font-size:1rem;line-height:1.3;word-break:break-word}.info-value-status{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#14b8a6);-webkit-background-clip:text;background-clip:text;color:#0d9488;font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dashboard-error{border:1px solid #fee2e2;color:#991b1b;font-weight:500;gap:.75rem;padding:1rem 1.5rem}.error-icon{font-size:1.25rem;height:24px;width:24px}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{border:none;border-radius:20px;box-shadow:0 4px 12px #0000000f}.stat-card:not([onclick]):not([class*=stat-card-info]){cursor:pointer}.stat-card-info{cursor:default}.stat-card:before{background:currentColor;bottom:0;opacity:0;transition:opacity .3s ease;width:100%}.stat-card:hover{box-shadow:0 8px 25px #0d948833}.stat-card-info:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card-info:hover:before{opacity:0}.stat-icon-wrapper{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:16px;display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.stat-icon{color:#0d9488;filter:grayscale(0);font-size:2rem;height:36px;line-height:1;opacity:.9;transition:transform .2s ease;width:36px}.stat-icon svg{height:100%;width:100%}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-content{flex:1 1;min-width:0}.stat-label{color:#6b7280;font-size:.8125rem;margin:0 0 .625rem}.stat-number{color:#1f2937;font-size:2.25rem;letter-spacing:-.5px;margin:0 0 .375rem}.stat-sublabel{color:#9ca3af;font-size:.875rem;font-weight:400;line-height:1.4;margin:0}.stat-loading{animation:pulse 1.5s ease-in-out infinite;opacity:.5}.stat-arrow{color:#0d9488;flex-shrink:0;font-size:1.5rem;font-weight:700;opacity:0;transform:translateX(-8px);transition:all .3s ease}.stat-card:hover .stat-arrow{opacity:1;transform:translateX(0)}.stat-card-info .stat-arrow{display:none}.stat-card-primary{color:#0d9488}.stat-card-primary .stat-icon-wrapper{background:linear-gradient(135deg,#0d9488,#14b8a6)}.stat-card-primary .stat-icon{color:#0a7a6f}.stat-card-primary .stat-number{color:#1f2937}.stat-card-primary:before{background:#0d9488}.stat-card-info{color:#14b8a6}.stat-card-info .stat-icon-wrapper{background:linear-gradient(135deg,#14b8a6,#0d9488)}.stat-card-info .stat-icon{color:#0f8a7f}.stat-card-info .stat-number{color:#1f2937}.stat-card-info:before{background:#14b8a6}.stat-card-success{color:#10b981}.stat-card-success .stat-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-success .stat-icon{color:#059669}.stat-card-success .stat-number{color:#1f2937}.stat-card-success:before{background:#10b981}.stat-card-pending{color:#f59e0b}.stat-card-pending .stat-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-pending .stat-icon{color:#d97706}.stat-card-pending .stat-number{color:#1f2937}.stat-card-pending:before{background:#f59e0b}.stat-card-warning{color:#ef4444}.stat-card-warning .stat-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card-warning .stat-icon{color:#dc2626}.stat-card-warning .stat-number{color:#1f2937}.stat-card-warning:before{background:#ef4444}.dashboard-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.quick-access-section{display:none;margin-bottom:2rem}.quick-access-title{color:#1e293b;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0 0 1rem}.quick-access-cards{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:1fr}.quick-access-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-access-card:before{background:currentColor;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.quick-access-card:hover:before{transform:scaleY(1)}.quick-access-card:hover{border-color:#0d9488;box-shadow:0 8px 24px #0d948826;transform:translateX(4px)}.quick-access-card:active{transform:translateX(2px) scale(.98)}.quick-card-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);width:48px}.quick-access-card:hover .quick-card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.quick-card-icon{align-items:center;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.quick-card-icon svg{height:100%;width:100%}.quick-card-nef{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 4px 12px #14b8a64d}.quick-card-nrf{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.quick-card-certifications{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.quick-card-trainings{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.quick-card-resources{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.quick-card-content{flex:1 1;min-width:0}.quick-card-title{color:#1e293b;font-size:1rem;font-weight:600;letter-spacing:-.025em;margin:0 0 .25rem}.quick-card-description{color:#64748b;font-size:.8125rem;line-height:1.3;margin:0}.quick-card-arrow{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;height:20px;justify-content:center;opacity:0;transform:translateX(-8px);transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.quick-card-arrow svg{height:100%;width:100%}.quick-access-card:hover .quick-card-arrow{color:#0d9488;opacity:1;transform:translateX(0)}.section-card{background:#fff;border:none;border-radius:20px;box-shadow:0 4px 12px #0000000f;overflow:hidden;padding:0;transition:all .3s ease}.section-card:hover{box-shadow:0 6px 18px #00000014}.section-card-full{grid-column:1/-1}.section-header{background:linear-gradient(135deg,#fafbfc,#f9fafb);border-bottom:2px solid #f3f4f6;padding:2rem 2.5rem}.section-header-content{align-items:center;display:flex;gap:1rem}.section-icon{flex-shrink:0;font-size:1.75rem;opacity:.9}.section-title{font-size:1.375rem;margin:0}@media (max-width:1200px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.5rem}}@media (max-width:768px){.dashboard-container{padding:1.25rem}.quick-access-section{display:block}.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-emoji,.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.page-header-info{flex-wrap:wrap;gap:.75rem;width:100%}.header-info-item{flex:1 1;justify-content:center;min-width:calc(50% - .375rem)}.dashboard-welcome-card{padding:1.5rem}.welcome-greeting{font-size:1.5rem}.welcome-subtitle{font-size:.875rem}.user-info-grid{gap:.75rem;grid-template-columns:1fr}.dashboard-stats{gap:1rem;grid-template-columns:1fr}.section-header{padding:1.5rem 1.75rem}.section-title{font-size:1.25rem}.stat-number{font-size:2rem}.stat-card{padding:1.5rem}.stat-icon-wrapper{height:60px;width:60px}.stat-icon{font-size:1.75rem}.quick-access-title{font-size:1.125rem}.quick-access-card{padding:1.125rem}.quick-card-icon-wrapper{height:44px;width:44px}.quick-card-icon{height:22px;width:22px}.quick-card-title{font-size:.9375rem}.quick-card-description{font-size:.8rem}}.certifications-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1400px;padding:2rem}.certifications-header{margin-bottom:2rem}.certifications-title{color:#212529;font-size:2rem;font-weight:700;margin:0 0 .5rem}.certifications-subtitle{color:#6c757d;font-size:1rem;margin:0}.loading-state{text-align:center}.loading-spinner{border:4px solid #e9ecef}.loading-state p{margin:0}.error-icon{color:#dc3545}.error-state h3{color:#dc3545;font-size:1.5rem;margin:0 0 1rem}.error-state p{font-size:1rem;margin:0 0 1.5rem}.retry-button{border-radius:8px;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.retry-button:hover{box-shadow:0 4px 12px #0d948866;transform:scale(1.05)}.empty-icon{color:#6c757d;height:100px;margin:0 auto 1.5rem;width:100px}.empty-icon svg{height:100%;width:100%}.empty-state p{margin:0 auto;max-width:500px}.certifications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.certifications-table-wrapper{overflow:hidden}.certification-mobile-card,.certifications-table-wrapper{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f}.certification-mobile-card{margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.certification-mobile-card:last-child{margin-bottom:0}.certification-mobile-card:hover{border-color:#0d9488;box-shadow:0 6px 20px #0d94881f;transform:translateY(-2px)}.mobile-card-header{align-items:center}.cert-icon-wrapper{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;color:#065f46;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.cert-icon-wrapper svg{height:28px;width:28px}.mobile-card-header-content{flex:1 1;min-width:0}.cert-number{color:#6c757d;display:block;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.mobile-card-title{color:#0d9488;line-height:1.3}.mobile-card-detail{align-items:flex-start;gap:1rem}.mobile-detail-label{flex-shrink:0}.mobile-detail-value{word-break:break-word}.view-certificate-button-mobile{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;box-shadow:0 4px 12px #0d94884d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.view-certificate-button-mobile:hover{box-shadow:0 6px 16px #0d948866;transform:translateY(-2px)}.view-certificate-button-mobile:active{transform:translateY(0) scale(.98)}.certifications-table{background:#fff;border-collapse:collapse;width:100%}.certifications-table thead{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.certifications-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.certifications-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.certifications-table tbody tr:hover{background:#f0fdfa}.certifications-table tbody tr:last-child{border-bottom:none}.certifications-table td{color:#212529;font-size:.9rem;padding:1rem;vertical-align:middle}.certification-icon-small{align-items:center;color:#0d9488;display:inline-flex;height:28px;justify-content:center;width:28px}.certification-icon-small svg{height:100%;width:100%}.certification-type-label{color:#0d9488;font-weight:600}.view-certificate-button{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.view-certificate-button:hover{box-shadow:0 4px 12px #0d948866;transform:scale(1.05)}.certificate-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.certificate-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:90vw;overflow:auto;position:relative}.modal-close-button{align-items:center;background:#00000080;border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:1001}.modal-close-button:hover{background:#000c;transform:scale(1.1)}.certificate-modal-content{padding:2rem}.certificate-image-container{align-items:center;display:flex;justify-content:center;width:100%}.certificate-canvas,.certificate-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}.certificate-info-container{min-width:400px;padding:2rem;text-align:center}.certificate-icon-large{color:#0d9488;height:120px;margin:0 auto 1rem;width:120px}.certificate-icon-large svg{height:100%;width:100%}.certificate-modal-title{color:#212529;font-size:2rem;font-weight:700;margin:0 0 2rem}.certificate-modal-details{background:#f0fdfa;border-radius:12px;padding:1.5rem}.certificate-modal-detail-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 0}.certificate-modal-detail-item:last-child{border-bottom:none}.certification-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.certification-card:before{background:linear-gradient(135deg,#0d9488,#14b8a6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.certification-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.certification-icon{color:#0d9488;height:80px;margin:0 auto .5rem;width:80px}.certification-icon svg{height:100%;width:100%}.download-icon{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.download-icon svg{height:100%;width:100%}.certification-type-badge{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:.35rem 1rem;text-transform:uppercase}.certification-name{color:#212529;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.certification-details{background:#f0fdfa;border-radius:12px;margin-top:1rem;padding:1rem}.certification-details p{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin:0;padding:.5rem 0}.certification-details p:last-child{border-bottom:none}.detail-label{font-size:.85rem}.detail-value{font-size:.9rem}.certification-date,.certification-designation,.certification-issuer{color:#6c757d;font-size:.9rem;margin:0}.download-button{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.download-button:hover{box-shadow:0 4px 12px #0d948866;transform:scale(1.05)}@media (max-width:768px){.certifications-container{padding:1rem}.certifications-table-wrapper{display:none}.mobile-cards-view{display:block}.certifications-title{font-size:1.5rem}.certifications-subtitle{font-size:.9375rem}.certifications-grid{grid-template-columns:1fr}.certification-details p{align-items:flex-start;flex-direction:column;gap:.25rem}.mobile-card-title{font-size:1rem}.mobile-card-detail{font-size:.8125rem}.view-certificate-button-mobile{font-size:.875rem;padding:.75rem 1.25rem}.certificate-modal{max-height:95vh;max-width:95vw}.certificate-modal-content{padding:1rem}.certificate-info-container{min-width:0;min-width:auto;padding:1rem}.certificate-modal-title{font-size:1.5rem}.certificate-icon-large{height:80px;width:80px}.certificate-modal-detail-item{align-items:flex-start;flex-direction:column;gap:.5rem}.cert-icon-wrapper{height:44px;width:44px}.cert-icon-wrapper svg{height:24px;width:24px}}.nef-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1400px;padding:2rem}.nef-header{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.nef-title{color:#212529;font-size:2rem;font-weight:700;margin:0 0 .5rem}.nef-subtitle{color:#6c757d;font-size:1rem;margin:0}.simple-action-header{display:flex;justify-content:flex-end;margin-bottom:2rem}.submissions-section{margin-top:2rem}.submissions-title{color:#212529;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.submissions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.submission-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:1.5rem;transition:all .3s ease}.submission-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.submission-header{align-items:flex-start;border-bottom:2px solid #f1f3f5;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.submission-activity-name{color:#212529;flex:1 1;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.375rem .75rem}.status-approved{background:#d1fae5;color:#065f46}.status-partial{background:#fef3c7;color:#92400e}.status-pending{background:#e0f2f1;color:#0d9488}.status-rejected{background:#fee2e2;color:#991b1b}.submission-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.submission-footer{border-top:1px solid #f1f3f5;padding-top:1rem}.approval-status{display:flex;gap:1rem;justify-content:center}.approval-item{border-radius:8px;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.approval-item.approved{background:#d1fae5;color:#065f46}.approval-item.pending{background:#f3f4f6;color:#6c757d}.approval-item.rejected{background:#fee2e2;color:#991b1b}.submission-mobile-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.submission-mobile-card:last-child{margin-bottom:0}.submission-mobile-card:hover{border-color:#0d9488;box-shadow:0 6px 20px #0d94881f;transform:translateY(-2px)}.mobile-card-actions .comments-button,.mobile-card-actions .edit-button,.mobile-card-actions .view-button{flex:1 1;font-size:.875rem;min-width:calc(50% - .25rem);padding:.75rem 1rem}.nef-table{border-collapse:collapse;font-size:.9rem;width:100%}.nef-table thead{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.nef-table th{font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.nef-table tbody tr{border-bottom:1px solid #f1f3f5;transition:background-color .2s ease}.nef-table tbody tr:hover{background-color:#f0fdfa}.nef-table tbody tr:last-child{border-bottom:none}.nef-table td{color:#212529;padding:1rem;vertical-align:middle}.approval-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.approval-badge.approved{background:#d1fae5;color:#065f46}.approval-badge.pending{background:#e0f2f1;color:#0d9488}.approval-badge.rejected{background:#fee2e2;color:#991b1b}.edit-button{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.button-icon{height:16px;width:16px}.edit-button:hover{box-shadow:0 4px 8px #0d94884d;transform:translateY(-2px)}.view-button{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.view-button:hover{box-shadow:0 4px 8px #0d94884d;transform:translateY(-2px)}.no-edit-text{color:#6c757d;font-size:.875rem;font-style:italic}.comments-button{border-radius:6px;padding:.5rem 1rem}@media (max-width:768px){.nef-container{padding:1rem}.table-container{display:none}.mobile-cards-view{display:block}.simple-action-header{justify-content:stretch}.primary-button{width:100%}.nef-header{align-items:stretch;flex-direction:column;padding:1.5rem}.nef-title{font-size:1.5rem}.back-to-portal-button{margin-top:1rem;width:100%}.info-banner{flex-direction:column;padding:1.5rem;text-align:center}.banner-icon{font-size:3rem}.action-card{padding:1.5rem}.submissions-grid{grid-template-columns:1fr}.submission-header{align-items:flex-start;flex-direction:column}.status-badge{align-self:flex-start}.submissions-title{font-size:1.25rem}.mobile-card-title{font-size:1rem}.mobile-card-detail{font-size:.8125rem}.mobile-card-actions .comments-button,.mobile-card-actions .edit-button,.mobile-card-actions .view-button{font-size:.8125rem;padding:.6875rem .875rem}.mobile-card-actions .button-icon{height:14px;width:14px}.modal-content{max-height:85vh;width:95%}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.25rem}.modal-body,.modal-footer{padding:1.25rem 1.5rem}.comment-header{align-items:flex-start;flex-direction:column}.comment-date{white-space:normal}}.nrf-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1400px;padding:2rem}.nrf-header{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.nrf-title{color:#212529;font-size:2rem;font-weight:700;margin:0 0 .5rem}.nrf-subtitle{color:#6c757d;font-size:1rem;margin:0}.back-to-portal-button{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;box-shadow:0 2px 8px #0d94884d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.back-to-portal-button:hover{box-shadow:0 4px 12px #0d948866;transform:translateY(-2px)}.info-banner{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0d94884d}.banner-icon{font-size:3.5rem}.action-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:2rem;padding:2rem;text-align:center}.action-card h3{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.action-card p{color:#6c757d;font-size:1rem;margin:0 0 1.5rem}.primary-button{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.primary-button:hover{box-shadow:0 4px 12px #0d948866;transform:translateY(-2px)}.empty-state{border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:2rem}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.empty-state h3{color:#212529;margin:0 0 1rem}.empty-state p{color:#6c757d}.submissions-list{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:2rem;padding:2rem}.submissions-list h3{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.activities-section{margin-top:2rem}.activities-title{color:#212529;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.activities-subtitle{color:#6c757d;font-size:1rem;margin-bottom:1.5rem}.activities-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.activity-card{border:1px solid #e9ecef;box-shadow:0 4px 12px #0000000f;padding:1.5rem}.activity-card:not(.disabled):hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.activity-card.disabled{opacity:.7}.activity-header{align-items:flex-start;border-bottom:2px solid #f1f3f5;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.badge-group{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.activity-name{color:#212529;flex:1 1;font-weight:700;line-height:1.4;margin:0}.activity-badge{border-radius:20px;font-size:.8rem;padding:.375rem .75rem;white-space:nowrap}.badge-ready{background:#d1fae5;color:#065f46}.badge-upcoming{background:#fef3c7;color:#92400e}.nrf-status-section{background:#f0fdfa;border-left:4px solid #0d9488;border-radius:8px;margin-bottom:1rem;padding:1rem}.nrf-status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.nrf-status-badge.status-not-submitted{background:#e0f2f1;color:#0d9488}.nrf-status-badge.status-pending{background:#fef3c7;color:#92400e}.nrf-status-badge.status-approved{background:#d1fae5;color:#065f46}.nrf-status-badge.status-rejected{background:#fee2e2;color:#991b1b}.activity-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.detail-label{color:#6c757d;font-weight:500}.detail-value{color:#212529;font-weight:600;text-align:right}.activity-footer{border-top:1px solid #f1f3f5}.report-button{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;box-shadow:0 4px 12px #0d94884d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.button-icon,.report-button{align-items:center;justify-content:center}.button-icon{display:inline-flex;height:18px;width:18px}.button-icon svg{stroke:currentColor;height:100%;width:100%}.report-button:hover:not(:disabled){box-shadow:0 6px 16px #0d948866;transform:translateY(-2px)}.report-button:disabled{background:#e9ecef;box-shadow:none;color:#6c757d;cursor:not-allowed}.report-button-edit{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.report-button-edit:hover{box-shadow:0 6px 16px #f59e0b66}.report-button-view{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.report-button-view:hover{box-shadow:0 6px 16px #10b98166}.table-container{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;overflow:hidden}.mobile-cards-view{display:none}.activity-mobile-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.activity-mobile-card:last-child{margin-bottom:0}.activity-mobile-card:hover{border-color:#0d9488;box-shadow:0 6px 20px #0d94881f;transform:translateY(-2px)}.mobile-card-header{align-items:flex-start;border-bottom:2px solid #f1f3f5;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.mobile-card-title{color:#212529;flex:1 1;font-size:1.0625rem;font-weight:700;line-height:1.4;margin:0}.mobile-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.mobile-card-detail{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.mobile-detail-label{color:#6c757d;font-weight:500}.mobile-detail-value{color:#212529;font-weight:600;text-align:right}.mobile-card-actions{border-top:1px solid #f1f3f5;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem}.mobile-card-actions .comments-button,.mobile-card-actions .report-button{flex:1 1;font-size:.875rem;min-width:calc(50% - .25rem);padding:.75rem 1rem}.mobile-card-actions .report-button:last-child:nth-child(2),.mobile-card-actions .report-button:only-child{flex:1 1;min-width:100%}.nrf-table{border-collapse:collapse;font-size:.9rem;width:100%}.nrf-table thead{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.nrf-table th{font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.nrf-table tbody tr{border-bottom:1px solid #f1f3f5;transition:background-color .2s ease}.nrf-table tbody tr:hover{background-color:#f0fdfa}.nrf-table tbody tr:last-child{border-bottom:none}.nrf-table td{color:#212529;padding:1rem;vertical-align:middle}.activity-name-cell{color:#212529;font-weight:600;max-width:250px}.actions-cell{text-align:center}.action-buttons-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.actions-cell .report-button{font-size:.875rem;padding:.625rem 1.25rem;width:auto}.comments-button{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.comments-button .button-icon{height:16px;width:16px}.comments-button:hover{box-shadow:0 4px 8px #0d94884d;transform:translateY(-2px)}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:slideUp .3s ease;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:700px}.modal-header{border-bottom:2px solid #f1f3f5;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#212529;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.modal-title-icon{align-items:center;color:#0d9488;display:inline-flex;height:24px;justify-content:center;width:24px}.modal-title-icon svg{stroke:currentColor;height:100%;width:100%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:#f1f3f5;color:#212529}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.modal-footer{border-top:2px solid #f1f3f5;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.modal-close-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.modal-close-button:hover{background:#5a6268;transform:translateY(-1px)}.loading-comments{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem}.loading-comments .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#0d9488;height:40px;margin-bottom:1rem;width:40px}.loading-comments p{color:#6c757d;font-size:.95rem}.no-comments{color:#6c757d;padding:3rem 2rem;text-align:center}.no-comments p{font-size:1.05rem;margin:0}.comments-list{display:flex;flex-direction:column;gap:0}.comment-item{padding:1.25rem 0}.comment-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.comment-author{display:flex;flex-direction:column;gap:.25rem}.comment-author strong{color:#212529;font-size:.95rem}.comment-email{color:#6c757d;font-size:.8rem}.comment-date{color:#6c757d;font-size:.85rem;white-space:nowrap}.comment-text{background:#f0fdfa;border-left:3px solid #0d9488;border-radius:8px;color:#495057;font-size:.95rem;line-height:1.6;padding:1rem}.comment-divider{background:#e9ecef;height:1px;margin:0}@media (max-width:768px){.nrf-container{padding:1rem}.table-container{display:none}.mobile-cards-view{display:block}.nrf-header{align-items:stretch;flex-direction:column;padding:1.5rem}.nrf-title{font-size:1.5rem}.back-to-portal-button{margin-top:1rem;width:100%}.info-banner{flex-direction:column;padding:1.5rem;text-align:center}.banner-icon{font-size:3rem}.action-card{padding:1.5rem}.activities-grid{grid-template-columns:1fr}.activity-header{align-items:flex-start;flex-direction:column}.activity-badge{align-self:flex-start}.activities-title{font-size:1.25rem}.activities-subtitle{font-size:.9375rem}.mobile-card-title{font-size:1rem}.mobile-card-detail{font-size:.8125rem}.mobile-card-actions .report-button{font-size:.8125rem;padding:.6875rem .875rem}.mobile-card-actions .report-button .button-icon{height:14px;width:14px}.mobile-card-actions .comments-button{font-size:.8125rem;padding:.6875rem .875rem}.mobile-card-actions .comments-button .button-icon{height:14px;width:14px}.modal-content{max-height:85vh;width:95%}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.25rem}.modal-body,.modal-footer{padding:1.25rem 1.5rem}.comment-header{align-items:flex-start;flex-direction:column}.comment-date{white-space:normal}}.trainings-container{animation:fadeIn .5s ease-in;box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:2rem;width:100%}.trainings-header{margin-bottom:2rem}.header-content{flex:1 1}.trainings-title{color:#1f2937;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .5rem}.trainings-subtitle{color:#000;font-size:1.125rem;font-weight:500;margin:0}.loading-state{border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.loading-logo{filter:drop-shadow(0 4px 15px rgba(13,148,136,.4))}.loading-state p{font-weight:500}.error-state{border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.error-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.6}.error-state h2{color:#991b1b;font-size:1.875rem;font-weight:700}.error-state p{color:#6b7280;font-size:1.125rem;margin:0 0 2rem}.retry-button{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:12px;box-shadow:0 4px 12px #0d94884d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-button:hover{box-shadow:0 6px 20px #0d948866;transform:translateY(-3px)}.empty-state{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.empty-state-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.6}.empty-state h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 1rem}.empty-state p{color:#6b7280;font-size:1.125rem}.trainings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.training-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.training-card:hover{border-color:#0d948833;box-shadow:0 8px 24px #0d948826;transform:translateY(-4px)}.training-card-content{padding:1.75rem}.training-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.training-title{color:#1f2937;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.4;margin:0}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:.4rem .875rem;text-transform:capitalize;white-space:nowrap}.status-upcoming{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border:1px solid #5eead4;color:#134e4a}.training-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0 0 1.25rem;overflow:hidden}.training-meta{border-bottom:2px solid #f3f4f6;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1.25rem}.meta-item{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.625rem}.meta-item svg{color:#0d9488;flex-shrink:0}.training-links{display:flex;flex-direction:column;gap:.75rem}.training-link{align-items:center;border-radius:12px;box-shadow:0 2px 6px #00000014;display:inline-flex;font-size:.9rem;font-weight:700;gap:.625rem;justify-content:center;padding:.875rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.training-link.participant{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #0d94884d;color:#065f46}.training-link.participant:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border-color:#0d9488;box-shadow:0 6px 16px #0d948840;transform:translateY(-2px)}.training-link.trainer{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border:1px solid #14b8a64d;color:#0f766e}.training-link.trainer:hover{background:linear-gradient(135deg,#99f6e4,#5eead4);border-color:#14b8a6;box-shadow:0 6px 16px #14b8a640;transform:translateY(-2px)}.training-link svg{flex-shrink:0}@media (max-width:1200px){.trainings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.trainings-container{padding:1rem}.trainings-title{font-size:1.875rem}.trainings-subtitle{font-size:1rem}.trainings-grid{grid-template-columns:1fr}.training-card-header{flex-direction:column;gap:.5rem}}.rh-toolbar{margin-bottom:24px}.rh-search{min-width:280px}.rh-search-icon{left:16px}.rh-search-icon,.rh-search-icon svg{height:20px;width:20px}.rh-search-input{color:#1e293b;padding:14px 16px 14px 48px;transition:all .2s}.rh-search-input:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a}.rh-search-input::placeholder{color:#94a3b8}.rh-results-info{font-size:.875rem}.rh-loading{color:#64748b;padding:80px 20px}.rh-spinner{border:3px solid #e2e8f0;margin-bottom:20px}.rh-loading p{font-size:.95rem}.rh-error{background:#fef2f2;border-radius:20px;padding:48px 24px;text-align:center}.rh-error-icon{display:block;height:48px;margin:0 auto 16px;width:48px}.rh-error p{color:#991b1b;font-size:.95rem;font-weight:500;margin:0 0 20px}.rh-empty-state{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:80px 20px;text-align:center}.rh-empty-icon{align-items:center;background:linear-gradient(135deg,#0d94881a,#14b8a60d);border-radius:20px;height:80px;justify-content:center;margin-bottom:24px;width:80px}.rh-empty-icon svg{color:#0d9488;height:40px;opacity:.6;width:40px}.rh-empty-content h3{margin:0 0 8px}.rh-empty-content p{font-size:.95rem;margin:0}.rh-grouped-container{display:flex;flex-direction:column;gap:20px}.rh-category-group{animation:categoryFadeIn .3s ease backwards;background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden}@keyframes categoryFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rh-category-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;cursor:pointer;padding:20px 24px;transition:all .2s}.rh-category-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.rh-category-title{align-items:center;display:flex;gap:12px}.rh-category-icon{align-items:center;color:#64748b;display:flex;justify-content:center;transition:transform .2s}.rh-category-icon,.rh-category-icon svg{height:20px;width:20px}.rh-category-badge{background:linear-gradient(135deg,#0d948826,#14b8a614);border:1px solid #0d948833;border-radius:10px;color:#1e293b;font-size:.95rem;font-weight:700;padding:8px 16px}.rh-category-count{color:#64748b;font-size:.85rem;font-weight:500}.rh-category-content{animation:contentSlideDown .3s ease;padding:24px}@keyframes contentSlideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.rh-resources-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rh-resource-card{align-items:center;animation:cardFadeIn .3s ease backwards;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s}.rh-resource-card:hover{background:#fff;border-color:#14b8a6;box-shadow:0 4px 12px #0d948826;transform:translateY(-2px)}.rh-resource-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:12px;box-shadow:0 2px 8px #0d948840;display:flex;height:48px;justify-content:center;min-width:48px;width:48px}.rh-resource-icon svg{color:#fff;height:24px;width:24px}.rh-resource-content{flex:1 1;min-width:0}.rh-resource-name{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rh-resource-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.rh-resource-date{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:6px}.rh-resource-date svg{height:14px;width:14px}.rh-resource-actions{display:flex;gap:8px}.rh-resource-link{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:10px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.rh-resource-link:hover{box-shadow:0 4px 12px #0d948859;transform:translateY(-2px)}.rh-resource-link svg{height:16px;width:16px}@media (max-width:1024px){.resource-hub{padding:24px}.rh-resources-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.resource-hub{padding:16px}.rh-header{align-items:flex-start;flex-direction:column}.rh-header-actions{width:100%}.rh-header-actions .rh-btn{flex:1 1;justify-content:center}.rh-summary{flex-direction:column}.rh-summary-card{min-width:auto}.rh-toolbar{align-items:stretch;flex-direction:column}.rh-search{max-width:none}.rh-results-info{text-align:center}.rh-resources-grid{grid-template-columns:1fr}.rh-resource-card{align-items:flex-start;flex-direction:column}.rh-resource-actions{width:100%}.rh-resource-link{justify-content:center;width:100%}}.portal-wrapper{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-direction:column;min-height:100vh;overflow-x:hidden}.portal-content-wrapper,.portal-wrapper{display:flex;max-width:100%;position:relative;width:100%}.portal-content-wrapper{flex:1 1;gap:0;margin:0;min-height:0;overflow:hidden;padding:0}.portal-main-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-sizing:border-box;flex:1 1;height:calc(100vh - 80px);max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;width:100%}.portal-main-content::-webkit-scrollbar{display:none}.portal-main-content{-ms-overflow-style:none;scrollbar-width:none}.portal-container{margin:0 auto;max-width:1400px;width:100%}.portal-container h1{color:#1f2937;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:24px}.mobile-menu-toggle{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:12px;box-shadow:0 4px 12px #0d94884d;cursor:pointer;display:none;height:48px;left:16px;position:fixed;top:90px;transition:all .3s ease;width:48px;z-index:1001}.mobile-menu-toggle:hover{box-shadow:0 6px 20px #0d948866;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger-icon{align-items:center;color:#fff;display:flex;font-size:24px;justify-content:center;line-height:1}.sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.portal-container{padding:1.5rem}.portal-container h1{font-size:1.75rem}}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.sidebar-overlay{display:block}.portal-content-wrapper{position:relative}.portal-main-content{width:100%}.portal-container{padding:1rem}.portal-container h1{font-size:1.5rem;margin-bottom:16px}}@media (max-width:480px){.mobile-menu-toggle{height:44px;left:12px;top:85px;width:44px}.hamburger-icon{font-size:22px}.portal-container{padding:.875rem}.portal-container h1{font-size:1.375rem}}.nef-form-wrapper{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.nef-form-container{animation:fadeIn .5s ease-in;color:#212529;flex:1 1;margin:2rem auto;max-width:900px;padding:0 2rem;width:100%}.form-progress{margin-bottom:2rem}.progress-bar{background-color:#e9ecef;border-radius:10px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.progress-text{color:#6c757d;font-size:.9rem;font-weight:500;margin:0;text-align:center}.form-content{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;color:#212529;margin-bottom:2rem;min-height:500px;padding:3rem}.form-section{animation:slideIn .3s ease-out;display:block!important;opacity:1!important;visibility:visible!important}.closing,.form-section,.form-section h1,.form-section h2,.form-section h3,.form-section li,.form-section p,.form-section span,.form-section strong,.instructions-box,.instructions-box li,.instructions-box p,.instructions-list,.instructions-text{color:#212529!important;opacity:1!important;visibility:visible!important}.nef-banner{background:#f0f0f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;min-height:200px;overflow:hidden;width:100%}.banner-image{display:block;height:auto;object-fit:cover;width:100%}.form-title{border-bottom:3px solid #667eea;color:#212529!important;font-size:2rem;font-weight:700;margin:0 0 2rem;padding-bottom:1.5rem;text-align:center}.instructions-box{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;margin-bottom:2rem;padding:2rem}.greeting{color:#212529;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.instructions-intro{color:#495057;font-size:1rem;font-weight:500;margin:0 0 1rem}.instructions-list{color:#495057;margin:0 0 1.5rem;padding-left:1.5rem}.instructions-list li{line-height:1.6;margin-bottom:1rem}.instructions-text{color:#495057;font-size:1rem;line-height:1.6;margin:0 0 1rem}.instructions-text a{color:#667eea;font-weight:500;text-decoration:none}.instructions-text a:hover{text-decoration:underline}.resource-link{color:#667eea;transition:all .2s ease}.resource-link:hover{color:#764ba2}.resource-link strong{font-weight:700}.closing{color:#495057;font-size:1rem;line-height:1.8;margin:1.5rem 0 0}.closing strong{color:#212529}.checkbox-container{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.checkbox-input{accent-color:#667eea;cursor:pointer;height:20px;margin-right:1rem;width:20px}.checkbox-text{color:#856404;font-size:1rem;font-weight:600}.form-navigation{padding-bottom:2rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:1rem 2rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea66}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}.btn-secondary{background:#fff;border:2px solid #e9ecef;color:#495057}.btn-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#667eea;color:#667eea}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.form-field{margin-bottom:2rem}.field-label{color:#212529;display:block;font-size:1rem;margin-bottom:.5rem}.field-label.required{font-weight:700}.asterisk{color:#dc3545;margin-left:.25rem}.field-description{font-size:.9rem;margin:0 0 .75rem}.field-input,.field-select,.field-textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.field-textarea{min-height:120px;resize:vertical}.section-title{border-bottom:2px solid #667eea;color:#212529;font-size:1.75rem;margin:0 0 2rem;padding-bottom:1rem}.radio-group{flex-direction:column}.radio-option{align-items:flex-start;border:2px solid #e9ecef;border-radius:8px;padding:1rem}.radio-option:hover{background-color:#f8f9ff;border-color:#667eea}.radio-option input[type=radio]{accent-color:#667eea;margin-right:1rem;margin-top:.25rem}.radio-content{color:#495057;flex:1 1;font-size:.95rem;line-height:1.6}.radio-content strong{color:#212529;display:block;margin-bottom:.25rem}.checkbox-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:.5rem}.checkbox-option{align-items:center;cursor:pointer;display:flex;padding:.5rem}.checkbox-option input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;margin-right:.5rem;width:18px}.checkbox-option span{color:#495057;font-size:.9rem}.checkbox-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.checkbox-option-vertical{align-items:flex-start;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .2s ease}.checkbox-option-vertical:hover{background-color:#f8f9ff;border-color:#667eea}.checkbox-option-vertical input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;margin-right:1rem;margin-top:.25rem;width:20px}.checkbox-option-vertical span{color:#495057;flex:1 1;font-size:.95rem;line-height:1.6}.disabled-option{color:#adb5bd!important;font-style:italic}.selection-count{background:#e3f2fd;border-left:4px solid #667eea;border-radius:8px;color:#212529;font-size:.95rem;font-weight:600;margin-top:1rem;padding:.75rem 1rem}.character-count{color:#6c757d;font-size:.85rem;font-weight:500;margin-top:.5rem;text-align:right}.file-upload-container{margin-top:1rem}.file-upload-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.file-upload-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.file-upload-button.disabled{cursor:not-allowed;opacity:.5;transform:none}.upload-to-drive-button{align-items:center;background:#4285f4;border:none;border-radius:8px;box-shadow:0 4px 12px #4285f44d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.875rem 1.5rem;transition:all .3s ease}.upload-to-drive-button:hover:not(:disabled){background:#3367d6;box-shadow:0 6px 16px #4285f466;transform:translateY(-2px)}.upload-to-drive-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-icon{font-size:1.5rem}.file-info{align-items:center;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.file-icon{color:#4caf50;font-size:1.5rem}.file-name{color:#212529;font-weight:500}.link-preview{align-items:center;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.link-icon{font-size:1.5rem}.link-text{color:#1565c0;font-size:.95rem;font-weight:500;text-decoration:none;word-break:break-all}.link-text:hover{text-decoration:underline}.submission-note{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;margin-top:2rem;padding:2rem}.submission-note h3{color:#856404;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.submission-note p{color:#856404;font-size:1rem;font-weight:500;margin:0 0 .75rem}.submission-note ul{color:#856404;margin:0;padding-left:1.5rem}.submission-note li{line-height:1.6;margin-bottom:.5rem}@media (max-width:768px){.nef-form-container{margin:1rem auto;padding:0 1rem}.form-content{padding:1.5rem}.form-title{font-size:1.5rem}.instructions-box{padding:1.5rem}.checkbox-container{padding:1rem}.form-navigation{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.modal-content{margin:1rem;padding:2rem 1.5rem}.modal-title{font-size:1.5rem}.modal-message{font-size:1rem}.modal-icon{height:60px;width:60px}.success-icon svg{height:36px;width:36px}.modal-button{padding:1rem 2rem;width:100%}}.nef-view-header{margin-bottom:2rem}.status-info{display:flex;flex-wrap:wrap;gap:2rem;margin:1.5rem 0}.status-item{align-items:center;display:flex;gap:.75rem}.status-label{font-weight:600}.status-label,.view-notice{color:#495057;font-size:.95rem}.view-notice{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;border-radius:8px;margin-top:1rem;padding:1rem 1.5rem}.view-section{background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:1.5rem;padding:2rem}.view-field{border-bottom:1px solid #f1f3f5;margin-bottom:1.5rem;padding-bottom:1.5rem}.view-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.view-field label{color:#343a40;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.view-field p{color:#495057;font-size:1rem;line-height:1.6;margin:0;white-space:pre-wrap}.view-field p.long-text{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;padding:1rem}.file-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.file-link:hover{color:#764ba2;text-decoration:underline}.loading-state{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-logo{filter:drop-shadow(0 4px 15px rgba(102,126,234,.3))}.loading-spinner{border-top-color:#667eea;margin-bottom:1rem}.loading-state p{color:#6c757d;font-size:1rem}.error-state{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-state h2{color:#dc3545;margin:0 0 1rem}.error-state p{color:#6c757d;margin-bottom:1.5rem}.info-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem}.banner-icon{flex-shrink:0;font-size:3rem}.banner-text h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.banner-text p{font-size:1rem;margin:0;opacity:.95}.banner-text a{color:#fff;text-decoration:underline}.modal-overlay{animation:modalFadeIn .2s ease;background:#0009;z-index:9999}.modal-content{animation:modalSlideUp .3s ease;max-width:500px;padding:3rem 2.5rem}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-icon{display:flex}.success-icon{background:linear-gradient(135deg,#10b981,#059669)}.modal-title{color:#212529;font-size:1.75rem}.modal-message{color:#6c757d;font-size:1.1rem;margin:0 0 2rem}.modal-info{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.info-item{color:#495057;font-size:.95rem;gap:.75rem;margin:0 0 .75rem}.info-item:last-child{margin-bottom:0}.info-item .info-icon{flex-shrink:0;font-size:1.25rem}.modal-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.modal-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.portal-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.portal-header{color:#fff;margin-bottom:2rem;text-align:center}.portal-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.portal-header p{font-size:1.1rem;opacity:.9}.portal-content{margin:0 auto;max-width:1200px}.portal-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:1.5rem;padding:2rem}.portal-card h2{color:#333;font-size:1.75rem;margin-bottom:1rem}.portal-card p{color:#666;line-height:1.6;margin-bottom:.75rem}.pubsdd-sidebar{background:#0a0f1a;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;min-height:calc(100vh - 70px);position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);width:260px}.pubsdd-sidebar.collapsed{width:72px}.sidebar-brand{border-bottom:1px solid #ffffff0f;justify-content:space-between;min-height:72px;padding:20px 16px}.brand-content,.sidebar-brand{align-items:center;display:flex}.brand-content{gap:12px;overflow:hidden}.brand-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.brand-icon svg{color:#fff;height:22px;width:22px}.brand-text{display:flex;flex-direction:column;white-space:nowrap}.brand-title{color:#fff;font-size:1rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.brand-subtitle{color:#ffffff80;font-size:.7rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.toggle-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.toggle-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fffc}.toggle-btn svg{height:16px;width:16px}.pubsdd-sidebar.collapsed .toggle-btn{margin-left:auto;margin-right:auto}.pubsdd-sidebar.collapsed .brand-content{justify-content:center}.sidebar-navigation{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px 8px}.nav-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.nav-link{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:12px;letter-spacing:-.01em;padding:12px 14px;position:relative;text-align:left;transition:all .15s ease;width:100%}.nav-link:hover{background:#ffffff0d;color:#ffffffe6}.nav-link.active{background:linear-gradient(135deg,#7c3aed33,#a78bfa26);color:#a78bfa}.nav-link.active:before{background:linear-gradient(180deg,#7c3aed,#a78bfa);border-radius:0 3px 3px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-icon svg{height:18px;width:18px}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-active-dot{background:#a78bfa;border-radius:50%;flex-shrink:0;height:6px;width:6px}.pubsdd-sidebar.collapsed .nav-link{justify-content:center;padding:12px}.pubsdd-sidebar.collapsed .nav-link.active:before{display:none}.pubsdd-sidebar.collapsed .nav-icon{height:24px;width:24px}.pubsdd-sidebar.collapsed .nav-icon svg{height:20px;width:20px}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px}.footer-info{padding:0}.fiscal-badge{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;gap:10px;padding:12px}.fiscal-badge,.fiscal-icon{align-items:center;display:flex}.fiscal-icon{background:#7c3aed26;border-radius:6px;flex-shrink:0;height:32px;justify-content:center;width:32px}.fiscal-icon svg{color:#a78bfa;height:16px;width:16px}.fiscal-text{display:flex;flex-direction:column}.fiscal-label{color:#fff6;font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.fiscal-value{color:#ffffffe6;font-size:.8rem;font-weight:600;letter-spacing:-.01em}.footer-collapsed{display:flex;justify-content:center}.year-badge{background:#7c3aed26;border-radius:6px;color:#a78bfa;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:6px 10px}.sidebar-navigation::-webkit-scrollbar{width:4px}.sidebar-navigation::-webkit-scrollbar-track{background:#0000}.sidebar-navigation::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-navigation::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:1024px){.pubsdd-sidebar{width:72px}.brand-text,.footer-info,.nav-active-dot,.nav-label{display:none}.nav-link{justify-content:center;padding:12px}.nav-link.active:before,.toggle-btn{display:none}.brand-content{justify-content:center}.sidebar-footer{padding:12px}.footer-collapsed{display:flex}}@media (max-width:768px){.pubsdd-sidebar{bottom:0;box-shadow:4px 0 24px #0000004d;left:0;position:fixed;top:70px;transform:translateX(-100%);z-index:100}.pubsdd-sidebar.mobile-open{transform:translateX(0)}}.dashboard-container{margin:0 auto;max-width:1400px;padding:24px;position:relative}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-logo{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;height:80px;width:80px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-loading p{color:#64748b;font-size:.95rem}.dashboard-page-header{margin-bottom:32px}.page-header-content{gap:16px}.page-header-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:14px;box-shadow:0 4px 6px -1px #7c3aed4d}.header-icon-svg svg{height:28px;width:28px}.page-header-text h1{font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.page-header-text p{font-size:.95rem}.dashboard-welcome-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000f;margin-bottom:28px;padding:28px}.welcome-header{margin-bottom:24px}.welcome-greeting{color:#1e293b;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.welcome-subtitle{color:#64748b;font-size:1rem;margin:0}.user-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:14px;padding:16px}.info-icon,.info-item{align-items:center;display:flex}.info-icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;color:#7c3aed;flex-shrink:0;height:44px;justify-content:center;width:44px}.info-icon svg{height:22px;width:22px}.info-details{display:flex;flex-direction:column;gap:2px;min-width:0}.info-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value{color:#1e293b;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-value-status{color:#10b981}.dashboard-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:.9rem;gap:12px;padding:16px}.error-icon svg{height:20px;width:20px}.dashboard-actions{gap:12px;margin-bottom:32px}.action-btn{border-radius:10px;font-size:.95rem;gap:10px;padding:14px 24px;text-decoration:none;transition:all .2s ease}.action-btn.primary{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 4px 6px -1px #7c3aed4d}.action-btn.primary:hover{box-shadow:0 6px 12px -1px #7c3aed66}.dashboard-info-card{border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.dashboard-info-card h3{font-size:1.125rem;letter-spacing:-.01em;margin:0 0 16px}.dashboard-info-card ul{display:flex;flex-direction:column;gap:12px}.dashboard-info-card li{font-size:.9rem;padding-left:24px;position:relative}.dashboard-info-card li:before{color:#7c3aed;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:768px){.dashboard-container{padding:16px}.page-header-text h1{font-size:1.5rem}.welcome-greeting{font-size:1.25rem}.user-info-grid{grid-template-columns:1fr}}.eb-container{animation:ebFadeIn .4s ease;margin:0 auto;max-width:1400px;padding:32px}@keyframes ebFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.eb-header{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.eb-header,.eb-header-content{align-items:center;display:flex}.eb-header-content{gap:16px}.eb-header-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 8px 24px #6366f14d;display:flex;height:56px;justify-content:center;width:56px}.eb-header-icon svg{color:#fff;height:28px;width:28px}.eb-header-text h1{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.eb-header-text p{color:#64748b;font-size:.9rem;margin:0}.eb-header-actions{display:flex;gap:12px}.eb-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.eb-btn svg{height:18px;width:18px}.eb-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d;color:#fff}.eb-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.eb-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.eb-btn-ghost{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:12px 20px;transition:all .2s}.eb-btn-ghost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.eb-btn-ghost:disabled{cursor:not-allowed;opacity:.5}.eb-error-banner,.eb-success-banner{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:1.5rem;padding:16px 20px}.eb-success-banner{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.eb-success-banner svg{color:#15803d;height:20px;width:20px}.eb-error-banner{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.eb-error-banner svg{color:#dc2626;height:20px;width:20px}.eb-toolbar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.eb-results-info{color:#64748b;font-size:.9rem}.eb-results-info strong{color:#1e293b;font-weight:700}.eb-info-hint{color:#94a3b8;font-size:.8rem}.eb-loading{align-items:center;color:#64748b;justify-content:center;padding:80px 20px}.eb-loading-logo{animation:fadeInOut 2s ease-in-out infinite;filter:drop-shadow(0 4px 15px rgba(99,102,241,.3));height:auto;margin-bottom:2rem;width:120px}.eb-loading p{font-size:.95rem;font-weight:500}.eb-empty{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;padding:80px 20px}.eb-empty,.eb-empty-icon{align-items:center;display:flex;justify-content:center}.eb-empty-icon{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-radius:20px;height:80px;margin-bottom:24px;width:80px}.eb-empty-icon svg{color:#6366f1;height:40px;opacity:.6;width:40px}.eb-empty h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 8px}.eb-empty p{color:#64748b;font-size:.95rem}.eb-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.eb-card{animation:cardFadeIn .4s ease backwards;background:#fff;border:1px solid #f1f5f9;border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.eb-card:hover{border-color:#e2e8f0;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.eb-card-image{aspect-ratio:4/3;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;position:relative;width:100%}.eb-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.eb-card:hover .eb-card-image img{transform:scale(1.05)}.eb-placeholder-image{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;height:100%;justify-content:center;width:100%}.eb-placeholder-image svg{color:#94a3b8;height:64px;opacity:.5;width:64px}.eb-edit-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6366f1f2;border:none;border-radius:10px;bottom:12px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;opacity:0;padding:10px 16px;position:absolute;right:12px;transform:translateY(8px);transition:all .2s ease}.eb-edit-btn svg{height:16px;width:16px}.eb-card:hover .eb-edit-btn{opacity:1;transform:translateY(0)}.eb-edit-btn:hover{background:#6366f1;box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)!important}.eb-card-content{padding:20px}.eb-card-name{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 4px}.eb-card-email{color:#64748b;font-size:.85rem;margin:0 0 12px}.eb-card-role{margin-bottom:12px}.eb-role-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:.75rem;font-weight:600;padding:6px 12px}.eb-card-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.eb-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 10px}.eb-badge.has-image{background:#ede9fe;border:1px solid #c4b5fd;color:#6366f1}.eb-badge.has-intro{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.eb-badge svg{height:12px;width:12px}.eb-card-intro{-webkit-line-clamp:3;-webkit-box-orient:vertical;border-top:1px solid #f1f5f9;color:#475569;display:-webkit-box;font-size:.85rem;line-height:1.5;margin:0;overflow:hidden;padding-top:12px}.eb-modal-overlay{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.eb-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.eb-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 28px}.eb-modal-title{gap:12px}.eb-modal-icon,.eb-modal-title{align-items:center;display:flex}.eb-modal-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;height:40px;justify-content:center;width:40px}.eb-modal-icon svg{color:#fff;height:20px;width:20px}.eb-modal-title h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.eb-modal-close{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.eb-modal-close:hover{background:#f1f5f9;color:#1e293b}.eb-modal-close svg{height:20px;width:20px}.eb-modal-body{flex:1 1;overflow-y:auto;padding:28px}.eb-modal-member-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:16px}.eb-modal-member-info strong{color:#1e293b;font-size:1rem}.eb-modal-member-info span{color:#64748b;font-size:.85rem}.eb-form-group{margin-bottom:20px}.eb-form-group:last-child{margin-bottom:0}.eb-form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:8px}.eb-field-icon{color:#6366f1;height:18px;width:18px}.eb-field-icon svg{height:100%;width:100%}.eb-form-group input,.eb-form-group textarea{background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.9375rem;padding:12px 16px;transition:all .2s ease;width:100%}.eb-form-group input:focus,.eb-form-group textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.eb-form-group textarea{min-height:120px;resize:vertical}.eb-field-hint{color:#94a3b8;display:block;font-size:.75rem;margin-top:6px}.eb-field-hint.warning{color:#f59e0b;font-weight:600}.eb-upload-area{background:#fafafa;border:2px dashed #e2e8f0;border-radius:16px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s}.eb-upload-area:hover{background:#6366f105;border-color:#6366f1}.eb-upload-area.has-preview{border-color:#6366f1;border-style:solid;padding:0}.eb-preview{aspect-ratio:4/3;border-radius:14px;overflow:hidden;position:relative}.eb-preview img{height:100%;object-fit:cover;width:100%}.eb-preview-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.eb-preview:hover .eb-preview-overlay{opacity:1}.eb-preview-overlay span{color:#fff;font-size:.9rem;font-weight:600}.eb-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px}.eb-upload-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.eb-upload-icon svg{color:#6366f1;height:24px;width:24px}.eb-upload-text{color:#1e293b;font-size:.95rem;font-weight:600}.eb-upload-hint{color:#94a3b8;font-size:.8rem}.eb-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}@media (max-width:1024px){.eb-container{padding:24px}.eb-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.eb-container{padding:16px}.eb-header{align-items:flex-start;flex-direction:column}.eb-header-actions{width:100%}.eb-header-actions .eb-btn{flex:1 1;justify-content:center}.eb-toolbar{flex-direction:column;gap:8px;text-align:center}.eb-grid{grid-template-columns:1fr}.eb-modal{max-width:95%}.eb-modal-footer{flex-direction:column}.eb-modal-footer .eb-btn{justify-content:center;width:100%}.eb-edit-btn{opacity:1;transform:translateY(0)}}.lcp-container{animation:lcpFadeIn .4s ease;margin:0 auto;max-width:1400px;padding:32px}@keyframes lcpFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lcp-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.lcp-header-content{align-items:center;display:flex;gap:16px}.lcp-header-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 8px 24px #6366f14d;display:flex;height:56px;justify-content:center;width:56px}.lcp-header-icon svg{color:#fff;height:28px;width:28px}.lcp-header-text h1{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.lcp-header-text p{color:#64748b;font-size:.9rem;margin:0}.lcp-header-actions{display:flex;gap:12px}.lcp-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.lcp-btn svg{height:18px;width:18px}.lcp-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d;color:#fff}.lcp-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.lcp-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.lcp-btn-ghost{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:12px 20px;transition:all .2s}.lcp-btn-ghost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.lcp-btn-ghost:disabled{cursor:not-allowed;opacity:.5}.lcp-error-banner,.lcp-success-banner{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:1.5rem;padding:16px 20px}.lcp-success-banner{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.lcp-success-banner svg{color:#15803d;height:20px;width:20px}.lcp-error-banner{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.lcp-error-banner svg{color:#dc2626;height:20px;width:20px}.lcp-toolbar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.lcp-results-info{color:#64748b;font-size:.9rem}.lcp-results-info strong{color:#1e293b;font-weight:700}.lcp-info-hint{color:#94a3b8;font-size:.8rem}.lcp-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.lcp-loading-logo{animation:fadeInOut 2s ease-in-out infinite;filter:drop-shadow(0 4px 15px rgba(99,102,241,.3));height:auto;margin-bottom:2rem;width:120px}.lcp-loading p{font-size:.95rem;font-weight:500}.lcp-empty{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;padding:80px 20px}.lcp-empty,.lcp-empty-icon{align-items:center;display:flex;justify-content:center}.lcp-empty-icon{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-radius:20px;height:80px;margin-bottom:24px;width:80px}.lcp-empty-icon svg{color:#6366f1;height:40px;opacity:.6;width:40px}.lcp-empty h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 8px}.lcp-empty p{color:#64748b;font-size:.95rem;margin:0}.lcp-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.lcp-card{animation:cardFadeIn .4s ease backwards;background:#fff;border:1px solid #f1f5f9;border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lcp-card:hover{border-color:#e2e8f0;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.lcp-card-image{aspect-ratio:4/3;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;position:relative;width:100%}.lcp-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.lcp-card:hover .lcp-card-image img{transform:scale(1.05)}.lcp-placeholder-image{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;height:100%;justify-content:center;width:100%}.lcp-placeholder-image svg{color:#94a3b8;height:64px;opacity:.5;width:64px}.lcp-upload-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6366f1f2;border:none;border-radius:10px;bottom:12px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;opacity:0;padding:10px 16px;position:absolute;right:12px;transform:translateY(8px);transition:all .2s ease}.lcp-upload-btn svg{height:16px;width:16px}.lcp-card:hover .lcp-upload-btn{opacity:1;transform:translateY(0)}.lcp-upload-btn:hover{background:#6366f1;box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)!important}.lcp-card-content{padding:20px}.lcp-card-name{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 4px}.lcp-card-email{color:#64748b;font-size:.85rem;margin:0 0 12px}.lcp-card-lc{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lcp-lc-name{color:#475569;font-size:.9rem;font-weight:600}.lcp-status-badge{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.lcp-status-badge.permanent{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.lcp-status-badge.candidate{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.lcp-status-badge.coordinator{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.lcp-status-badge.unregistered{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.lcp-status-badge.unknown{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.lcp-card-badges{display:flex;flex-wrap:wrap;gap:8px}.lcp-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 10px}.lcp-badge.issued{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.lcp-badge.not-issued{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.lcp-badge.has-image{background:#ede9fe;border:1px solid #c4b5fd;color:#6366f1}.lcp-badge svg{height:12px;width:12px}.lcp-modal-overlay{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.lcp-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.lcp-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 28px}.lcp-modal-title{align-items:center;display:flex;gap:12px}.lcp-modal-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.lcp-modal-icon svg{color:#fff;height:20px;width:20px}.lcp-modal-title h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.lcp-modal-close{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.lcp-modal-close:hover{background:#f1f5f9;color:#1e293b}.lcp-modal-close svg{height:20px;width:20px}.lcp-modal-body{flex:1 1;overflow-y:auto;padding:28px}.lcp-modal-president-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:16px}.lcp-modal-president-info strong{color:#1e293b;font-size:1rem}.lcp-modal-president-info span{color:#64748b;font-size:.85rem}.lcp-upload-area{background:#fafafa;border:2px dashed #e2e8f0;border-radius:16px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s}.lcp-upload-area:hover{background:#6366f105;border-color:#6366f1}.lcp-upload-area.has-preview{border-color:#6366f1;border-style:solid;padding:0}.lcp-preview{aspect-ratio:4/3;border-radius:14px;overflow:hidden;position:relative}.lcp-preview img{height:100%;object-fit:cover;width:100%}.lcp-preview-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.lcp-preview:hover .lcp-preview-overlay{opacity:1}.lcp-preview-overlay span{color:#fff;font-size:.9rem;font-weight:600}.lcp-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px}.lcp-upload-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.lcp-upload-icon svg{color:#6366f1;height:24px;width:24px}.lcp-upload-text{color:#1e293b;font-size:.95rem;font-weight:600}.lcp-upload-hint{color:#94a3b8;font-size:.8rem}.lcp-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}@media (max-width:1024px){.lcp-container{padding:24px}.lcp-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.lcp-container{padding:16px}.lcp-header{align-items:flex-start;flex-direction:column}.lcp-header-actions{width:100%}.lcp-header-actions .lcp-btn{flex:1 1;justify-content:center}.lcp-toolbar{flex-direction:column;gap:8px;text-align:center}.lcp-grid{grid-template-columns:1fr}.lcp-modal{max-width:95%}.lcp-modal-footer{flex-direction:column}.lcp-modal-footer .lcp-btn{justify-content:center;width:100%}.lcp-upload-btn{opacity:1;transform:translateY(0)}}:root{--pubsdd-primary:#7c3aed;--pubsdd-primary-light:#a78bfa;--pubsdd-primary-dark:#6d28d9;--pubsdd-success:#10b981;--pubsdd-warning:#f59e0b;--pubsdd-danger:#ef4444;--pubsdd-info:#3b82f6;--pubsdd-bg:#f8fafc;--pubsdd-card-bg:#fff;--pubsdd-text:#1e293b;--pubsdd-text-muted:#64748b;--pubsdd-border:#e2e8f0;--pubsdd-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--pubsdd-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--pubsdd-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.pubsdd-portal-wrapper{background:#f8fafc;background:var(--pubsdd-bg);min-height:100vh}.pubsdd-portal-content{display:flex;min-height:calc(100vh - 70px)}.pubsdd-main-content{background:#f1f5f9;flex:1 1;overflow-y:auto;position:relative}.pubsdd-main-content:before{background:linear-gradient(180deg,#7c3aed08,#0000);content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0;top:0}.pubsdd-main-content::-webkit-scrollbar{width:8px}.pubsdd-main-content::-webkit-scrollbar-track{background:#0000}.pubsdd-main-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.pubsdd-main-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.pubsdd-portal-content{flex-direction:column}}.ntsdd-sidebar{background:linear-gradient(180deg,#fafbfc,#fff);border-right:1px solid #e0e7e9;box-shadow:2px 0 12px #0000000a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);margin:0;min-width:280px;overflow-y:auto;padding:0;width:280px}.sidebar-nav{flex:1 1;padding:1.5rem 0}.sidebar-menu{list-style:none}.sidebar-menu,.sidebar-menu li{margin:0;padding:0}.sidebar-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:500;gap:1rem;margin:.375rem .875rem;overflow:hidden;padding:1rem 1.25rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;width:calc(100% - 1.75rem)}.sidebar-button:before{background:linear-gradient(180deg,#0d9488,#14b8a6);border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s cubic-bezier(.4,0,.2,1);width:4px}.sidebar-icon{align-items:center;color:currentColor;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);width:22px}.sidebar-icon svg{stroke:currentColor;height:100%;width:100%}.sidebar-text{letter-spacing:.01em;white-space:nowrap}.sidebar-button:hover{background:linear-gradient(135deg,#f0fdf9,#e7f7f4);box-shadow:0 2px 8px #0d948814;color:#0d9488;transform:translateX(4px)}.sidebar-button:hover .sidebar-icon{transform:scale(1.15) rotate(5deg)}.sidebar-button:hover:before{height:60%}.sidebar-button.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 8px #0d94881f;color:#065f46;font-weight:600}.sidebar-button.active:before{height:75%}.sidebar-button.active .sidebar-icon{transform:scale(1.1)}.ntsdd-dashboard{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{color:#1e293b;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.dashboard-header p{color:#64748b;font-size:1rem;margin:0}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;cursor:pointer;gap:1.5rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#7c3aed,#a78bfa);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 12px 24px #7c3aed26;transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{border-radius:12px;flex-shrink:0;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.stat-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.stat-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.stat-icon svg{height:28px;width:28px}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-value{color:#1e293b;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#475569;font-size:.9375rem;font-weight:600;margin-top:.25rem}.stat-subtitle{color:#94a3b8;font-size:.8125rem}.dashboard-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.action-btn{border-radius:12px;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn svg{height:20px;width:20px}.action-btn.primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed4d;color:#fff}.action-btn.primary:hover{box-shadow:0 8px 20px #7c3aed66;transform:translateY(-2px)}.action-btn.secondary{background:#fff;border:2px solid #7c3aed;color:#7c3aed}.action-btn.secondary:hover{background:#7c3aed;box-shadow:0 8px 20px #7c3aed4d;color:#fff;transform:translateY(-2px)}.dashboard-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:2rem}.dashboard-info-card h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.dashboard-info-card ul{list-style:none;margin:0;padding:0}.dashboard-info-card li{border-bottom:1px solid #f1f5f9;color:#475569;font-size:.9375rem;line-height:1.6;padding:.75rem 0}.dashboard-info-card li:last-child{border-bottom:none}.dashboard-info-card li strong{color:#7c3aed;font-weight:600}@media (max-width:768px){.ntsdd-dashboard{padding:1.5rem}.dashboard-header h1{font-size:1.5rem}.dashboard-stats{grid-template-columns:1fr}.dashboard-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}.media-gallery{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.mg-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.mg-header,.mg-header-content{align-items:center;display:flex;gap:1.5rem}.mg-header-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;color:#1e40af;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.mg-header-icon svg{height:28px;width:28px}.mg-header-text h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .25rem}.mg-header-text p{color:#64748b;font-size:1rem;margin:0}.mg-header-actions{display:flex;gap:1rem}.mg-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.mg-btn svg{height:18px;width:18px}.mg-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed4d;color:#fff}.mg-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #7c3aed66;transform:translateY(-2px)}.mg-btn-ghost{background:#fff;border:1px solid #e2e8f0;color:#64748b}.mg-btn-ghost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.mg-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mg-btn-danger:hover:not(:disabled){box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.mg-btn:disabled{cursor:not-allowed;opacity:.6}.mg-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.mg-search{flex:1 1;max-width:400px;position:relative}.mg-search-icon{align-items:center;color:#94a3b8;display:flex;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.mg-search-icon svg{height:20px;width:20px}.mg-search-input{border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.9375rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mg-search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.mg-results-info{color:#64748b;font-size:.875rem}.mg-results-info strong{color:#1e293b;font-weight:600}.mg-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.mg-spinner{animation:spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#7c3aed;height:48px;width:48px}.mg-loading p{color:#64748b;font-size:1rem}.mg-error{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:16px;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.mg-error-icon{color:#ef4444;display:flex}.mg-error-icon svg{height:48px;width:48px}.mg-error p{color:#64748b;font-size:1rem}.mg-grid{grid-gap:1.5rem;animation:fadeIn .5s ease-in-out;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.mg-card{animation:slideUp .5s ease-out both;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mg-card:hover{box-shadow:0 12px 24px #7c3aed26;transform:translateY(-4px)}.mg-card-image{background:#f1f5f9;overflow:hidden;padding-top:66.67%;position:relative;width:100%}.mg-card-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.mg-card:hover .mg-card-image img{transform:scale(1.05)}.mg-card-actions{display:flex;gap:.5rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mg-card:hover .mg-card-actions{opacity:1}.mg-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.mg-action-btn.edit{background:#3b82f6e6;color:#fff}.mg-action-btn.edit:hover{background:#3b82f6;transform:scale(1.1)}.mg-action-btn.delete{background:#ef4444e6;color:#fff}.mg-action-btn.delete:hover{background:#ef4444;transform:scale(1.1)}.mg-card-content{padding:1.5rem}.mg-card-content h3{color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.mg-card-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0 0 1rem;overflow:hidden}.mg-card-date{color:#94a3b8;font-size:.8125rem}.mg-empty{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:16px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem}.mg-empty-icon{color:#cbd5e1;display:flex;margin-bottom:1rem}.mg-empty-icon svg{height:64px;width:64px}.mg-empty h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.mg-empty p{color:#64748b;font-size:1rem;margin:0 0 1.5rem}.mg-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.mg-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.mg-modal-sm{max-width:400px}.mg-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.mg-modal-header.danger{background:#fef2f2;border-bottom-color:#fecaca}.mg-modal-title{gap:.75rem}.mg-modal-icon,.mg-modal-title{align-items:center;display:flex}.mg-modal-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:10px;color:#5b21b6;height:40px;justify-content:center;width:40px}.mg-modal-header.danger .mg-modal-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.mg-modal-icon svg{height:20px;width:20px}.mg-modal-title h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.mg-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mg-modal-close:hover{background:#f1f5f9;color:#1e293b}.mg-modal-close svg{height:20px;width:20px}.mg-modal-body{overflow-y:auto;padding:1.5rem}.mg-form-group{margin-bottom:1.5rem}.mg-form-group:last-child{margin-bottom:0}.mg-form-group label{color:#1e293b;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.mg-form-group input,.mg-form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mg-form-group input:focus,.mg-form-group textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.mg-form-group input.error,.mg-form-group textarea.error{border-color:#ef4444}.mg-form-group textarea{min-height:80px;resize:vertical}.mg-form-error{color:#ef4444;display:block;font-size:.8125rem;margin-top:.25rem}.mg-delete-text{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0}.mg-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}@media (max-width:768px){.media-gallery{padding:1.5rem}.mg-header{align-items:flex-start;flex-direction:column}.mg-header-content{width:100%}.mg-header-actions{flex-direction:column;width:100%}.mg-btn{justify-content:center;width:100%}.mg-toolbar{align-items:stretch;flex-direction:column}.mg-search{max-width:none}.mg-grid{grid-template-columns:1fr}.mg-modal{max-width:100%}}.homepage-media{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.hpm-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.hpm-header,.hpm-header-content{align-items:center;display:flex;gap:1.5rem}.hpm-header-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;color:#b45309;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.hpm-header-icon svg{height:28px;width:28px}.hpm-header-text h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .25rem}.hpm-header-text p{color:#64748b;font-size:1rem;margin:0}.hpm-header-actions{display:flex;gap:1rem}.hpm-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.hpm-btn svg{height:18px;width:18px}.hpm-btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.hpm-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.hpm-btn-ghost{background:#fff;border:1px solid #e2e8f0;color:#64748b}.hpm-btn-ghost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.hpm-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.hpm-btn-danger:hover:not(:disabled){box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.hpm-btn:disabled{cursor:not-allowed;opacity:.6}.hpm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.hpm-search{flex:1 1;max-width:400px;position:relative}.hpm-search-icon{align-items:center;color:#94a3b8;display:flex;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.hpm-search-icon svg{height:20px;width:20px}.hpm-search-input{border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.9375rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.hpm-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.hpm-results-info{color:#64748b;font-size:.875rem}.hpm-results-info strong{color:#1e293b;font-weight:600}.hpm-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.hpm-spinner{animation:hpmSpin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#f59e0b;height:48px;width:48px}@keyframes hpmSpin{to{transform:rotate(1turn)}}.hpm-loading p{color:#64748b;font-size:1rem}.hpm-error{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:16px;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.hpm-error-icon{color:#ef4444;display:flex}.hpm-error-icon svg{height:48px;width:48px}.hpm-error p{color:#64748b;font-size:1rem}.hpm-grid{grid-gap:1.5rem;animation:hpmFadeIn .5s ease-in-out;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@keyframes hpmFadeIn{0%{opacity:0}to{opacity:1}}.hpm-card{animation:hpmSlideUp .5s ease-out both;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes hpmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hpm-card:hover{box-shadow:0 12px 24px #f59e0b26;transform:translateY(-4px)}.hpm-card.inactive{opacity:.7}.hpm-card.inactive:hover{opacity:1}.hpm-card-image{background:#f1f5f9;overflow:hidden;padding-top:66.67%;position:relative;width:100%}.hpm-card-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.hpm-card:hover .hpm-card-image img{transform:scale(1.05)}.hpm-inactive-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#64748be6;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;left:.75rem;padding:.25rem .75rem;position:absolute;top:.75rem}.hpm-card-actions{display:flex;gap:.5rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.hpm-card:hover .hpm-card-actions{opacity:1}.hpm-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.hpm-action-btn.visibility{background:#64748be6;color:#fff}.hpm-action-btn.visibility.active{background:#22c55ee6}.hpm-action-btn.visibility:hover{transform:scale(1.1)}.hpm-action-btn.edit{background:#3b82f6e6;color:#fff}.hpm-action-btn.edit:hover{background:#3b82f6;transform:scale(1.1)}.hpm-action-btn.delete{background:#ef4444e6;color:#fff}.hpm-action-btn.delete:hover{background:#ef4444;transform:scale(1.1)}.hpm-card-content{padding:1.5rem}.hpm-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.hpm-card-content h3{color:#1e293b;flex:1 1;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.hpm-order-badge{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.hpm-card-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0 0 1rem;overflow:hidden}.hpm-card-date{color:#94a3b8;font-size:.8125rem}.hpm-empty{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:16px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem}.hpm-empty-icon{color:#cbd5e1;display:flex;margin-bottom:1rem}.hpm-empty-icon svg{height:64px;width:64px}.hpm-empty h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.hpm-empty p{color:#64748b;font-size:1rem;margin:0 0 1.5rem}.hpm-modal-overlay{align-items:center;animation:hpmFadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.hpm-modal{animation:hpmSlideUp .3s ease-out;background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.hpm-modal-sm{max-width:420px}.hpm-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.hpm-modal-header.danger{background:#fef2f2;border-bottom-color:#fecaca}.hpm-modal-title{align-items:center;display:flex;gap:.75rem}.hpm-modal-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;color:#b45309;display:flex;height:40px;justify-content:center;width:40px}.hpm-modal-header.danger .hpm-modal-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.hpm-modal-icon svg{height:20px;width:20px}.hpm-modal-title h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.hpm-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.hpm-modal-close:hover{background:#f1f5f9;color:#1e293b}.hpm-modal-close svg{height:20px;width:20px}.hpm-modal-body{overflow-y:auto;padding:1.5rem}.hpm-form-group{margin-bottom:1.5rem}.hpm-form-group:last-child{margin-bottom:0}.hpm-form-group label{color:#1e293b;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.hpm-form-group input,.hpm-form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.hpm-form-group input:focus,.hpm-form-group textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.hpm-form-group input.error,.hpm-form-group textarea.error{border-color:#ef4444}.hpm-form-group textarea{min-height:80px;resize:vertical}.hpm-form-error{color:#ef4444;font-size:.8125rem}.hpm-form-error,.hpm-form-hint{display:block;margin-top:.25rem}.hpm-form-hint{color:#94a3b8;font-size:.75rem}.hpm-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.hpm-upload-area{background:#fafafa;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.hpm-upload-area:hover{background:#fffbeb;border-color:#f59e0b}.hpm-upload-area.error{border-color:#ef4444}.hpm-upload-area.has-preview{background:#0000;padding:0}.hpm-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:.5rem}.hpm-upload-icon{color:#94a3b8;display:flex}.hpm-upload-icon svg{height:48px;width:48px}.hpm-upload-text{color:#64748b;font-size:.9375rem;font-weight:500}.hpm-upload-hint{color:#94a3b8;font-size:.8125rem}.hpm-preview{border-radius:12px;overflow:hidden;position:relative}.hpm-preview img{display:block;height:200px;object-fit:cover;width:100%}.hpm-preview-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.hpm-preview:hover .hpm-preview-overlay{opacity:1}.hpm-preview-overlay span{color:#fff;font-size:.9375rem;font-weight:500}.hpm-upload-progress{background:#e2e8f0;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.hpm-progress-bar{background:linear-gradient(135deg,#f59e0b,#d97706);height:100%;transition:width .3s ease}.hpm-toggle-wrapper{align-items:center;display:flex;gap:.75rem}.hpm-toggle{background:#cbd5e1;border:none;border-radius:13px;cursor:pointer;height:26px;padding:0;position:relative;transition:background .3s ease;width:48px}.hpm-toggle.active{background:#22c55e}.hpm-toggle-slider{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.hpm-toggle.active .hpm-toggle-slider{transform:translateX(22px)}.hpm-toggle-label{color:#64748b;font-size:.875rem}.hpm-delete-text{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0}.hpm-delete-text strong{color:#1e293b}.hpm-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}@media (max-width:768px){.homepage-media{padding:1.5rem}.hpm-header{align-items:flex-start;flex-direction:column}.hpm-header-content{width:100%}.hpm-header-actions{flex-direction:column;width:100%}.hpm-btn{justify-content:center;width:100%}.hpm-toolbar{align-items:stretch;flex-direction:column}.hpm-search{max-width:none}.hpm-grid{grid-template-columns:1fr}.hpm-modal{max-width:100%}.hpm-form-row{gap:1rem;grid-template-columns:1fr}}.hpm-dimension-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.875rem;padding:.5rem 1rem}.hpm-dimension-info strong{color:#f59e0b}.hpm-dimension-note{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;color:#64748b;font-size:.8125rem;margin:0 0 .75rem;padding:.5rem .75rem}.hpm-cropper-overlay{background:#000c}.hpm-cropper-modal{max-width:900px;width:95%}.hpm-cropper-body{padding:1.5rem}.hpm-cropper-info{color:#64748b;font-size:.9375rem;margin:0 0 1rem;text-align:center}.hpm-cropper-container{align-items:center;background:#1a1a1a;border-radius:12px;display:flex;justify-content:center;max-height:500px;overflow:hidden;position:relative;width:100%}.hpm-cropper-image{-webkit-user-drag:none;display:block;max-height:500px;max-width:100%;-webkit-user-select:none;user-select:none}.hpm-cropper-overlay-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hpm-crop-area{box-shadow:0 0 0 9999px #0009;cursor:move;pointer-events:all;position:absolute}.hpm-crop-border{border:2px solid #fff;border-radius:2px}.hpm-crop-border,.hpm-crop-handles{inset:0;position:absolute}.hpm-crop-handle{background:#fff;border:2px solid #f59e0b;border-radius:2px;height:12px;position:absolute;width:12px}.hpm-crop-handle.tl{left:-6px;top:-6px}.hpm-crop-handle.tr{right:-6px;top:-6px}.hpm-crop-handle.bl{bottom:-6px;left:-6px}.hpm-crop-handle.br{bottom:-6px;right:-6px}@media (max-width:768px){.hpm-cropper-modal{margin:1rem;max-width:100%}.hpm-cropper-container,.hpm-cropper-image{max-height:350px}.hpm-cropper-body{padding:1rem}}.hpm-modal-header.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom-color:#a7f3d0}.hpm-modal-header.success .hpm-modal-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.hpm-delete-success-body,.hpm-deleting-body{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.hpm-delete-spinner{animation:hpmDeleteSpin .8s linear infinite;border:4px solid #fee2e2;border-radius:50%;border-top-color:#ef4444;height:56px;margin-bottom:1rem;width:56px}@keyframes hpmDeleteSpin{to{transform:rotate(1turn)}}.hpm-deleting-text{color:#64748b;font-size:.9375rem;margin:0}.hpm-success-animation{margin-bottom:1rem}.hpm-success-checkmark{stroke-width:2;stroke:#059669;stroke-miterlimit:10;animation:hpmSuccessFill .4s ease-in-out .4s forwards,hpmSuccessScale .3s ease-in-out .9s both;border-radius:50%;display:block;height:72px;width:72px}.hpm-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#059669;fill:none;animation:hpmStroke .6s cubic-bezier(.65,0,.45,1) forwards}.hpm-checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;stroke-width:3;stroke:#059669;animation:hpmStroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes hpmStroke{to{stroke-dashoffset:0}}@keyframes hpmSuccessScale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes hpmSuccessFill{to{box-shadow:inset 0 0 0 30px #0596691a}}.hpm-success-text{color:#059669;font-size:.9375rem;font-weight:500;margin:0}.resource-hub{animation:rhFadeIn .4s ease;margin:0 auto;max-width:1400px;padding:32px}@keyframes rhFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rh-header{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.rh-header,.rh-header-content{align-items:center;display:flex}.rh-header-content{gap:16px}.rh-header-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:16px;box-shadow:0 8px 24px #0d94884d;display:flex;height:56px;justify-content:center;width:56px}.rh-header-icon svg{color:#fff;height:28px;width:28px}.rh-header-text h1{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.rh-header-text p{color:#64748b;font-size:.9rem;margin:0}.rh-header-actions{display:flex;gap:12px}.rh-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.rh-btn svg{height:18px;width:18px}.rh-btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0d94884d;color:#fff}.rh-btn-primary:hover{box-shadow:0 8px 20px #0d948866;transform:translateY(-2px)}.rh-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.rh-btn-ghost{background:#0000;border:1px solid #e2e8f0;color:#64748b}.rh-btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.rh-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.rh-btn-danger:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.rh-summary{display:flex;gap:16px;margin-bottom:24px}.rh-summary-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;display:flex;gap:14px;min-width:180px;padding:16px 24px}.rh-summary-icon{align-items:center;background:linear-gradient(135deg,#0d94881a,#14b8a60d);border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.rh-summary-icon svg{color:#0d9488;height:22px;width:22px}.rh-summary-content{display:flex;flex-direction:column;gap:2px}.rh-summary-value{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1}.rh-summary-label{color:#64748b;font-size:.8rem;font-weight:500}.rh-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.rh-search{flex:1 1;max-width:400px;position:relative}.rh-search-icon{align-items:center;color:#94a3b8;display:flex;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.rh-search-icon svg{height:18px;width:18px}.rh-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.9rem;padding:12px 16px 12px 44px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.rh-search-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.rh-results-info{color:#64748b;font-size:.85rem;white-space:nowrap}.rh-results-info strong{color:#1e293b;font-weight:700}.rh-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.rh-spinner{animation:spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#0d9488;height:48px;width:48px}.rh-loading p{color:#64748b;font-size:.9rem;font-weight:500}.rh-error{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:16px;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.rh-error-icon{color:#ef4444;display:flex}.rh-error-icon svg{height:48px;width:48px}.rh-error p{color:#64748b;font-size:.9rem;text-align:center}.rh-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.rh-table{border-collapse:collapse;width:100%}.rh-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.rh-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.rh-table th.sortable{cursor:pointer;padding-right:30px;position:relative;transition:color .2s ease;-webkit-user-select:none;user-select:none}.rh-table th.sortable:hover,.sort-icon{color:#0d9488}.sort-icon{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.sort-icon svg{height:14px;width:14px}.th-icon{width:50px}.th-actions{text-align:center;width:120px}.rh-table tbody tr{animation:slideInRow .4s ease both;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}@keyframes slideInRow{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.rh-table tbody tr:hover{background:linear-gradient(90deg,#0d948805,#14b8a603)}.rh-table td{color:#334155;font-size:.9rem;padding:16px 20px}.td-icon{width:50px}.row-icon{align-items:center;background:linear-gradient(135deg,#0d94881a,#14b8a60d);border-radius:10px;color:#0d9488;display:inline-flex;height:36px;justify-content:center;width:36px}.row-icon svg{height:18px;width:18px}.td-name{font-weight:600}.doc-name{color:#1e293b}.td-date{color:#64748b;font-size:.85rem}.td-link{text-align:center}.link-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:8px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.link-btn:hover{box-shadow:0 6px 16px #0d94884d;transform:translateY(-2px)}.link-btn svg{height:14px;width:14px}.td-actions{text-align:center}.action-buttons{display:flex;gap:8px;justify-content:center}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.action-btn.edit{background:#3b82f61a;color:#3b82f6}.action-btn.edit:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.rh-table-empty{padding:0!important}.rh-empty-content{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.rh-empty-icon{color:#cbd5e1;display:flex}.rh-empty-icon svg{height:64px;width:64px}.rh-empty-content h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.rh-empty-content p{color:#64748b;font-size:.9rem;margin:0 0 16px}.rh-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rh-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.rh-modal-sm{max-width:400px}.rh-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.rh-modal-header.danger{background:linear-gradient(180deg,#fef2f2,#fff);border-bottom-color:#fecaca}.rh-modal-title{gap:12px}.rh-modal-icon,.rh-modal-title{align-items:center;display:flex}.rh-modal-icon{background:linear-gradient(135deg,#0d948826,#14b8a61a);border-radius:10px;color:#0d9488;height:40px;justify-content:center;width:40px}.rh-modal-header.danger .rh-modal-icon{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#ef4444}.rh-modal-icon svg{height:20px;width:20px}.rh-modal-title h2{color:#1e293b;font-size:1.25rem;font-weight:800;margin:0}.rh-modal-close{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.rh-modal-close:hover{background:#f1f5f9;color:#475569}.rh-modal-close svg{height:20px;width:20px}.rh-modal-body{flex:1 1;overflow-y:auto;padding:24px}.rh-form-group{margin-bottom:20px}.rh-form-group:last-child{margin-bottom:0}.rh-form-group label{color:#1e293b;display:block;font-size:.85rem;font-weight:700;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.required{color:#ef4444}.rh-input-wrapper{position:relative}.rh-input-icon{align-items:center;color:#94a3b8;display:flex;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.rh-input-icon svg{height:18px;width:18px}.rh-input-wrapper input{padding-left:44px!important}.rh-form-group input,.rh-form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.9rem;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.rh-form-group input:focus,.rh-form-group textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.rh-form-group input.error,.rh-form-group textarea.error{border-color:#ef4444}.rh-form-group input.error:focus,.rh-form-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.rh-form-group textarea{min-height:100px;resize:vertical}.rh-form-error{color:#ef4444;font-weight:500}.rh-form-error,.rh-form-hint{display:block;font-size:.8rem;margin-top:6px}.rh-form-hint{color:#94a3b8;font-style:italic}.rh-delete-text{color:#64748b;font-size:.9rem;line-height:1.6;margin:0}.rh-modal-footer{background:#fafbfc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media (max-width:768px){.resource-hub{padding:20px}.rh-header{align-items:flex-start;flex-direction:column}.rh-header-actions{flex-direction:column;width:100%}.rh-btn{justify-content:center;width:100%}.rh-summary{flex-direction:column}.rh-summary-card{width:100%}.rh-toolbar{align-items:stretch;flex-direction:column}.rh-search{max-width:none}.rh-table-wrapper{overflow-x:auto}.rh-table{min-width:600px}}:root{--ntsdd-primary:#7c3aed;--ntsdd-primary-light:#a78bfa;--ntsdd-primary-dark:#6d28d9;--ntsdd-success:#10b981;--ntsdd-warning:#f59e0b;--ntsdd-danger:#ef4444;--ntsdd-info:#3b82f6;--ntsdd-bg:#f8fafc;--ntsdd-card-bg:#fff;--ntsdd-text:#1e293b;--ntsdd-text-muted:#64748b;--ntsdd-border:#e2e8f0;--ntsdd-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--ntsdd-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--ntsdd-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.ntsdd-portal-wrapper{background:#f8fafc;background:var(--ntsdd-bg);min-height:100vh}.ntsdd-portal-content{display:flex;min-height:calc(100vh - 70px)}.ntsdd-main-content{background:#f1f5f9;flex:1 1;overflow-y:auto;position:relative}.ntsdd-main-content:before{background:linear-gradient(180deg,#7c3aed08,#0000);content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0;top:0}.ntsdd-main-content::-webkit-scrollbar{width:8px}.ntsdd-main-content::-webkit-scrollbar-track{background:#0000}.ntsdd-main-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.ntsdd-main-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.ntsdd-portal-content{flex-direction:column}}.membership-page{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.membership-main-content{flex:1 1;padding-top:92px}.membership-welcome-container{background:#fff;margin:0 auto;max-width:1000px;min-height:calc(100vh - 192px);padding:3rem 2rem}.welcome-content{background:#fff}.membership-image-container{margin-bottom:2rem;text-align:center}.membership-image{border-radius:12px;box-shadow:0 4px 20px #1a406f26;height:auto;max-width:100%}.membership-image-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;padding:3rem}.welcome-title{border-bottom:3px solid #1a406f;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.welcome-title h1{color:#1a406f;font-size:2rem;font-weight:700;margin:0 0 1rem}.welcome-title h2{color:#2c5f9e;font-size:1.5rem;font-weight:600;margin:0}.welcome-text-content{color:#212529;font-size:1rem;line-height:1.8}.welcome-text-content p{margin-bottom:1.5rem}.intro-text{color:#495057;font-size:1.1rem;font-weight:500}.benefits-section{background:linear-gradient(135deg,#1a406f0d,#2c5f9e0d);border-left:4px solid #1a406f;border-radius:12px;margin:2rem 0;padding:2rem}.benefits-section h3{color:#1a406f;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.benefit-item{margin-bottom:2rem}.benefit-item h4{color:#212529;font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.benefit-item ul{margin-bottom:1rem;margin-left:1.5rem}.benefit-item li{line-height:1.6;margin-bottom:.5rem}.eligibility-section{background:linear-gradient(135deg,#e7f3ff,#d0e9ff);border-left:4px solid #2c5f9e;border-radius:12px;margin:2rem 0;padding:2rem}.eligibility-section h3{color:#1a406f;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.eligibility-list{list-style:none;margin-bottom:1rem;padding-left:0}.eligibility-list li{padding:.5rem 0 .5rem 1.5rem;position:relative}.eligibility-list li:before{color:#2c5f9e;content:"✓";font-weight:700;left:0;position:absolute}.eligibility-note,.investment-note{background:#fff;border-left:3px solid #2c5f9e;border-radius:8px;font-style:italic;margin-top:1rem;padding:1rem}.payment-section{background:#fff3cd;border-left:4px solid #ffc107;border-radius:12px;margin:2rem 0;padding:2rem}.payment-section h3{color:#856404;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.account-details{background:#fff;border-radius:8px;margin:1rem 0;padding:1.5rem}.account-details p{font-size:1rem;margin:.5rem 0}.payment-note{color:#856404;font-weight:600;margin-top:1rem}.links-section{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem}.links-section a{color:#1a406f;font-weight:600;text-decoration:none}.links-section a:hover{text-decoration:underline}.agreement-section{background:#fff;border:2px solid #dee2e6;border-radius:12px;margin:2rem 0;padding:2rem}.agreement-section h3{color:#dc3545;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}.agreement-list{line-height:1.8;margin-bottom:1.5rem;margin-left:1.5rem}.agreement-list li{color:#495057;margin-bottom:.75rem}.bylaws-links{background:#f8f9fa;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.bylaws-links ul{list-style:none;margin-top:.5rem;padding-left:0}.bylaws-links li{margin-bottom:.5rem}.bylaws-links a{color:#1a406f;font-weight:600;text-decoration:none}.bylaws-links a:hover{color:#2c5f9e;text-decoration:underline}.contact-note,.email-note{background:#e7f3ff;border-radius:8px;font-size:.95rem;margin-top:1rem;padding:1rem}.contact-note a{color:#1a406f;font-weight:600;text-decoration:none}.contact-note a:hover{color:#2c5f9e;text-decoration:underline}.welcome-form{background:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;margin-top:2rem;padding:2rem}.welcome-form-group{margin-bottom:1.5rem}.welcome-form-group label{color:#495057;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.welcome-form-group input[type=email]{border:2px solid #dee2e6;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.welcome-form-group input[type=email]:focus{border-color:#1a406f;box-shadow:0 0 0 3px #1a406f1a;outline:none}.welcome-form-group input[type=email].error{border-color:#dc3545}.agreement-group{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:1.5rem}.agreement-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400}.agreement-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-right:.75rem;margin-top:.25rem;width:20px}.agreement-label input[type=checkbox].error{outline:2px solid #dc3545;outline-offset:2px}.agreement-help-text{color:#6c757d;font-size:.9rem;margin-left:2rem;margin-top:.75rem}.agreement-help-text a{color:#1a406f;text-decoration:none}.agreement-help-text a:hover{text-decoration:underline}.welcome-form-actions{display:flex;justify-content:center;margin-top:2rem}.proceed-btn{background:linear-gradient(135deg,#1a406f,#2c5f9e);border:none;border-radius:10px;box-shadow:0 4px 16px #1a406f4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:250px;padding:1rem 3rem;transition:all .3s ease}.proceed-btn:hover{background:linear-gradient(135deg,#0f2e4f,#1a406f);box-shadow:0 8px 24px #1a406f66;transform:translateY(-2px)}.proceed-btn:active{transform:translateY(0)}.membership-form-container{background:#fff;margin:0 auto;max-width:900px;min-height:calc(100vh - 192px);padding:3rem 2rem}.form-header{border-bottom:2px solid #e9ecef;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.form-header h1{color:#1a406f;font-size:2.25rem;font-weight:700;margin:0 0 .5rem}.form-header p{color:#6c757d;font-size:1.1rem;margin:0}.progress-container{margin-bottom:3rem;padding:2rem 0}.progress-step,.progress-steps{align-items:center;display:flex;justify-content:center;position:relative}.progress-step{flex-direction:column;min-width:100px;z-index:2}.step-number{align-items:center;background:#e9ecef;border:3px solid #dee2e6;border-radius:50%;color:#6c757d;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;margin-bottom:.75rem;max-height:50px;min-height:50px;transition:all .3s ease;width:50px}.progress-step.active .step-number{background:#1a406f;border-color:#1a406f;box-shadow:0 0 0 4px #1a406f26;color:#fff}.progress-step.completed .step-number{background:#2c5f9e;border-color:#2c5f9e;color:#fff}.step-label{color:#6c757d;font-size:.9rem;font-weight:600;text-align:center;white-space:nowrap}.progress-step.active .step-label{color:#1a406f}.progress-step.completed .step-label{color:#2c5f9e}.progress-line{background:#dee2e6;height:3px;margin:0 1rem 2rem;position:relative;transition:all .3s ease;width:120px}.progress-line.completed{background:#28a745}.form-section,.membership-form{background:#fff}.form-section{border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;display:none;margin-bottom:2rem;padding:2.5rem}.form-section.active{animation:fadeIn .3s ease-in;display:block}.section-header{border-bottom:3px solid #1a406f;padding-bottom:1.5rem;position:relative}.section-header:after{background:linear-gradient(135deg,#28a745,#20c997);border-radius:2px;bottom:-3px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.section-header h2{color:#212529;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.section-subtitle{color:#6c757d;font-size:1rem;font-weight:400}.field-group{background:#f8f9fa;border-left:4px solid #1a406f;border-radius:12px;margin-bottom:3rem;padding:2rem}.field-group:last-child{margin-bottom:0}.field-group-title{align-items:center;color:#1a406f;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.field-group-title:before{content:"📋";font-size:1.2rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1.5rem}.form-row .form-group{margin-bottom:0}.form-group label{color:#495057;margin-bottom:.5rem}.field-description{color:#6c757d;font-size:.875rem;font-style:italic;line-height:1.5;margin-bottom:.5rem}.field-description a{color:#1a406f;font-weight:600;text-decoration:none}.field-description a:hover{text-decoration:underline}.field-hint{color:#6c757d;display:block;font-size:.875rem;line-height:1.5;margin-top:.5rem}.field-hint a{color:#1a406f;font-weight:600;text-decoration:none}.field-hint a:hover{text-decoration:underline}.required{color:#dc3545;margin-left:2px}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#212529;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-group select:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a406f;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group input[readonly]{background:#e9ecef;cursor:not-allowed}.form-group textarea{min-height:100px;resize:vertical}.radio-group{align-items:flex-end}.radio-group,.radio-group-horizontal{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.radio-group-horizontal{align-items:center;flex-direction:row;justify-content:flex-start}.radio-group-vertical{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.radio-option{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:10px;cursor:pointer;display:flex;flex:0 0 auto;min-height:48px;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .2s ease}.radio-option:before{background:#1a406f;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:4px}.radio-option:hover{background:#f8f9fa;border-color:#1a406f;transform:translateX(2px)}.radio-option:hover:before{transform:scaleY(1)}.radio-option input[type=radio]{accent-color:#1a406f;cursor:pointer;flex-shrink:0;height:20px;margin-right:.875rem;max-height:20px;max-width:20px;min-height:20px;min-width:20px;width:20px}.radio-option span{color:#495057;font-weight:500;transition:color .2s ease;white-space:nowrap}.radio-option input[type=radio]:checked+span{color:#1a406f;font-weight:600}.radio-option:has(input[type=radio]:checked){background:#e7f3ff;border-color:#1a406f;box-shadow:0 2px 8px #007bff26}.radio-option:has(input[type=radio]:checked):before{transform:scaleY(1)}.college-search-container{position:relative}.college-dropdown{background:#fff;border:2px solid #1a406f;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;margin-top:-8px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.college-option{border-bottom:1px solid #e9ecef;cursor:pointer;padding:.875rem 1rem;transition:background .2s ease}.college-option:last-child{border-bottom:none}.college-option:hover{background:#e7f3ff}.file-upload-container{margin-top:.5rem}.file-input{display:none}.file-upload-label{align-items:center;background:#fff;border:3px dashed #dee2e6;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.file-upload-label:hover{background:#f8f9fa;border-color:#1a406f;box-shadow:0 4px 12px #007bff1a;transform:translateY(-2px)}.upload-icon{color:#1a406f;height:48px;transition:all .3s ease;width:48px}.file-upload-label:hover .upload-icon{color:#2c5f9e;transform:translateY(-4px)}.upload-text-container{display:flex;flex-direction:column;gap:.5rem}.upload-text{color:#495057;font-size:1rem;font-weight:600}.upload-subtext{color:#6c757d;font-size:.875rem;font-weight:400}.uploaded-file-info{align-items:center;animation:slideIn .3s ease;background:#d4edda;border:2px solid #c3e6cb;border-radius:10px;display:flex;gap:1rem;margin-top:1rem;padding:1rem 1.5rem}.file-success-icon{color:#28a745;flex-shrink:0;height:32px;width:32px}.file-info-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.file-name{color:#155724;font-size:.95rem;font-weight:600;word-break:break-word}.file-size{color:#6c757d;font-size:.875rem;font-weight:500}.conditional-field{margin-top:1rem;padding-left:2rem}.conditional-field input{border:2px solid #dee2e6;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.conditional-field input:focus{border-color:#1a406f;box-shadow:0 0 0 3px #007bff1a;outline:none}.conditional-field input.error{border-color:#dc3545}.error-message{display:block;font-size:.875rem;margin-top:.5rem}.form-navigation{border-top:2px solid #e9ecef;display:flex;gap:1rem;justify-content:space-between;margin-top:2.5rem;padding-top:2rem}.nav-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.625rem;justify-content:center;min-width:150px;padding:1rem 2rem;transition:all .3s ease}.nav-btn svg{flex-shrink:0;height:20px;width:20px}.prev-btn{background:#6c757d;color:#fff}.prev-btn:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d4d;transform:translateY(-2px)}.next-btn{background:linear-gradient(135deg,#1a406f,#2c5f9e);color:#fff;margin-left:auto}.next-btn:hover{background:linear-gradient(135deg,#0f2e4f,#1a406f);box-shadow:0 4px 12px #1a406f66;transform:translateY(-2px)}.submit-btn{align-items:center;background:linear-gradient(135deg,#1a406f,#2c5f9e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.625rem;justify-content:center;margin-left:auto;padding:1rem 3rem;transition:all .3s ease}.submit-btn svg{flex-shrink:0;height:22px;width:22px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0f2e4f,#1a406f);box-shadow:0 8px 24px #1a406f66;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.success-message{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:2rem;padding:4rem 2rem;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;box-shadow:0 4px 16px #28a7454d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-icon svg{stroke-width:3;height:48px;width:48px}.error-banner{align-items:flex-start;animation:slideDown .3s ease-out;background:#fff5f5;border:2px solid #fc8181;border-radius:12px;box-shadow:0 2px 8px #fc818126;display:flex;gap:1rem;margin:2rem 0;padding:1.5rem}.error-icon{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;flex-shrink:0;font-size:1.5rem;font-weight:700;height:48px;width:48px}.error-content{flex:1 1}.error-content h3{color:#c53030;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.error-content p{color:#742a2a;font-size:1rem;line-height:1.6;margin:0}.success-message h2{color:#212529;font-size:2rem;font-weight:700;margin:0 0 1rem}.success-message p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin:0}@media (max-width:768px){.membership-welcome-container{padding:1rem}.welcome-title h1{font-size:1.5rem}.welcome-title h2{font-size:1.25rem}.agreement-section,.benefits-section,.eligibility-section,.payment-section,.welcome-form{padding:1.5rem}.proceed-btn{min-width:auto;width:100%}.membership-form-container{padding:1rem}.form-header h1{font-size:1.75rem}.form-header p{font-size:1rem}.progress-container{padding:1rem 0}.progress-steps{justify-content:space-between;padding:0 1rem}.progress-step{min-width:80px}.step-number{font-size:1rem;height:40px;margin-bottom:.5rem;width:40px}.step-label{font-size:.75rem}.progress-line{margin:0 .5rem 1.5rem;width:60px}.form-section{padding:1.5rem}.section-header h2{font-size:1.5rem}.field-group{padding:1.5rem}.field-group-title{font-size:1.1rem}.form-row{gap:0;grid-template-columns:1fr}.form-row .form-group{margin-bottom:1.5rem}.radio-group{gap:.75rem}.form-navigation,.radio-group{flex-direction:column}.nav-btn,.submit-btn{margin-left:0!important;width:100%}.success-message{padding:3rem 1.5rem}.success-message h2{font-size:1.5rem}}@media (max-width:480px){.membership-welcome-container{padding:.75rem}.welcome-title h1{font-size:1.25rem}.agreement-section h3,.benefits-section h3,.eligibility-section h3,.payment-section h3,.welcome-title h2{font-size:1.1rem}.benefit-item h4{font-size:1rem}.account-details{padding:1rem}.agreement-list{font-size:.9rem;margin-left:1rem}.membership-form-container{padding:.75rem}.progress-container{padding:.75rem 0}.progress-step{min-width:60px}.step-number{font-size:.9rem;height:35px;margin-bottom:.4rem;width:35px}.step-label{font-size:.7rem}.progress-line{margin:0 .25rem 1.2rem;width:40px}.form-section{padding:1rem}.section-header h2{font-size:1.3rem}.field-group{padding:1rem}.field-group-title{font-size:1rem}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:.75rem}}.public-header{background-color:#1a406f;box-shadow:0 2px 8px #0000001a;left:0;padding:1.5rem 2rem;position:fixed;right:0;top:0;width:100%;z-index:1000}.public-header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.public-logo-container{align-items:center;cursor:pointer;display:flex;flex-shrink:0}.public-header-logo{filter:brightness(0) invert(1);height:60px;opacity:.9;transition:transform .2s ease;width:auto}.public-logo-container:hover .public-header-logo{opacity:1;transform:scale(1.05)}.public-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.hamburger-menu{background:none;border:none;color:#fff;cursor:pointer;display:none;padding:.5rem;transition:all .3s ease;z-index:1001}.hamburger-menu:hover{transform:scale(1.1)}.hamburger-line{transform-origin:center;transition:all .3s ease}.hamburger-menu.active .top-line{transform:translateY(6px) rotate(45deg)}.hamburger-menu.active .middle-line{opacity:0}.hamburger-menu.active .bottom-line{transform:translateY(-6px) rotate(-45deg)}.mobile-menu-overlay{background-color:#00000080;display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:999}.nav-item{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;padding:.625rem 1rem;position:relative;text-align:center;transition:all .2s ease;white-space:nowrap}.nav-item:after{background-color:#fff;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-item.active:after{width:calc(100% - 2rem)}.nav-item:hover{background-color:#ffffff26;transform:translateY(-1px)}.nav-item.active{font-weight:600}.nav-item.login-item{background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;font-weight:600;margin-left:.5rem;padding:.625rem 1.5rem}.nav-item.login-item:after{display:none}.nav-item.login-item.active{background:#ffffff40;border-color:#ffffff80}.nav-item.login-item:hover{background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000026;color:#1a406f;transform:translateY(-2px)}@media (max-width:1200px){.public-header{padding:1.25rem 1.5rem}.public-header-content{gap:1.5rem}.nav-item{font-size:.875rem;padding:.5rem .875rem}.nav-item.login-item{padding:.5rem 1.25rem}}@media (max-width:992px){.public-header{padding:1rem}.public-header-logo{height:50px}.public-nav{gap:.375rem}.nav-item{font-size:.8125rem;padding:.5rem .75rem}.nav-item.login-item{margin-left:.25rem;padding:.5rem 1rem}}@media (max-width:768px){.public-header{padding:.875rem}.public-header-content{gap:1rem}.public-header-logo{height:45px}.hamburger-menu{align-items:center;display:flex;justify-content:center}.mobile-menu-overlay{display:block}.public-nav{align-items:stretch;background-color:#1a406f;box-shadow:-2px 0 8px #0003;flex-direction:column;gap:0;height:100vh;justify-content:flex-start;overflow-y:auto;padding-top:80px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px;z-index:1000}.public-nav.mobile-open{right:0}.nav-item{border-bottom:1px solid #ffffff1a;border-radius:0;font-size:1rem;padding:1rem 1.5rem;text-align:left;width:100%}.nav-item:after{display:none}.nav-item:hover{background-color:#ffffff26;transform:none}.nav-item.active{background-color:#fff3;border-left:4px solid #fff}.nav-item.login-item{background:linear-gradient(135deg,#ffffff4d,#fff3);border:1px solid #fff6;border-radius:0;margin-left:0;margin-top:auto}.nav-item.login-item:hover{background:#ffffff59;border-color:#fff9;color:#fff}}@media (max-width:640px){.public-header{padding:.75rem}.public-header-logo{height:40px}.hamburger-menu{align-items:center;display:flex;justify-content:center}.mobile-menu-overlay{display:block}.public-nav{align-items:stretch;background-color:#1a406f;box-shadow:-2px 0 8px #0003;flex-direction:column;gap:0;height:100vh;justify-content:flex-start;overflow-y:auto;padding-top:80px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px;z-index:1000}.public-nav.mobile-open{right:0}.nav-item{border-bottom:1px solid #ffffff1a;border-radius:0;font-size:1rem;padding:1rem 1.5rem;text-align:left;width:100%}.nav-item:after{display:none}.nav-item:hover{background-color:#ffffff26;transform:none}.nav-item.active{background-color:#fff3;border-left:4px solid #fff}.nav-item.login-item{background:linear-gradient(135deg,#ffffff4d,#fff3);border:1px solid #fff6;border-radius:0;margin-left:0;margin-top:auto}.nav-item.login-item:hover{background:#ffffff59;border-color:#fff9;color:#fff}}.login-page{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.login-main-content{flex:1 1;padding-top:92px}.login-section{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:calc(100vh - 192px);padding:5rem 2rem}.login-content-container{display:flex;justify-content:center;margin:0 auto;max-width:1400px;width:100%}.login-form-wrapper{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #1a406f14;max-width:540px;padding:3rem;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-logo-wrapper{margin-bottom:2rem}.login-logo{filter:drop-shadow(0 2px 8px rgba(26,64,111,.15));height:auto;max-width:240px;transition:transform .3s ease}.login-logo:hover{transform:scale(1.02)}.login-title{color:#1a406f;font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 .75rem}.login-subtitle{color:#64748b;font-size:1.125rem;font-weight:400;margin:0}.login-form{margin-top:2rem}.error-message{align-items:center;animation:shake .4s ease-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;box-shadow:0 2px 8px #ef44441a;color:#991b1b;display:flex;font-size:.9375rem;font-weight:500;gap:.875rem;margin-bottom:1.75rem;padding:1rem 1.25rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-message svg{stroke-width:2.5;flex-shrink:0;height:22px;width:22px}.form-group{margin-bottom:1.75rem}.form-group label{align-items:center;color:#1a406f;display:flex;font-size:1rem;font-weight:600;gap:.5rem;letter-spacing:.01em;margin-bottom:.75rem}.form-group label svg{color:#2c5f9e;height:18px;width:18px}.form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.form-group input:hover{border-color:#cbd5e1}.form-group input:focus{border-color:#1a406f;box-shadow:0 0 0 4px #1a406f1a;outline:none}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#94a3b8}.password-input-wrapper input{padding-right:3rem}.password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.password-toggle:hover:not(:disabled){background-color:#f1f5f9;color:#1a406f}.password-toggle:disabled{cursor:not-allowed;opacity:.4}.password-toggle svg{height:20px;width:20px}.login-button{align-items:center;background:linear-gradient(135deg,#1a406f,#2c5f9e);border:none;border-radius:10px;box-shadow:0 4px 16px #1a406f4d;color:#fff;cursor:pointer;display:flex;font-size:1.0625rem;font-weight:700;gap:.625rem;justify-content:center;letter-spacing:.025em;margin-top:.5rem;overflow:hidden;padding:1.125rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#0f2e4f,#1a406f);box-shadow:0 8px 24px #1a406f66;transform:translateY(-2px)}.login-button:active:not(:disabled){box-shadow:0 4px 12px #1a406f4d;transform:translateY(0)}.login-button:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed;opacity:.6}.login-button svg{height:20px;width:20px}.loading-spinner{animation:spin .8s linear infinite}.login-help{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1.75rem;text-align:center}.login-security-badge{align-items:center;background:linear-gradient(135deg,#1a406f0d,#2c5f9e0d);border:1px solid #1a406f1a;border-radius:10px;display:inline-flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.25rem}.login-security-badge svg{color:#1a406f;height:18px;width:18px}.login-security-badge span{color:#1a406f;font-size:.875rem;font-weight:600}.help-text{color:#64748b;font-size:.9375rem;font-weight:400;margin:0}.public-footer{background:linear-gradient(135deg,#1a406f,#2c5f9e)}.footer-content p{font-size:.9375rem;font-weight:400;opacity:.95}@media (max-width:768px){.login-main-content{padding-top:80px}.login-section{min-height:calc(100vh - 160px);padding:3rem 1.5rem}.login-form-wrapper{padding:2.5rem 2rem}.login-title{font-size:2rem}.login-subtitle{font-size:1rem}.login-logo{max-width:200px}.public-footer{padding:1.5rem}}@media (max-width:480px){.login-main-content{padding-top:75px}.login-section{min-height:calc(100vh - 145px);padding:2rem 1rem}.login-form-wrapper{border-radius:12px;padding:2rem 1.5rem}.login-title{font-size:1.75rem}.login-subtitle{font-size:.9375rem}.login-logo{max-width:180px}.form-group input,.form-group label{font-size:.9375rem}.form-group input{padding:.875rem 1rem}.password-input-wrapper input{padding-right:2.75rem}.login-button{font-size:1rem;padding:1rem 1.25rem}.error-message{font-size:.875rem;padding:.875rem 1rem}.login-security-badge{padding:.625rem 1rem}.login-security-badge span{font-size:.8125rem}.help-text{font-size:.875rem}.public-footer{padding:1.25rem}.footer-content p{font-size:.875rem}}.certificate-verify-container{align-items:center;animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.verify-header{animation:slideDown .6s ease-out;margin-bottom:2rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.verify-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.org-name{color:#6b7280;font-size:1.2rem;font-weight:500;margin:0}.verify-loading{background:#fff;border:1px solid #e0e7e9;border-radius:16px;box-shadow:0 4px 20px #00000014;min-width:300px;padding:4rem 2rem;text-align:center}.loading-logo{align-items:center;animation:logoFadeInOut 2s ease-in-out infinite;display:flex;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}@keyframes logoFadeInOut{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}.logo-image-loading{height:100%;object-fit:contain;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#0d9488;height:50px;margin:0 auto 1.5rem;width:50px}.verify-loading p{color:#6b7280;font-size:1rem;font-weight:500;margin:0}.verify-error{animation:scaleIn .4s ease-out;background:#fff;border:1px solid #e0e7e9;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:500px;padding:4rem 2rem;text-align:center}.error-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;color:#dc2626;height:80px;margin:0 auto 1.5rem;width:80px}.error-icon svg{stroke-width:2.5;height:48px;width:48px}.verify-error h2{color:#dc2626;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.verify-error p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 .5rem}.error-subtext{color:#9ca3af;font-size:.9rem}.verification-status{animation:scaleIn .5s ease-out;background:#fff;border:1px solid #e0e7e9;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;max-width:800px;padding:2.5rem 2rem;text-align:center;width:100%}.status-icon{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:120px}.status-icon:hover{transform:translateY(-4px) scale(1.05)}.status-icon svg{stroke-width:2.5;height:48px;width:48px}.logo-image-status{height:100%;object-fit:contain;transition:transform .4s ease;width:100%}.status-icon:hover .logo-image-status{transform:scale(1.05)}.verification-status h2{color:#065f46;font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.verification-status p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.verification-details{animation:slideUp .6s ease-out;background:#fff;border:1px solid #e0e7e9;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;max-width:800px;padding:2rem;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.details-section{animation:fadeInSection .7s ease-out;border-bottom:2px solid #f3f4f6;margin-bottom:2.5rem;padding-bottom:2.5rem}@keyframes fadeInSection{0%{opacity:0}to{opacity:1}}.details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:#1f2937;font-size:1.25rem;gap:.75rem;letter-spacing:-.025em;margin:0 0 1.5rem}.section-icon,.section-title{align-items:center;display:flex}.section-icon{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-radius:8px;color:#0284c7;height:28px;justify-content:center;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.section-icon:hover{background:linear-gradient(135deg,#bae6fd,#93c5fd);transform:scale(1.1) rotate(5deg)}.section-icon svg{stroke-width:2;height:100%;width:100%}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:linear-gradient(135deg,#fafbfc,#fff);border:1px solid #e0e7e9;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.detail-item:hover{border-color:#0d9488;box-shadow:0 4px 12px #0d94881a;transform:translateY(-2px)}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1f2937;font-size:1rem;font-weight:500;line-height:1.5;word-break:break-word}.user-name{color:#0d9488;font-size:1.125rem;font-weight:700}.activity-name{color:#0369a1}.activity-name,.role-description{font-size:1.125rem;font-weight:600}.role-description{color:#7c3aed}.certificate-type-badge{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:8px;box-shadow:0 4px 12px #0d948840;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.certificate-type-badge:hover{box-shadow:0 6px 16px #0d948859;transform:translateY(-2px)}.verification-footer{animation:fadeIn .8s ease-out;background:#fff;border:1px solid #e0e7e9;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:800px;padding:1.5rem;text-align:center;width:100%}.footer-text{color:#4b5563;font-size:.9rem;font-style:italic;line-height:1.6;margin:0 0 .5rem}.footer-timestamp{color:#9ca3af;font-size:.8rem;font-weight:500;margin:0}@media (max-width:768px){.certificate-verify-container{padding:1rem}.verify-header h1{font-size:1.75rem}.ifmsa-logo{height:64px;width:64px}.ifmsa-logo svg{height:36px;width:36px}.verification-status{padding:1.5rem}.status-icon{height:64px;width:64px}.status-icon svg{height:36px;width:36px}.verification-status h2{font-size:1.5rem}.verification-details{padding:1.5rem}.details-grid{gap:1rem;grid-template-columns:1fr}.section-title{font-size:1.125rem}.detail-item{padding:.75rem}}@media print{.certificate-verify-container{background:#fff;padding:0}.verification-details,.verification-footer,.verification-status,.verify-header{background:#fff;border:1px solid #e5e7eb;box-shadow:none}.ifmsa-logo,.section-icon,.status-icon{box-shadow:none}.certificate-type-badge:hover,.detail-item:hover{box-shadow:none;transform:none}@page{margin:1cm}}.certificate-verify-container::-webkit-scrollbar{width:8px}.certificate-verify-container::-webkit-scrollbar-track{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:10px}.certificate-verify-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.certificate-verify-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0d9488,#14b8a6)}.profile-container{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);margin:0 auto;max-width:1600px;min-height:calc(100vh - 92px);padding:2rem}.profile-loading{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;color:#6c757d;display:flex;flex-direction:column;font-size:1.1rem;justify-content:center;min-height:400px;padding:4rem 2rem}.profile-loading p{color:#6c757d;font-size:1.1rem;font-weight:500;margin:0}.loading-logo{animation:fadeInOut 2s ease-in-out infinite;filter:drop-shadow(0 4px 15px rgba(13,148,136,.3));height:auto;margin-bottom:2rem;width:120px}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:1}}.profile-error{background:#fef2f2;border:1px solid #fee2e2;border-radius:20px;box-shadow:0 4px 12px #0000000f;flex-direction:column;font-weight:500;gap:1rem;padding:3rem 2rem}.error-icon,.profile-error{align-items:center;color:#991b1b;display:flex}.error-icon{height:60px;justify-content:center;width:60px}.error-icon svg{height:100%;width:100%}.profile-error p{font-size:1.1rem;margin:0}.profile-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.page-header-info{align-items:center;display:flex;gap:1rem}.header-info-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #0000000a;color:#1f2937;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem}.header-info-item .info-icon{align-items:center;color:#0d9488;display:flex;font-size:1rem;height:18px;justify-content:center;opacity:.8;width:18px}.header-info-item .info-icon svg{height:100%;width:100%}.header-info-item .info-text{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-content{animation:fadeInUp .6s ease-out}.profile-info-card{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 4px 12px #0000000f;margin-bottom:2rem;padding:2.5rem}.info-card-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.info-card-icon{align-items:center;background:linear-gradient(135deg,#0d948826,#14b8a626);border-radius:12px;color:#0d9488;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.info-card-icon svg{height:24px;width:24px}.info-card-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.profile-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.profile-field{display:flex;flex-direction:column;gap:.5rem}.field-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.field-value-wrapper{align-items:center;display:flex}.field-value{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;color:#1f2937;display:block;font-size:1rem;line-height:1.5;padding:.875rem 1rem;transition:all .2s ease;width:100%;word-break:break-word}.field-value:hover{background:#f1f3f5;border-color:#dee2e6}.field-value.empty{background:#fafbfc;color:#9ca3af;font-style:italic}.field-value.link{align-items:center;background:linear-gradient(135deg,#0d948814,#14b8a614);border:1px solid #0d948833;color:#0d9488;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none}.field-value.link:hover{background:linear-gradient(135deg,#0d94881f,#14b8a61f);border-color:#0d94884d;box-shadow:0 2px 8px #0d948826;color:#14b8a6;transform:translateY(-1px)}.field-value.link:after{content:"↗";font-size:1.2rem;opacity:.7}@media (max-width:1200px){.profile-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.profile-container{padding:1.25rem}.profile-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-svg{height:24px;width:24px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.page-header-info{width:100%}.header-info-item{flex:1 1;justify-content:center}.header-info-item .info-text{max-width:200px}.profile-info-card{padding:1.75rem}.info-card-header{margin-bottom:1.5rem;padding-bottom:1rem}.info-card-icon{height:44px;width:44px}.info-card-icon svg{height:22px;width:22px}.info-card-header h2{font-size:1.25rem}.profile-grid{gap:1.25rem;grid-template-columns:1fr}}@media (max-width:480px){.profile-container{padding:1rem}.page-header-text h1{font-size:1.25rem}.page-header-icon{height:44px;width:44px}.header-icon-svg{height:22px;width:22px}.header-info-item .info-text{max-width:150px}.profile-info-card{padding:1.5rem}.info-card-header h2{font-size:1.125rem}}.change-password-container{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);margin:0 auto;max-width:1200px;min-height:calc(100vh - 92px);padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.change-password-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.page-header-content{align-items:center;display:flex;gap:1rem}.page-header-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:16px;box-shadow:0 8px 24px #0d94884d;flex-shrink:0;height:56px;width:56px}.header-icon-svg,.page-header-icon{align-items:center;display:flex;justify-content:center}.header-icon-svg{color:#fff;height:28px;width:28px}.header-icon-svg svg{height:100%;width:100%}.page-header-text h1{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .25rem}.page-header-text p{color:#64748b;font-size:.9rem;font-weight:400;margin:0}.change-password-content{margin:0 auto;max-width:700px}.change-password-card{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 4px 12px #0000000f;padding:2.5rem}.change-password-form{display:flex;flex-direction:column;gap:1.5rem}.alert{animation:slideIn .3s ease-out;border-radius:12px;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem}.alert,.alert-icon{align-items:center;display:flex}.alert-icon{flex-shrink:0;height:24px;justify-content:center;width:24px}.alert-icon svg{height:100%;width:100%}.alert-error{background:#fef2f2;border:1px solid #fee2e2}.alert-error,.alert-error .alert-icon{color:#991b1b}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#1f2937;font-size:.8125rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:3rem}.form-input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{background:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.form-input:disabled{background:#f1f3f5;cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#9ca3af}.password-toggle-btn{align-items:center;background:none;border:none;bottom:0;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:0;top:0;transition:all .2s ease;width:3rem}.password-toggle-btn:hover:not(:disabled){color:#0d9488}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-btn svg{height:20px;width:20px}.form-help{color:#6b7280;font-size:.875rem;font-weight:400;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.025em;padding:.875rem 1.75rem;transition:all .2s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0d94884d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 18px #0d948866;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#f8f9fa;border:1px solid #e9ecef;color:#1f2937}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#dee2e6}.btn-secondary:active:not(:disabled){background:#dee2e6}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{align-items:center;animation:fadeInModal .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:2.5rem;text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon{align-items:center;animation:scaleIn .5s ease-out .2s both;border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.modal-icon.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166}.modal-icon svg{color:#fff;height:40px;width:40px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.modal-title{animation:fadeInUpModal .5s ease-out .3s both;color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.modal-message{animation:fadeInUpModal .5s ease-out .4s both;color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}@keyframes fadeInUpModal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-spinner{animation:fadeInUpModal .5s ease-out .5s both;display:flex;justify-content:center}.spinner-large{animation:spin .8s linear infinite;border:3px solid #0d948833;border-radius:50%;border-top-color:#0d9488;height:32px;width:32px}@media (max-width:768px){.change-password-container{padding:1.25rem}.change-password-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-content{width:100%}.page-header-icon{height:48px;width:48px}.header-icon-svg{height:24px;width:24px}.page-header-text h1{font-size:1.5rem}.page-header-text p{font-size:.875rem}.change-password-card{padding:1.75rem}.form-actions{flex-direction:column-reverse}.btn{width:100%}}@media (max-width:480px){.change-password-container{padding:1rem}.page-header-text h1{font-size:1.25rem}.page-header-icon{height:44px;width:44px}.header-icon-svg{height:22px;width:22px}.change-password-card{padding:1.5rem}.modal-content{padding:2rem}.modal-title{font-size:1.25rem}}.homepage-slider{background:#0a0a0a;overflow:hidden;width:100%}.slider-container{max-height:800px;overflow:hidden;position:relative;width:100%}.slider-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.slider-slide{min-width:100%;position:relative}.slider-slide img{display:block;height:800px;object-fit:cover;width:100%}.slider-indicators{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.slider-indicator{background:#fff6;border:2px solid #fff9;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.slider-indicator:hover{background:#fff9}.slider-indicator.active{background:#fff;border-color:#fff;transform:scale(1.2)}.homepage-slider-loading{align-items:center;background:linear-gradient(135deg,#1a406f,#0d2240);display:flex;height:800px;justify-content:center;width:100%}.slider-spinner{animation:sliderSpin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes sliderSpin{to{transform:rotate(1turn)}}@media (max-width:968px){.slider-container{max-height:500px}.slider-slide img{height:500px}}@media (max-width:768px){.slider-container{max-height:400px}.slider-slide img{height:400px}.slider-indicators{bottom:15px;gap:8px}.slider-indicator{height:10px;width:10px}}@media (max-width:480px){.slider-container{max-height:280px}.homepage-slider-loading,.slider-slide img{height:280px}.slider-indicators{bottom:10px;gap:6px}.slider-indicator{border-width:1px;height:8px;width:8px}}.statistics-section{background:#fff;overflow:hidden;padding:4rem 2rem;position:relative}.statistics-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%231A406F' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:1;pointer-events:none;position:absolute;right:0;top:0}.statistics-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.statistics-title{color:#1a406f;font-size:2.75rem;font-weight:700;margin-bottom:3rem;text-align:center;text-shadow:none}.statistics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:2rem}.stat-card{align-items:center;background:#fffffff2;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#1a406f;box-shadow:0 12px 28px #0003;transform:translateY(-8px)}.stat-card-highlight{background:linear-gradient(135deg,#fff,#f0f7ff);border:2px solid #1a406f4d}.stat-card-highlight:hover{background:linear-gradient(135deg,#fff,#e6f2ff);border-color:#1a406f}.stat-icon{align-items:center;background:linear-gradient(135deg,#1a406f,#2c5f9e);border-radius:50%;box-shadow:0 4px 12px #1a406f4d;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:64px}.stat-card:hover .stat-icon{box-shadow:0 6px 16px #1a406f66;transform:scale(1.1) rotate(5deg)}.stat-icon svg{stroke-linecap:round;stroke-linejoin:round;color:#fff;height:32px;width:32px}.stat-content{display:flex;flex-direction:column;justify-content:center;min-height:80px;width:100%}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a406f,#2c5f9e);-webkit-background-clip:text;background-clip:text;color:#1a406f;font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{color:#555;font-size:1.125rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-loading{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:8px;height:48px;margin:0 auto;width:80%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.statistics-error{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;color:#666;font-size:1.125rem;padding:2rem;text-align:center}@media (max-width:1200px){.statistics-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-number{font-size:2.5rem}}@media (max-width:968px){.statistics-section{padding:3rem 1.5rem}.statistics-title{font-size:2.25rem;margin-bottom:2.5rem}.statistics-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:1.5rem}.stat-icon{height:56px;width:56px}.stat-icon svg{height:28px;width:28px}.stat-number{font-size:2.25rem}.stat-label{font-size:1rem}}@media (max-width:768px){.statistics-section{padding:2.5rem 1rem}.statistics-title{font-size:2rem;margin-bottom:2rem}.statistics-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.25rem}.stat-icon{height:48px;margin-bottom:1rem;width:48px}.stat-icon svg{height:24px;width:24px}.stat-number{font-size:2rem}.stat-label{font-size:.875rem}.stat-content{min-height:70px}}@media (max-width:480px){.statistics-section{padding:2rem 1rem}.statistics-title{font-size:1.75rem;margin-bottom:1.5rem}.statistics-grid{gap:1rem;grid-template-columns:1fr}.stat-card{flex-direction:row;gap:1rem;padding:1.5rem;text-align:left}.stat-icon{flex-shrink:0;height:56px;margin-bottom:0;width:56px}.stat-icon svg{height:28px;width:28px}.stat-content{align-items:flex-start;min-height:auto}.stat-number{font-size:2rem;text-align:left}.stat-label{font-size:.875rem;text-align:left}.stat-loading{height:40px;width:100%}}.stat-card{animation:fadeInUp .6s ease-out}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.upcoming-activities-section{background:#f8f9fa;padding:4rem 2rem;position:relative}.upcoming-activities-container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:3rem;text-align:center}.section-header .section-title{color:#1a406f;font-size:2.75rem;font-weight:700;margin-bottom:.75rem}.section-subtitle{color:#666;font-size:1.125rem;margin:0}.activities-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.activity-card{animation:fadeInUp .6s ease-out;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;transition:all .3s ease}.activity-card:hover{border-color:#1a406f;box-shadow:0 12px 28px #1a406f26;transform:translateY(-8px)}.activity-badge{align-items:center;background:linear-gradient(135deg,#1a406f,#2c5f9e);border-radius:8px;box-shadow:0 2px 8px #1a406f33;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.activity-badge svg{stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.activity-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a406f;display:-webkit-box;flex:1 1;font-size:1.5rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.activity-footer{border-top:1px solid #e9ecef;gap:1rem;justify-content:space-between;padding-top:1rem}.activity-footer,.activity-lc{align-items:center;display:flex}.activity-lc{color:#666;flex:1 1;font-size:.9375rem;font-weight:500;gap:.5rem}.activity-lc svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;flex-shrink:0;height:18px;width:18px}.activity-level{background:#e6f2ff;border-radius:6px;color:#1a406f;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.activities-footer{margin-top:2rem;text-align:center}.footer-note{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#666;display:inline-flex;font-size:.9375rem;gap:.5rem;margin:0;padding:.75rem 1.25rem}.footer-note svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;height:18px;width:18px}.loading-card{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background-size:200% 100%;min-height:200px;overflow:hidden;position:relative}@media (max-width:968px){.upcoming-activities-section{padding:3rem 1.5rem}.section-header .section-title{font-size:2.25rem}.activities-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.activity-card{padding:1.5rem}.activity-title{font-size:1.25rem}}@media (max-width:768px){.upcoming-activities-section{padding:2.5rem 1rem}.section-header{margin-bottom:2rem}.section-header .section-title{font-size:2rem}.section-subtitle{font-size:1rem}.activities-grid{gap:1.25rem;grid-template-columns:1fr}.activity-card{padding:1.25rem}.activity-title{font-size:1.125rem}.activity-footer{align-items:flex-start;flex-direction:column;gap:.75rem}.activity-level{align-self:flex-start}}@media (max-width:480px){.upcoming-activities-section{padding:2rem 1rem}.section-header .section-title{font-size:1.75rem}.section-subtitle{font-size:.9375rem}.activity-card{gap:1rem;padding:1rem}.activity-badge{font-size:.8125rem;padding:.375rem .75rem}.activity-badge svg{height:14px;width:14px}.activity-title{font-size:1rem}.activity-lc{font-size:.875rem}.activity-lc svg{height:16px;width:16px}.activity-level{font-size:.75rem;padding:.25rem .5rem}.footer-note{font-size:.875rem;padding:.625rem 1rem}.footer-note svg{height:16px;width:16px}}.leadership-wall-section{background-color:#fff;overflow:hidden;padding:5rem 2rem;position:relative}.leadership-wall-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.leadership-header{margin-bottom:3.5rem;text-align:center}.leadership-title{color:#1a406f;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.leadership-subtitle{color:#333;font-size:1.125rem;font-weight:400;margin:0}.leadership-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.leader-card{animation:cardSlideIn .5s ease-out forwards;background:#fff;border:1px solid #1a406f1a;border-radius:16px;box-shadow:0 2px 12px #1a406f14;opacity:0;overflow:hidden;transform:translateX(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes cardSlideIn{to{opacity:1;transform:translateX(0)}}.leader-card:hover{border-color:#1a406f33;box-shadow:0 12px 32px #1a406f26;transform:translateY(-8px)}.leader-image-wrapper{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);height:280px;overflow:hidden;position:relative;width:100%}.leader-image{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.leader-card:hover .leader-image{transform:scale(1.05)}.leader-placeholder{align-items:center;background:linear-gradient(135deg,#e8f0f8,#d5e3f0);display:flex;height:100%;justify-content:center;width:100%}.leader-placeholder svg{color:#94a3b8;height:80px;width:80px}.leader-info{padding:1.75rem}.leader-name{color:#1a406f;font-size:1.35rem;font-weight:700;margin:0 0 .5rem}.leader-role{background:#1a406f;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.35rem .85rem;text-transform:uppercase}.leader-intro{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:.9rem;line-height:1.65;margin:0 0 1.25rem;overflow:hidden}.leader-contact{border-top:1px solid #1a406f1a;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.contact-link{background:#1a406f14;border-radius:10px;height:38px;justify-content:center;width:38px}.contact-link,.contact-link-text{align-items:center;color:#1a406f;display:flex;transition:all .3s ease}.contact-link-text{font-size:.85rem;gap:.5rem;text-decoration:none;word-break:break-all}.contact-link-text:hover{color:#2563eb}.contact-link-text svg{flex-shrink:0;height:16px;width:16px}.contact-link:hover{background:#1a406f;color:#fff;transform:translateY(-2px)}.contact-link svg{height:18px;width:18px}.leader-card.loading-card{min-height:420px;overflow:hidden;position:relative}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a406f0d,#1a406f1a 50%,#1a406f0d);background-size:200% 100%;bottom:0;left:0;position:absolute;right:0;top:0}.leadership-indicators{display:flex;gap:10px;justify-content:center;margin-top:2.5rem}.leadership-indicator{background:#1a406f33;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.leadership-indicator:hover{background:#1a406f66}.leadership-indicator.active{background:#1a406f;transform:scale(1.3)}@media (max-width:1024px){.leadership-wall-section{padding:4rem 1.5rem}.leadership-title{font-size:2.25rem}.leadership-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.leader-image-wrapper{height:220px}}@media (max-width:900px){.leadership-grid{grid-template-columns:repeat(2,1fr)}.leader-card:nth-child(3){display:none}}@media (max-width:768px){.leadership-wall-section{padding:3.5rem 1.25rem}.leadership-header{margin-bottom:2.5rem}.leadership-title{font-size:2rem}.leadership-subtitle{font-size:1rem}.leadership-grid{gap:1.25rem;grid-template-columns:1fr 1fr}.leader-card:nth-child(3){display:none}.leader-image-wrapper{height:200px}.leader-info{padding:1.25rem}.leader-name{font-size:1.15rem}.leader-role{font-size:.7rem}.leader-intro{-webkit-line-clamp:2;font-size:.85rem}}@media (max-width:540px){.leadership-wall-section{padding:3rem 1rem}.leadership-grid{grid-template-columns:1fr;margin:0 auto;max-width:360px}.leader-card:nth-child(2),.leader-card:nth-child(3){display:none}.leader-image-wrapper{height:260px}.leader-info{padding:1.5rem}.leader-name{font-size:1.25rem}.leader-intro{-webkit-line-clamp:3}.leadership-indicators{gap:8px;margin-top:2rem}.leadership-indicator{height:8px;width:8px}}.home-page{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;padding-top:92px}.home-content{flex:1 1}.hero-section{background-color:#fff;padding:4rem 2rem}.hero-container{align-items:center;display:flex;gap:3rem;justify-content:space-between;margin:0 auto;max-width:1200px}.hero-text{flex:1 1}.hero-title{color:#1a406f;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-subtitle{color:#1a406f;font-size:1.5rem;font-weight:300;margin-bottom:1.5rem}.hero-description{color:#333;font-size:1.125rem;line-height:1.7}.hero-image{align-items:center;display:flex;flex:0 0 300px;justify-content:center}.hero-image img{height:auto;width:100%}.about-section{background-color:#fff;padding:4rem 2rem}.about-container{margin:0 auto;max-width:1200px}.section-title{color:#1a406f;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.about-content{color:#333;font-size:1.125rem;line-height:1.8;margin:0 auto;max-width:900px}.about-content p{margin-bottom:1.5rem}.about-content p:last-child{margin-bottom:0}.values-section{background-color:#f8f9fa;padding:4rem 2rem}.values-container{margin:0 auto;max-width:1200px}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.value-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem;text-align:center;transition:all .3s ease}.value-card:hover{box-shadow:0 4px 16px #1a406f26;transform:translateY(-5px)}.value-icon{font-size:3rem;margin-bottom:1rem}.value-card h3{color:#1a406f;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.value-card p{color:#666;font-size:1rem;line-height:1.6}@media (max-width:968px){.hero-container{flex-direction:column;text-align:center}.hero-image{flex:0 0 200px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.values-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.home-page{padding-top:77px}.hero-section{padding:3rem 1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.about-section,.values-section{padding:3rem 1.5rem}.about-content{font-size:1rem}.values-grid{grid-template-columns:1fr}}@media (max-width:480px){.home-page{padding-top:71px}.hero-section{padding:2rem 1rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.about-section,.values-section{padding:2.5rem 1rem}.value-card{padding:1.5rem}.public-footer{padding:1.5rem 1rem}}.who-we-are-page{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;padding-top:92px}.who-we-are-content{flex:1 1}.who-hero-section{background:linear-gradient(135deg,#1a406f,#2c5f9e);color:#fff;padding:4rem 2rem;text-align:center}.who-hero-container{margin:0 auto;max-width:900px}.who-hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.who-hero-subtitle{font-size:1.375rem;font-weight:300;line-height:1.6;opacity:.95}.who-section{padding:5rem 3rem}.who-section:nth-child(2n){background-color:#fff}.who-section:nth-child(odd){background-color:#f8f9fa}.who-container-wide{margin:0 auto;max-width:1400px;width:100%}.who-content-row{align-items:center;display:flex;gap:4rem;min-height:400px}.who-content-side{align-items:center;display:flex;flex:0 0 300px;justify-content:center}.who-text-side{flex:1 1;max-width:800px}.section-icon-large{align-items:center;background:linear-gradient(135deg,#1a406f,#2c5f9e);border-radius:50%;box-shadow:0 8px 24px #1a406f40;display:flex;height:160px;justify-content:center;transition:all .3s ease;width:160px}.section-icon-large:hover{box-shadow:0 12px 32px #1a406f59;transform:scale(1.05)}.section-icon-large svg{stroke-linecap:round;stroke-linejoin:round;color:#fff;height:80px;width:80px}.who-section-title{color:#1a406f;font-size:2.75rem;font-weight:700;margin-bottom:2rem;text-align:left}.who-section-content{color:#333;font-size:1.125rem;line-height:1.8}.who-section-content p{margin-bottom:1.5rem}.who-section-content p:last-child{margin-bottom:0}.highlight-text{background:linear-gradient(135deg,#1a406f0d,#2c5f9e0d);border-left:4px solid #1a406f;border-radius:8px;font-size:1.1875rem;font-weight:400;padding:1.5rem}.highlight-text strong{color:#1a406f;font-weight:600}@media (max-width:1200px){.who-content-row{gap:3rem}.who-content-side{flex:0 0 220px}.section-icon-large{height:140px;width:140px}.section-icon-large svg{height:70px;width:70px}}@media (max-width:968px){.who-section{padding:4rem 2rem}.who-content-row{flex-direction:column!important;gap:2rem;min-height:auto}.who-content-side{flex:0 0 auto}.who-text-side{max-width:100%}.who-section-title{font-size:2.25rem;text-align:center}.section-icon-large{height:120px;width:120px}.section-icon-large svg{height:60px;width:60px}.who-hero-title{font-size:2.75rem}.who-hero-subtitle{font-size:1.25rem}.who-section-content{font-size:1.0625rem}.highlight-text{font-size:1.125rem}}@media (max-width:768px){.who-we-are-page{padding-top:77px}.who-hero-section{padding:3rem 1.5rem}.who-hero-title{font-size:2.25rem}.who-hero-subtitle{font-size:1.125rem}.who-section{padding:3rem 1.5rem}.who-section-title{font-size:2rem}.who-section-content{font-size:1rem}.highlight-text{font-size:1.0625rem;padding:1.25rem}.section-icon-large{height:100px;width:100px}.section-icon-large svg{height:50px;width:50px}}@media (max-width:480px){.who-we-are-page{padding-top:71px}.who-hero-section{padding:2.5rem 1rem}.who-hero-title{font-size:2rem}.who-hero-subtitle{font-size:1rem}.who-section{padding:2.5rem 1rem}.who-section-title{font-size:1.75rem}.who-section-content{font-size:.9375rem}.highlight-text{font-size:1rem;padding:1rem}.section-icon-large{height:80px;width:80px}.section-icon-large svg{height:40px;width:40px}.public-footer{padding:1.5rem 1rem}}.leadership-page{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;padding-top:92px}.leadership-content{flex:1 1}.leadership-section{background-color:#fff;padding:5rem 3rem}.leadership-container{margin:0 auto;max-width:1400px;width:100%}.leadership-page-title{color:#1a406f;font-size:3rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.leadership-description{color:#555;font-size:1.125rem;line-height:1.8;margin:0 auto 4rem;max-width:900px;padding:0 1rem;text-align:center}.eb-zigzag{flex-direction:column}.eb-row,.eb-zigzag{display:flex;gap:4rem}.eb-row{align-items:center;animation:ebFadeInUp .6s ease-out;min-height:320px}@keyframes ebFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.eb-row-left{flex-direction:row}.eb-row-right{flex-direction:row-reverse}.eb-visual-side{flex:0 0 350px}.eb-image-container,.eb-visual-side{align-items:center;display:flex;justify-content:center}.eb-image-container{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 8px 24px #1a406f26;height:280px;overflow:hidden;transition:all .3s ease;width:280px}.eb-image-container:hover{border-color:#1a406f;box-shadow:0 12px 32px #1a406f40;transform:scale(1.05)}.eb-image-container img{height:100%;object-fit:cover;width:100%}.eb-image-placeholder{align-items:center;background:linear-gradient(135deg,#1a406f0d,#2c5f9e0d);display:flex;height:100%;justify-content:center;width:100%}.eb-image-placeholder svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;height:100px;opacity:.3;width:100px}.eb-details-side{flex:1 1;max-width:700px}.eb-role-badge{background:linear-gradient(135deg,#1a406f,#2563eb);border-radius:8px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:8px 16px}.eb-role-name{color:#1a406f;font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.eb-member-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.eb-member-label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.eb-member-name{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 16px}.eb-member-intro{color:#64748b;font-size:.95rem;font-style:italic;line-height:1.6;margin:0 0 16px}.eb-contact-info{display:flex;flex-direction:column;gap:10px}.eb-contact-link{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:inline-flex;font-size:.95rem;gap:10px;padding:10px 16px;text-decoration:none;transition:all .2s}.eb-contact-link svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;flex-shrink:0;height:18px;width:18px}.eb-contact-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eb-contact-link:hover{background:#1a406f;border-color:#1a406f;color:#fff;transform:translateX(4px)}.eb-contact-link:hover svg{color:#fff}.eb-loading{display:flex;flex-direction:column;gap:4rem}.eb-row-loading{animation:ebShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:16px;height:300px}.eb-loading-shimmer{height:100%;width:100%}@keyframes ebShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.eb-error{color:#dc3545;padding:4rem 2rem;text-align:center}.eb-error svg{stroke-linecap:round;stroke-linejoin:round;height:64px;margin-bottom:1rem;width:64px}.eb-error p{font-size:1.125rem;margin:0 0 1.5rem}.eb-error button{background:#1a406f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.eb-error button:hover{background:#153559;transform:translateY(-2px)}.eb-empty{color:#666;padding:4rem 2rem;text-align:center}.eb-empty svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;height:80px;margin-bottom:1.5rem;opacity:.3;width:80px}.eb-empty h3{color:#1a406f;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.eb-empty p{font-size:1rem;margin:0}@media (max-width:1200px){.eb-visual-side{flex:0 0 280px}.eb-image-container{height:240px;width:240px}.eb-role-name{font-size:2rem}.leadership-description{font-size:1.0625rem}}@media (max-width:968px){.leadership-section{padding:4rem 2rem}.eb-row{flex-direction:column!important;gap:2rem;min-height:auto}.eb-visual-side{flex:0 0 auto}.eb-details-side{max-width:100%;text-align:center}.eb-role-badge{margin:0 auto 12px}.eb-role-name{font-size:1.75rem}.eb-member-details{text-align:left}.leadership-page-title{font-size:2.5rem}.leadership-description{font-size:1rem;margin-bottom:3rem}}@media (max-width:768px){.leadership-page{padding-top:77px}.leadership-section{padding:3rem 1.5rem}.leadership-page-title{font-size:2.25rem;margin-bottom:1.25rem}.leadership-description{font-size:.9375rem;margin-bottom:2.5rem}.eb-zigzag{gap:3rem}.eb-image-container{height:220px;width:220px}.eb-role-name{font-size:1.5rem}.eb-member-name{font-size:1.25rem}.eb-member-details{padding:20px}.eb-contact-link{font-size:.9rem;padding:8px 14px}}@media (max-width:480px){.leadership-page{padding-top:71px}.leadership-section{padding:2.5rem 1rem}.leadership-page-title{font-size:2rem;margin-bottom:1rem}.leadership-description{font-size:.875rem;margin-bottom:2rem}.eb-zigzag{gap:2.5rem}.eb-image-container{height:180px;width:180px}.eb-image-placeholder svg{height:70px;width:70px}.eb-role-name{font-size:1.35rem}.eb-member-name{font-size:1.15rem}.eb-member-details{padding:16px}.eb-contact-link{font-size:.85rem;padding:8px 12px}}.public-page{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;padding-top:92px}.public-page-content{flex:1 1;padding:3rem 2rem}.public-page-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:1200px;padding:3rem}.public-page-title{color:#1a406f;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.public-page-body{color:#333;font-size:1.125rem;line-height:1.8}.placeholder-text{color:#666;font-style:italic;padding:3rem 0;text-align:center}@media (max-width:768px){.public-page{padding-top:77px}.public-page-content{padding:2rem 1.5rem}.public-page-container{padding:2rem}.public-page-title{font-size:2rem}.public-page-body{font-size:1rem}}@media (max-width:480px){.public-page{padding-top:71px}.public-page-content{padding:1.5rem 1rem}.public-page-container{padding:1.5rem}.public-page-title{font-size:1.75rem}.placeholder-text{padding:2rem 0}.public-footer{padding:1.5rem 1rem}}.lc-page{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;padding-top:92px}.lc-content{flex:1 1}.lc-section{background-color:#fff;padding:5rem 3rem}.lc-container{margin:0 auto;max-width:1400px;width:100%}.lc-title{color:#1a406f;font-size:3rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.lc-description{color:#555;font-size:1.125rem;line-height:1.8;margin:0 auto 4rem;max-width:900px;padding:0 1rem;text-align:center}.lc-zigzag{flex-direction:column}.lc-row,.lc-zigzag{display:flex;gap:4rem}.lc-row{align-items:center;animation:lcFadeInUp .6s ease-out;min-height:320px}@keyframes lcFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lc-visual-side{flex:0 0 350px}.lc-image-container,.lc-visual-side{align-items:center;display:flex;justify-content:center}.lc-image-container{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 8px 24px #1a406f26;height:280px;overflow:hidden;transition:all .3s ease;width:280px}.lc-image-container:hover{border-color:#1a406f;box-shadow:0 12px 32px #1a406f40;transform:scale(1.05)}.lc-image-container img{height:100%;object-fit:cover;width:100%}.lc-image-placeholder{align-items:center;background:linear-gradient(135deg,#1a406f0d,#2c5f9e0d);display:flex;height:100%;justify-content:center;width:100%}.lc-image-placeholder svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;height:100px;opacity:.3;width:100px}.lc-details-side{flex:1 1;max-width:700px}.lc-number-badge{background:linear-gradient(135deg,#1a406f,#2563eb);border-radius:8px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:8px 16px}.lc-name{color:#1a406f;font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.lc-president-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.lc-role-label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.lc-president-name{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 16px}.lc-contact-info{display:flex;flex-direction:column;gap:10px}.lc-contact-link{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:inline-flex;font-size:.95rem;gap:10px;padding:10px 16px;text-decoration:none;transition:all .2s}.lc-contact-link svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;flex-shrink:0;height:18px;width:18px}.lc-contact-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-contact-link:hover{background:#1a406f;border-color:#1a406f;color:#fff;transform:translateX(4px)}.lc-contact-link:hover svg{color:#fff}.lc-loading{display:flex;flex-direction:column;gap:4rem}.lc-row-loading{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:16px;height:300px}.lc-error{color:#dc3545;padding:4rem 2rem;text-align:center}.lc-error svg{stroke-linecap:round;stroke-linejoin:round;height:64px;margin-bottom:1rem;width:64px}.lc-error p{font-size:1.125rem;margin:0 0 1.5rem}.lc-error button{background:#1a406f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.lc-error button:hover{background:#153559;transform:translateY(-2px)}.lc-empty{color:#666;padding:4rem 2rem;text-align:center}.lc-empty svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;height:80px;margin-bottom:1.5rem;opacity:.3;width:80px}.lc-empty h3{color:#1a406f;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.lc-empty p{font-size:1rem;margin:0}@media (max-width:1200px){.lc-visual-side{flex:0 0 280px}.lc-image-container{height:240px;width:240px}.lc-name{font-size:2rem}.lc-description{font-size:1.0625rem}}@media (max-width:968px){.lc-section{padding:4rem 2rem}.lc-row{flex-direction:column!important;gap:2rem;min-height:auto}.lc-visual-side{flex:0 0 auto}.lc-details-side{max-width:100%;text-align:center}.lc-number-badge{margin:0 auto 12px}.lc-name{font-size:1.75rem}.lc-president-details{text-align:left}.lc-title{font-size:2.5rem}.lc-description{font-size:1rem;margin-bottom:3rem}}@media (max-width:768px){.lc-page{padding-top:77px}.lc-section{padding:3rem 1.5rem}.lc-title{font-size:2.25rem;margin-bottom:1.25rem}.lc-description{font-size:.9375rem;margin-bottom:2.5rem}.lc-zigzag{gap:3rem}.lc-image-container{height:220px;width:220px}.lc-name{font-size:1.5rem}.lc-president-name{font-size:1.25rem}.lc-president-details{padding:20px}.lc-contact-link{font-size:.9rem;padding:8px 14px}}@media (max-width:480px){.lc-page{padding-top:71px}.lc-section{padding:2.5rem 1rem}.lc-title{font-size:2rem;margin-bottom:1rem}.lc-description{font-size:.875rem;margin-bottom:2rem}.lc-zigzag{gap:2.5rem}.lc-image-container{height:180px;width:180px}.lc-image-placeholder svg{height:70px;width:70px}.lc-name{font-size:1.35rem}.lc-president-name{font-size:1.15rem}.lc-president-details{padding:16px}.lc-contact-link{font-size:.85rem;padding:8px 12px}.public-footer{padding:1.5rem 1rem}}.partners-page{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;padding-top:92px}.partners-content{flex:1 1}.partners-section{padding:5rem 3rem}.partners-section:first-of-type{padding-top:6rem}.partners-section:nth-child(2n){background-color:#fff}.partners-section:nth-child(odd){background-color:#f8f9fa}.national-section{background-color:#fff!important}.international-section{background-color:#f8f9fa!important}.partners-container{margin:0 auto;max-width:1200px}.partners-container-wide{margin:0 auto;max-width:1400px;width:100%}.partners-category-title{align-items:center;color:#1a406f;display:flex;font-size:3rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:1.5rem;text-align:center}.category-icon{font-size:3rem}.partners-category-description{color:#555;font-size:1.125rem;line-height:1.8;margin:0 auto 4rem;max-width:900px;padding:0 1rem;text-align:center}.partners-zigzag{display:flex;flex-direction:column;gap:4rem}.partner-row{align-items:center;animation:fadeInUp .6s ease-out;display:flex;gap:4rem;min-height:300px}.row-left{flex-direction:row}.row-right{flex-direction:row-reverse}.partner-visual-side{flex:0 0 350px}.partner-logo-container,.partner-visual-side{align-items:center;display:flex;justify-content:center}.partner-logo-container{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 8px 24px #1a406f26;height:300px;padding:2rem;transition:all .3s ease;width:300px}.partner-logo-container:hover{border-color:#1a406f;box-shadow:0 12px 32px #1a406f40;transform:scale(1.05)}.partner-logo-container.clickable{cursor:pointer}.partner-logo-container img{max-height:100%;max-width:100%;object-fit:contain}.partner-logo-placeholder{align-items:center;background:linear-gradient(135deg,#1a406f0d,#2c5f9e0d);border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.partner-logo-placeholder svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;height:120px;opacity:.3;width:120px}.partner-details-side{flex:1 1;max-width:700px}.partner-title{color:#1a406f;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.partner-text{color:#333;font-size:1.125rem;line-height:1.8;margin:0 0 2rem}.partner-website-btn{align-items:center;background:linear-gradient(135deg,#1a406f,#2c5f9e);border:none;border-radius:10px;box-shadow:0 4px 12px #1a406f4d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.partner-website-btn:hover{box-shadow:0 8px 20px #1a406f66;transform:translateY(-2px)}.partner-website-btn svg{stroke-linecap:round;stroke-linejoin:round;height:20px;transition:transform .3s ease;width:20px}.partner-website-btn:hover svg{transform:translateX(4px) translateY(-4px)}.partners-loading{display:flex;flex-direction:column;gap:4rem}.partner-row-loading{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:16px;height:300px}.loading-shimmer{height:100%;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-message{color:#dc3545;padding:4rem 2rem;text-align:center}.error-message svg{stroke-linecap:round;stroke-linejoin:round;height:64px;margin-bottom:1rem;width:64px}.error-message p{font-size:1.125rem;margin:0}.empty-state{color:#666;padding:4rem 2rem;text-align:center}.empty-state svg{stroke-linecap:round;stroke-linejoin:round;color:#1a406f;height:64px;margin-bottom:1rem;opacity:.3;width:64px}.empty-state h3{color:#1a406f;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:1rem;margin:0}.public-footer{background-color:#1a406f;color:#fff;margin-top:auto;padding:2rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-content p{font-size:.95rem;margin:0;opacity:.9}@media (max-width:1200px){.partner-visual-side{flex:0 0 280px}.partner-logo-container{height:250px;width:250px}.partner-title{font-size:2.25rem}.partners-category-description{font-size:1.0625rem}}@media (max-width:968px){.partners-section{padding:4rem 2rem}.partners-section:first-of-type{padding-top:5rem}.partner-row{flex-direction:column!important;gap:2rem;min-height:auto}.partner-visual-side{flex:0 0 auto}.partner-details-side{max-width:100%}.partner-title{font-size:2rem}.partner-text,.partner-title{text-align:center}.partner-website-btn{margin:0 auto}.category-icon,.partners-category-title{font-size:2.5rem}.partners-category-description{font-size:1rem;margin-bottom:3rem}}@media (max-width:768px){.partners-page{padding-top:77px}.partners-section{padding:3rem 1.5rem}.partners-section:first-of-type{padding-top:4rem}.partners-category-title{font-size:2.25rem;margin-bottom:1.25rem}.category-icon{font-size:2.25rem}.partners-category-description{font-size:.9375rem;margin-bottom:2.5rem}.partners-zigzag{gap:3rem}.partner-logo-container{height:220px;width:220px}.partner-title{font-size:1.75rem}.partner-text{font-size:1rem}.partner-website-btn{padding:.875rem 1.75rem}}@media (max-width:480px){.partners-page{padding-top:71px}.partners-section{padding:2.5rem 1rem}.partners-section:first-of-type{padding-top:3.5rem}.partners-category-title{flex-direction:column;font-size:2rem;gap:.5rem;margin-bottom:1rem}.category-icon{font-size:2rem}.partners-category-description{font-size:.875rem;margin-bottom:2rem}.partners-zigzag{gap:2.5rem}.partner-logo-container{height:180px;padding:1.5rem;width:180px}.partner-logo-placeholder svg{height:80px;width:80px}.partner-title{font-size:1.5rem}.partner-text{font-size:.9375rem}.partner-website-btn{font-size:.9375rem;padding:.75rem 1.5rem}.public-footer{padding:1.5rem 1rem}}
/*# sourceMappingURL=main.c9cae7e2.css.map*/