@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap);*{margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{-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;max-width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1200px;padding:2rem;position:relative}.success-notification{align-items:center;animation:slideDown .5s ease-out;background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;box-shadow:0 8px 24px #28a74566;color:#fff;display:flex;gap:1rem;left:50%;max-width:500px;padding:1.5rem 2rem;position:fixed;top:80px;transform:translateX(-50%);z-index:10000}.success-notification-content{flex:1 1}.success-notification-content strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.success-notification-content p{font-size:.9rem;margin:0;opacity:.95}.close-notification{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;line-height:1;padding:0;transition:background .2s ease;width:30px}.close-notification:hover{background:#fff3}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.home-header{background:linear-gradient(135deg,#036,#00509e);border-radius:16px;box-shadow:0 8px 24px #0363;color:#fff;margin-bottom:3rem;padding:2rem;text-align:center}.home-logo{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:auto;margin-bottom:1.5rem;width:120px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-title{font-size:2.2rem;font-weight:700;line-height:1.3;margin-bottom:1rem;text-shadow:0 2px 4px #0003}.home-subtitle{font-size:1.2rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px;opacity:.95}.stats-section{display:flex;justify-content:center;margin-bottom:3rem}.stats-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;gap:2rem;padding:2rem 3rem;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{box-shadow:0 8px 24px #0363;transform:translateY(-5px)}.stats-icon{align-items:center;background:linear-gradient(135deg,#036,#00509e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.stats-content{text-align:left}.stats-content h3{color:#666;font-size:1rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stats-number{color:#036;font-size:3rem;font-weight:700;line-height:1;margin:0}.stats-number.loading{color:#999;font-size:1.2rem}.stats-description{color:#888;font-size:.9rem;margin-top:.5rem}.navigation-section{margin-bottom:3rem}.section-title{color:#036;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.navigation-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.nav-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #0000001a;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.nav-card:before{background:var(--card-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.nav-card:hover:before{transform:scaleX(1)}.nav-card:hover{border-color:#036;box-shadow:0 12px 32px #0363;transform:translateY(-8px)}.nav-card-content,.nav-card-icon{margin-bottom:1.5rem}.nav-card-icon{background:#0033660d;border-radius:12px;display:inline-block;padding:1rem;transition:all .3s ease}.nav-card:hover .nav-card-icon{background:#0033661a;transform:scale(1.1)}.nav-card-title{color:#036;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.nav-card-description{color:#666;font-size:.95rem;line-height:1.6}.nav-card-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:1.5rem}.nav-card-action{color:#036;font-size:.95rem;font-weight:600}.nav-card-arrow{color:#036;font-size:1.5rem;transition:transform .3s ease}.nav-card:hover .nav-card-arrow{transform:translateX(5px)}.info-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #036;border-radius:12px;padding:2rem}.info-card h3{color:#036;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.info-card p{color:#555;font-size:.95rem;line-height:1.7;margin-bottom:.75rem}.info-card p:last-child{margin-bottom:0}.contact-email{border-bottom:2px solid #0000;color:#036;transition:all .3s ease;word-break:break-all}.contact-email:hover{border-bottom-color:#00509e;color:#00509e}.contact-note{color:#666;font-size:.9rem;font-style:italic}@media (max-width:768px){.home-container{padding:1rem}.success-notification{left:1rem;max-width:none;padding:1rem 1.5rem;right:1rem;top:70px;transform:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.home-header{margin-bottom:2rem;padding:1.5rem}.home-logo{width:80px}.home-title{font-size:1.5rem}.home-subtitle{font-size:1rem}.stats-card{flex-direction:column;gap:1rem;padding:1.5rem}.stats-card,.stats-content{text-align:center}.stats-number{font-size:2.5rem}.section-title{font-size:1.5rem}.navigation-cards{gap:1.5rem;grid-template-columns:1fr}.nav-card{padding:1.5rem}.nav-card-title{font-size:1.3rem}.info-section{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:480px){.home-title{font-size:1.3rem}.home-subtitle{font-size:.9rem}.stats-icon{height:60px;width:60px}.stats-icon svg{height:30px;width:30px}.stats-number{font-size:2rem}}.member-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;min-height:280px;padding:20px;text-align:center;transition:all .3s ease}.member-card:hover{border-color:#d0d0d0;box-shadow:0 4px 12px #0000001f}.member-photo-container{border:3px solid #e0e0e0;border-radius:50%;height:150px;margin-bottom:15px;overflow:hidden;width:150px}.member-photo{height:100%;object-fit:cover;width:100%}.member-photo-placeholder{align-items:center;background:#f0f0f0;display:flex;height:100%;justify-content:center;width:100%}.member-initials{color:#999;font-size:48px;font-weight:700;text-transform:uppercase}.member-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.member-name{color:#333;font-size:20px;font-weight:600;margin:0 0 5px}.member-lastname{color:#666;font-size:16px;margin:0}@media (max-width:768px){.member-card{min-height:240px;padding:15px}.member-photo-container{height:120px;width:120px}.member-initials{font-size:36px}.member-name{font-size:18px}.member-lastname{font-size:14px}}.modal-overlay{animation:fadeIn .3s ease;background-color:#00000080;padding:0;z-index:1000}.modal-content{animation:slideIn .3s ease;height:100vh;width:100%}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 30px}.modal-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:36px}.modal-close:hover{background:#e0e0e0;color:#1a1a1a}.modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.google-form-iframe{border:none;flex:1 1;height:100%;width:100%}.form-placeholder{color:#666;padding:60px 40px;text-align:center}.form-placeholder p{font-size:16px;margin:10px 0}.form-placeholder code{background:#f5f5f5;border-radius:4px;color:#2563eb;font-family:Courier New,monospace;font-weight:600;padding:4px 8px}@media (max-width:768px){.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.modal-close{font-size:24px;height:32px;width:32px}.form-placeholder{padding:40px 20px}.form-placeholder p{font-size:14px}}@media (max-width:480px){.modal-header h2{font-size:18px}}.members-container{background:#fff;max-width:100%;overflow-x:hidden;padding:32px;width:100%}@media (max-width:768px){.members-container{padding:20px 16px}}.members-header{border-bottom:2px solid #e0e0e0;margin-bottom:50px;padding-bottom:30px;text-align:center}.members-title{color:#1a1a1a;font-size:42px;font-weight:700;margin:0 0 15px}.members-subtitle-title{color:#2563eb;font-size:28px;font-weight:600;margin:0 0 10px}.members-subtitle{color:#666;font-size:16px;margin:0 auto 30px;max-width:600px}.header-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;max-width:100%;width:100%}.propose-button{background:#2563eb;border:none;border-radius:8px;box-shadow:0 2px 8px #2563eb33;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 35px;transition:all .3s ease}.propose-button:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.propose-button:active{transform:translateY(1px)}.voting-button{background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 35px;transition:all .3s ease}.voting-button:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.voting-button:active{transform:translateY(1px)}.vote-counter{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;gap:15px;margin-left:auto;margin-right:auto;margin-top:25px;max-width:500px;padding:20px 30px}.vote-counter,.vote-counter-icon{align-items:center;display:flex;justify-content:center}.vote-counter-icon{background:#0ea5e9;border-radius:50%;color:#fff;flex-shrink:0;height:50px;width:50px}.vote-counter-content{display:flex;flex-direction:column;gap:5px}.vote-counter-label{color:#0369a1;font-size:14px;font-weight:600;margin:0;text-align:left}.vote-counter-number{color:#0c4a6e;font-size:32px;font-weight:700;line-height:1;margin:0}.vote-counter-number.loading-votes{color:#0369a1;font-size:16px;font-weight:500}.members-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px;width:100%}.error-message,.loading,.no-members{color:#666;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#2563eb;height:50px;margin:0 auto 20px;width:50px}.error-message p,.loading p,.no-members p{font-size:18px;margin:0}.retry-button{background:#2563eb;font-size:16px;font-weight:600;margin-top:20px;padding:12px 30px}.retry-button:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}@media (max-width:768px){.members-container{padding:30px 15px}.members-title{font-size:28px}.members-subtitle-title{font-size:22px}.members-subtitle{font-size:14px}.members-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.propose-button,.voting-button{font-size:15px;padding:12px 28px}.header-buttons{gap:12px}.vote-counter{gap:12px;margin-top:20px;padding:18px 25px}.vote-counter-icon{height:45px;width:45px}.vote-counter-icon svg{height:20px;width:20px}.vote-counter-label{font-size:13px}.vote-counter-number{font-size:28px}}@media (max-width:480px){.members-container{padding:20px 12px}.members-title{font-size:24px}.members-subtitle-title{font-size:20px}.members-subtitle{font-size:13px;padding:0 8px}.members-grid{gap:15px;grid-template-columns:1fr}.propose-button,.voting-button{font-size:14px;max-width:300px;overflow:hidden;padding:12px 20px;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 16px)}.header-buttons{align-items:center;padding:0 8px}.header-buttons,.vote-counter{flex-direction:column;gap:10px}.vote-counter{margin-top:15px;max-width:calc(100% - 16px);padding:15px 20px}.vote-counter-icon{height:40px;width:40px}.vote-counter-icon svg{height:18px;width:18px}.vote-counter-content{align-items:center;text-align:center}.vote-counter-label{font-size:12px;text-align:center}.vote-counter-number{font-size:24px}.vote-counter-number.loading-votes{font-size:14px}}.document-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;gap:20px;padding:24px;transition:all .3s ease}.document-card:hover{border-color:#d0d0d0;box-shadow:0 4px 12px #0000001f}.document-icon{align-items:center;color:#2563eb;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.document-pages{color:#666;font-size:12px;font-weight:500}.document-info{display:flex;flex:1 1;flex-direction:column;gap:12px}.document-title{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.4;margin:0}.document-description{color:#666;font-size:14px;line-height:1.6;margin:0}.document-actions{display:flex;gap:12px;margin-top:8px}.btn-download,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.btn-view{background:#2563eb;color:#fff;flex:1 1}.btn-view:hover{background:#1d4ed8}.btn-download{background:#fff;border:1px solid #2563eb;color:#2563eb}.btn-download:hover{background:#f0f7ff}@media (max-width:768px){.document-card{flex-direction:column;padding:20px}.document-icon{flex-direction:row;gap:12px}.document-title{font-size:16px}.document-description{font-size:13px}.document-actions{flex-direction:column}.btn-download,.btn-view{justify-content:center}}.pdf-viewer-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.pdf-viewer-content{animation:slideIn .3s ease;background:#fff;display:flex;flex-direction:column;height:100vh;width:100%}.pdf-viewer-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:flex-end;padding:12px 20px}.pdf-btn-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:36px}.pdf-btn-close:hover{background:#e0e0e0;color:#1a1a1a}.pdf-viewer-body{background:#f5f5f5;display:flex;flex:1 1;overflow:hidden}.pdf-iframe{border:none;height:100%;width:100%}@media (max-width:768px){.pdf-viewer-header{padding:10px 15px}.pdf-btn-close{font-size:24px;height:32px;width:32px}}.documents-section{background:#fff;padding:32px}.documents-header{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.documents-title{color:#1a1a1a;font-size:36px;font-weight:700;margin:0 0 10px}.documents-subtitle{color:#666;font-size:16px;margin:0}.documents-list{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}@media (max-width:768px){.documents-section{padding:20px 16px}.documents-header{margin-bottom:30px}.documents-title{font-size:28px}.documents-subtitle{font-size:14px}.documents-list{gap:15px}}.subscription-form-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 64px);padding:2rem}.subscription-header{margin-bottom:3rem;padding:2rem 1rem;text-align:center}.subscription-logo{height:auto;margin-bottom:1.5rem;width:120px}.subscription-title{color:#036;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.subscription-subtitle{color:#666;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px}.action-cards-section{margin-bottom:3rem}.action-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.action-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:2rem;transition:all .3s ease}.action-card:hover{border-color:var(--card-gradient);box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.action-card-content{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.action-card-icon{background:#0033660d;border-radius:50%;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.action-card:hover .action-card-icon{background:#0033661a;transform:scale(1.1)}.action-card-title{color:#036;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.action-card-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.action-card-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:auto;padding-top:1.5rem}.action-card-action{color:#036;font-size:1rem;font-weight:600}.action-card-arrow{color:#036;font-size:1.5rem;transition:transform .3s ease}.action-card:hover .action-card-arrow{transform:translateX(5px)}.subscription-info{margin-top:3rem}.info-box{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;text-align:center}.info-box h3{color:#036;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.info-box p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.contact-email{color:#06c;font-weight:600;text-decoration:none;transition:color .3s ease}.contact-email:hover{color:#036;text-decoration:underline}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .4s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:800px;position:relative;width:90%}.modal-close-button{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10001}.modal-close-button:hover{background:#f5f5f5;transform:rotate(90deg)}.modal-form-wrapper{border-radius:12px;flex:1 1;overflow:hidden;position:relative}.modal-form-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.success-message-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.success-message-box{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:3rem 2rem;text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease-out .2s both;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-message-box h3{color:#036;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.success-message-box p{color:#666;font-size:1rem;line-height:1.5;margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width:768px){.subscription-form-container{padding:1rem}.subscription-header{margin-bottom:2rem;padding:1.5rem 1rem}.subscription-title{font-size:2rem}.subscription-subtitle{font-size:1rem}.subscription-logo{width:90px}.action-cards{gap:1.5rem;grid-template-columns:1fr}.action-card{min-height:250px}.action-card-title{font-size:1.3rem}.action-card-description{font-size:.95rem}.modal-content{height:85vh;width:95%}.modal-overlay{padding:.5rem}}@media (max-width:480px){.subscription-form-container{padding:.5rem}.subscription-header{margin-bottom:1.5rem;padding:1rem}.subscription-title{font-size:1.5rem}.subscription-subtitle{font-size:.9rem}.subscription-logo{width:70px}.action-cards{gap:1rem}.action-card{min-height:230px;padding:1.5rem}.action-card-icon{padding:1rem}.action-card-icon svg{height:40px;width:40px}.action-card-title{font-size:1.2rem}.action-card-description{font-size:.9rem}.info-box{padding:1.5rem}.info-box h3{font-size:1.2rem}.info-box p{font-size:.9rem}.modal-content{border-radius:8px;height:90vh;width:100%}.modal-close-button{height:36px;right:.75rem;top:.75rem;width:36px}.modal-close-button svg{height:20px;width:20px}}.scroll-to-top-button{align-items:center;animation:fadeInUp .3s ease-out;background:linear-gradient(135deg,#036,#00509e);border:none;border-radius:50%;bottom:2rem!important;box-shadow:0 4px 12px #0033664d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;pointer-events:auto;position:fixed!important;right:2rem!important;transition:all .3s ease;width:56px;z-index:9999!important}.scroll-to-top-button:hover{background:linear-gradient(135deg,#00509e,#06c);box-shadow:0 6px 16px #0366;transform:translateY(-4px)}.scroll-to-top-button:active{transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.scroll-to-top-button{bottom:1.5rem!important;height:48px;right:1.5rem!important;width:48px}.scroll-to-top-button svg{height:20px;width:20px}}@media (max-width:480px){.scroll-to-top-button{bottom:1rem!important;height:44px;right:1rem!important;width:44px}}.statistics-container{animation:fadeIn .5s ease-in-out;margin:0 auto;max-width:1400px;padding:2rem}.statistics-header{margin-bottom:3rem;text-align:center}.statistics-title{align-items:center;color:#036;display:flex;font-size:2.5rem;gap:1rem;justify-content:center;margin-bottom:.5rem}.statistics-subtitle{color:#666;font-size:1.1rem}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#036;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state p{color:#d32f2f;margin-bottom:1rem}.retry-button{background:#036;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:all .3s ease}.retry-button:hover{background:#004080;box-shadow:0 4px 12px #0033664d;transform:translateY(-2px)}.stat-card-large{align-items:center;background:linear-gradient(135deg,#036,#004d99);border-radius:16px;box-shadow:0 8px 24px #0363;color:#fff;display:flex;gap:2rem;margin-bottom:2rem;padding:2rem}.stat-icon-large{background:#fff3;border-radius:12px;padding:1.5rem}.stat-content-large{flex:1 1}.stat-number-large{font-size:4rem;font-weight:700;line-height:1;margin:0}.stat-label-large{font-size:1.5rem;margin:.5rem 0 0;opacity:.9}.statistics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.stat-section{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.stat-section:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-section.full-width{grid-column:1/-1}.stat-section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.stat-section-header h2{color:#036;font-size:1.25rem;margin:0}.stat-section-header svg{color:#06c}.stat-items{display:flex;flex-direction:column;gap:1rem}.stat-item{grid-gap:1rem;align-items:center;border-radius:8px;display:grid;gap:1rem;grid-template-columns:200px 1fr 120px;padding:.75rem;transition:background .2s ease}.stat-item:hover{background:#f8f9fa}.stat-item-label{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-item-bar{background:#e0e0e0;height:24px}.stat-item-bar,.stat-item-bar-fill{border-radius:12px;overflow:hidden;position:relative}.stat-item-bar-fill{background:linear-gradient(90deg,#036,#06c);height:100%;transition:width 1s ease-out}.stat-item-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.stat-item-bar-fill.migration-status{background:linear-gradient(90deg,#06c,#4d94ff)}.stat-item-bar-fill.city{background:linear-gradient(90deg,#004d99,#0073e6)}.stat-item-bar-fill.occupation{background:linear-gradient(90deg,#003d7a,#005bb5)}.stat-item-bar-fill.entry-year{background:linear-gradient(90deg,#002952,#004080)}.stat-item-bar-fill.country{background:linear-gradient(90deg,#001f3f,#036)}.stat-item-bar-fill.registration{background:linear-gradient(90deg,#1a5490,#3d7bb8)}.stat-item-value{color:#036;font-weight:600;text-align:right;white-space:nowrap}.statistics-summary{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:16px;margin-bottom:2rem;padding:2rem}.statistics-summary h3{color:#036;font-size:1.75rem;margin-bottom:2rem;text-align:center}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.summary-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.summary-icon{align-items:center;background:linear-gradient(135deg,#036,#06c);border-radius:10px;color:#fff;display:flex;font-size:1.5rem;justify-content:center;padding:1rem}.summary-content{flex:1 1}.summary-value{color:#036;font-size:2rem;font-weight:700;line-height:1}.summary-label{color:#666;font-size:.9rem;margin-top:.25rem}@media (max-width:768px){.statistics-container{padding:1rem}.statistics-title{font-size:1.75rem}.statistics-subtitle{font-size:1rem}.stat-card-large{flex-direction:column;padding:1.5rem;text-align:center}.stat-number-large{font-size:3rem}.stat-label-large{font-size:1.25rem}.statistics-grid{gap:1.5rem;grid-template-columns:1fr}.stat-item{gap:.5rem;grid-template-columns:1fr}.stat-item-label{white-space:normal}.stat-item-value{text-align:left}.summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.statistics-title{flex-direction:column;font-size:1.5rem;gap:.5rem}.stat-number-large{font-size:2.5rem}.stat-section-header h2{font-size:1.1rem}}.board-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1400px;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.board-header{background:linear-gradient(135deg,#036,#00509e);border-radius:16px;box-shadow:0 8px 24px #0363;color:#fff;margin-bottom:3rem;padding:2rem;text-align:center}.board-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0003}.board-subtitle{font-size:1.2rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:700px;opacity:.95}.board-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem}.board-member-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.board-member-card:hover{border-color:#036;box-shadow:0 12px 32px #0363;transform:translateY(-8px)}.member-image-wrapper{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);height:320px;overflow:hidden;position:relative;width:100%}.member-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.board-member-card:hover .member-image{transform:scale(1.1)}.member-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 0,#0000 50%,#003366b3);bottom:0;display:flex;left:0;opacity:0;padding:1.5rem;position:absolute;right:0;top:0;transition:opacity .3s ease}.board-member-card:hover .member-overlay{opacity:1}.member-position-overlay{color:#fff;font-size:1.1rem;font-weight:600;text-shadow:0 2px 4px #0000004d;transform:translateY(20px);transition:transform .3s ease}.board-member-card:hover .member-position-overlay{transform:translateY(0)}.member-info{background:#fff;padding:1.5rem;text-align:center}.member-name{color:#036;font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.member-position{color:#666;font-size:1rem;font-weight:500;line-height:1.4;margin:0;text-transform:capitalize}.board-footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #036;border-radius:12px;margin-top:2rem;padding:2.5rem}.footer-info h3{color:#036;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.footer-info p{color:#555;font-size:1.05rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}@media (max-width:1024px){.board-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.board-container{padding:1rem}.board-header{margin-bottom:2rem;padding:1.5rem}.board-title{font-size:1.8rem}.board-subtitle{font-size:1rem}.board-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.member-image-wrapper{height:280px}.member-info{padding:1rem}.member-name{font-size:1.1rem}.member-position{font-size:.9rem}.board-footer{padding:1.5rem}.footer-info h3{font-size:1.3rem}.footer-info p{font-size:.95rem}}@media (max-width:480px){.board-grid{gap:1.5rem;grid-template-columns:1fr}.member-image-wrapper{height:350px}.board-title{font-size:1.5rem}.board-subtitle{font-size:.95rem}.member-name{font-size:1.2rem}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.member-image-wrapper.loading{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:1000px 100%}*{box-sizing:border-box}body{color:#202124;font-family:Roboto,Segoe UI,system-ui,-apple-system,sans-serif;margin:0;padding:0}.dashboard-container,body{background:#fff;min-height:100vh}.dashboard-container,.top-bar{display:flex}.top-bar{align-items:center;background:#fff;border-bottom:1px solid #e8eaed;height:64px;justify-content:center;left:256px;padding:0 24px;position:fixed;right:0;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:997}.top-bar.sidebar-collapsed{left:72px}@media (max-width:768px){.top-bar{height:auto;justify-content:flex-start;left:0;min-height:64px;padding:8px 16px}}.left-section{align-items:center;display:flex;gap:16px;left:24px;position:absolute;z-index:10}@media (max-width:768px){.left-section{left:16px}}.menu-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:none;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.menu-button:hover{background:#f1f3f4;color:#202124}@media (max-width:768px){.menu-button{display:flex}}.app-title{color:#5f6368;flex:1 1;font-size:20px;font-weight:400;letter-spacing:0;margin:0;text-align:center}@media (max-width:768px){.app-title{flex:1 1;font-size:14px;line-height:1.3;margin-left:60px;margin-right:16px;overflow:visible;position:relative;text-align:left;white-space:normal}}@media (max-width:480px){.app-title{font-size:12px;margin-left:56px}}.sidebar{background:#fff;border-right:1px solid #e8eaed;bottom:0;left:0;overflow:visible;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:256px;z-index:999}.sidebar.collapsed{width:72px}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:256px}}.sidebar-header{align-items:center;border-bottom:1px solid #e8eaed;display:flex;height:64px;justify-content:space-between;padding:0 16px;position:relative}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0 12px}@media (max-width:768px){.sidebar-header{justify-content:flex-start;padding:0 12px}}.logo-container{align-items:center;display:flex;flex:1 1;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-container,.logo-container.collapsed{justify-content:center}.sidebar-logo{height:40px;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto}.sidebar.collapsed .sidebar-logo{height:32px}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#1a73e8,#174ea6);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sidebar-title{color:#5f6368;font-size:22px;font-weight:400;margin:0;overflow:hidden;transition:opacity .2s ease;white-space:nowrap}.logo-container.collapsed .sidebar-title{opacity:0;width:0}.collapse-button{align-items:center;background:#fff;border:1px solid #e8eaed;border-radius:50%;box-shadow:0 1px 3px #0000001f;color:#5f6368;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:-12px;top:20px;transition:all .2s ease;width:24px;z-index:1001}.collapse-button:hover{background:#f8f9fa;box-shadow:0 2px 4px #00000029;color:#202124}.collapse-button svg{transition:transform .3s ease}.collapse-button.collapsed svg{transform:rotate(180deg)}.sidebar-content{height:calc(100vh - 64px);overflow-y:auto;padding:8px 0}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.nav-section{margin-bottom:16px}.nav-section-title{color:#5f6368;font-size:11px;font-weight:500;letter-spacing:.8px;margin-bottom:4px;overflow:hidden;padding:8px 24px;text-transform:uppercase;transition:opacity .2s ease;white-space:nowrap}.nav-section-title.collapsed{opacity:0}.nav-item{align-items:center;background:none;background:#0000;border:none;border-radius:0 24px 24px 0;color:#5f6368;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:20px;margin-right:8px;padding:10px 24px;position:relative;text-align:left;transition:all .2s ease;width:100%}.nav-item.active{background:#e8f0fe;color:#1a73e8}.nav-item.active:before{background:#1a73e8;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-item:hover{background:#f1f3f4;color:#202124}.nav-item.active:hover{background:#e8f0fe;color:#1a73e8}.nav-item svg{flex-shrink:0;transition:all .2s ease}.nav-item.collapsed{justify-content:center;padding:12px 24px}.nav-item.collapsed .nav-label{opacity:0;overflow:hidden;width:0}.nav-label{overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease;white-space:nowrap}.main-content{flex:1 1;margin-left:256px;min-height:100vh;padding-top:64px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:72px}@media (max-width:768px){.main-content,.main-content.sidebar-collapsed{margin-left:0}}.content-area{margin:0 auto;max-width:1440px}.overlay{display:none}@media (max-width:768px){.overlay{background:#00000052;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:998}}.App{box-sizing:border-box;margin:0;max-width:100vw;overflow-x:hidden;padding:0;width:100%}
/*# sourceMappingURL=main.668d19f0.css.map*/