:root{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}button{font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:2px solid rgba(61,127,252,1);outline-offset:2px}.search-container{position:relative;display:flex;align-items:center}.search-bar{display:flex;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50px;overflow:hidden}.search-bar:not(.expanded){width:48px;height:48px}.search-bar.expanded{width:350px;height:48px;background-color:#f8fafc;box-shadow:0 1px 3px #0000001a}.search-toggle-btn{background-color:#f8fafc;border:none;padding:.75rem;cursor:pointer;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.search-bar.expanded .search-toggle-btn{background-color:transparent;box-shadow:none;border-radius:0}.search-toggle-btn:hover{background-color:#e5e7eb;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.search-bar.expanded .search-toggle-btn:hover{background-color:transparent;box-shadow:none;transform:none}.search-icon{font-size:1.25rem;color:#374151;transition:color .3s ease}.search-content{display:flex;align-items:center;flex:1;padding:0 .75rem;gap:.75rem}.search-input{flex:1;background:none;border:none;outline:none;font-size:.875rem;color:#374151;padding:.5rem 0}.search-input::placeholder{color:#6b7280;font-weight:400}.search-separator{width:1px;height:24px;background-color:#d1d5db;flex-shrink:0}.sort-dropdown-container{position:relative;flex-shrink:0}.sort-select-wrapper{display:flex;align-items:center;gap:.125rem;padding:.5rem 0;position:relative;width:auto;flex-shrink:0}.sort-icon{font-size:1rem;color:#6b7280;flex-shrink:0}.sort-select{background:none;border:none;cursor:pointer;font-size:.875rem;color:#374151;font-weight:500;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;flex:1;min-width:0;padding:0;width:100%}.sort-select:hover{color:#111827}.sort-select:focus{color:#111827}@keyframes expandWidth{0%{width:48px}to{width:350px}}@keyframes collapseWidth{0%{width:350px}to{width:48px}}.search-bar.expanded{animation:expandWidth .3s cubic-bezier(.4,0,.2,1) forwards}.search-bar:not(.expanded){animation:collapseWidth .3s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 768px){.search-bar.expanded{width:350px}.search-content{padding:0 .5rem;gap:.5rem}}@media (max-width: 480px){.search-bar.expanded{width:300px}.sort-btn,.search-input{font-size:.8rem}}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0;box-shadow:0 1px 3px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo h1{color:#3d7ffc;font-size:1.5rem;font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:1rem;position:relative}.btn-primary{background-color:#3d7ffc;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 8px #3d7ffc33;white-space:nowrap}.btn-primary:hover{background-color:#2d5fbd;box-shadow:0 4px 12px #3d7ffc4d;transform:translateY(-1px)}.btn-icon{font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.search-btn{background-color:#f3f4f6;border:none;padding:.75rem;cursor:pointer;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-shadow:0 2px 4px #0000001a}.search-btn:hover{background-color:#e5e7eb;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.search-icon{font-size:1.25rem;color:#374151}.user-profile{position:relative;display:flex;align-items:center}.profile-container{display:flex;align-items:center;cursor:pointer;border-radius:50px;background-color:#f3f4f6;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a;overflow:hidden;width:48px;height:48px;justify-content:center}.profile-container:not(.expanded){width:48px;height:48px}.profile-container.expanded{width:180px;height:48px;background-color:#f8fafc;box-shadow:0 1px 3px #0000001a;justify-content:flex-start}.profile-container:hover{background-color:#e5e7eb;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.profile-container.expanded:hover{background-color:#f8fafc;box-shadow:0 1px 3px #0000001a;transform:none}.profile-image{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;flex-shrink:0;transition:all .3s ease}.profile-container:not(.expanded) .profile-image{margin:0}.profile-container.expanded .profile-image{margin-left:6px}.profile-content{display:flex!important;align-items:center;flex:1;padding:0 .5rem;gap:.5rem;opacity:1!important;visibility:visible!important}@keyframes expandProfile{0%{width:48px}to{width:180px}}@keyframes collapseProfile{0%{width:180px}to{width:48px}}.profile-container.expanded{animation:expandProfile .3s cubic-bezier(.4,0,.2,1) forwards}.profile-container:not(.expanded){animation:collapseProfile .3s cubic-bezier(.4,0,.2,1) forwards}.logout-btn{background-color:#3d7ffc!important;color:#fff!important;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0;min-height:36px;box-shadow:0 2px 4px #3b82f64d;opacity:1!important;visibility:visible!important}.logout-btn:hover{background-color:#2563eb!important;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.logout-btn:before{content:"🚪";font-size:1rem}.main-layout{height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;background-color:#f9fafb;overflow:hidden}.declaration-table td{padding:.75rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#374151}.table-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.table-header{flex-shrink:0;background-color:#fff}.table-body-container{flex:1;overflow-y:auto;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.table-body-container::-webkit-scrollbar{display:none}.declaration-table{width:100%;border-collapse:collapse;table-layout:fixed}.declaration-table thead{background-color:#3d7ffc;color:#fff}.declaration-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:normal;line-height:1.2;vertical-align:middle}.declaration-table th:nth-child(1){width:32%}.declaration-table th:nth-child(2){width:24%}.declaration-table th:nth-child(3){width:16%}.declaration-table th:nth-child(4){width:16%}.declaration-table th:nth-child(5){width:9%}.declaration-table th:nth-child(6){width:9%}.declaration-table td{padding:.75rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#374151;vertical-align:middle}.declaration-table th:nth-child(1),.declaration-table td:nth-child(1){padding-left:.5rem}.declaration-table th:nth-child(2),.declaration-table td:nth-child(2){padding-left:.5rem}.declaration-table th:nth-child(3),.declaration-table td:nth-child(3){padding-left:0}.declaration-table th:nth-child(4),.declaration-table td:nth-child(4){padding-left:0}.declaration-table th:nth-child(5),.declaration-table td:nth-child(5){padding-left:0;text-align:left}.declaration-table th:nth-child(6),.declaration-table td:nth-child(6){padding-left:0}.declaration-table td:nth-child(1){width:32%}.declaration-table td:nth-child(2){width:24%}.declaration-table td:nth-child(3){width:16%}.declaration-table td:nth-child(4){width:16%}.declaration-table td:nth-child(5){width:9%}.declaration-table td:nth-child(6){width:9%}.declaration-table td{white-space:nowrap}.declaration-table td:nth-child(2){overflow:hidden;text-overflow:ellipsis}.declaration-table tbody tr.even{background-color:#f9fafb}.declaration-table tbody tr.odd{background-color:#fff}.declaration-table tbody tr:hover{background-color:#f3f4f6}.action-btn{padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.primary{background-color:#3d7ffc;color:#fff}.action-btn.primary:hover{background-color:#2d5fbd}.action-btn.secondary{background-color:#e5e7eb;color:#6b7280}.action-btn.secondary:hover{background-color:#d1d5db}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1;border:1px solid transparent}.status-badge.pending{background-color:#fef3c7;color:#854d0e;border-color:#facc15}.status-badge.rejected{background-color:#ffe5e5;color:#991b1b;border-color:#fca5a5}.status-badge.validated{background-color:#d1fae5;color:#065f46;border-color:#a7f3d0}.homepage{height:100%;background-color:#f9fafb;padding:2rem 0;display:flex;flex-direction:column;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem;height:100%;display:flex;flex-direction:column}.tabs-container{display:flex;gap:.5rem;margin-bottom:2rem;background-color:#f3f4f6;padding:.25rem;border-radius:2rem;width:fit-content}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1.75rem;background-color:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab.active{background-color:#3d7ffc;color:#fff;box-shadow:0 2px 4px #3d7ffc33}.tab:hover:not(.active){background-color:#e5e7eb;color:#374151}.tab-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.page-title{margin-bottom:1.5rem}.page-title h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.document-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.document-viewer-container{background-color:#fff;border-radius:.5rem;max-width:80vw;max-height:95vh;width:100%;height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #0000004d}.document-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f8f9fa;border-radius:.5rem .5rem 0 0}.document-viewer-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.document-viewer-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s}.document-viewer-close:hover{color:#374151}.document-viewer-content{flex:1;overflow:hidden;padding:1rem;background-color:#f3f4f6;display:flex;flex-direction:column}.pdf-viewer{width:100%;height:100%;min-height:80vh;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px #0000001a}.pdf-viewer iframe{border:none;overflow:hidden;width:100%;height:100%;min-height:80vh}.document-preview{display:flex;justify-content:center;align-items:center;min-height:500px}.document-card{display:flex;gap:2rem;max-width:100%}.document-front,.document-back{width:400px;height:250px;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:2px solid #d1d5db;border-radius:.75rem;padding:1.5rem;box-shadow:0 10px 25px #0000001a;position:relative;overflow:hidden}.document-front{background:linear-gradient(135deg,#ffffff 0%,#f0f9ff 100%)}.document-back{background:linear-gradient(135deg,#ffffff 0%,#fef3c7 100%)}.document-header{display:flex;align-items:center;margin-bottom:1rem;gap:1rem}.flag-container{flex-shrink:0}.flag-cameroon{width:40px;height:30px;border-radius:.25rem;overflow:hidden;box-shadow:0 2px 4px #0000001a}.flag-stripe{height:10px;position:relative}.flag-stripe.green{background-color:#22c55e}.flag-stripe.red{background-color:#dc2626}.flag-stripe.yellow{background-color:#fbbf24;display:flex;align-items:center;justify-content:center}.star{color:#fbbf24;font-size:.75rem;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.document-title{flex:1;text-align:center}.title-french{font-size:.75rem;font-weight:700;color:#1f2937;line-height:1.1}.title-english{font-size:.6rem;font-weight:600;color:#4b5563;line-height:1.1}.document-body{display:flex;height:calc(100% - 3rem)}.document-side-text{writing-mode:vertical-rl;text-orientation:mixed;font-size:.6rem;font-weight:700;color:#1f2937;margin-right:.5rem;line-height:1.2}.side-text-french{margin-bottom:.5rem}.side-text-english{color:#6b7280}.document-main-content{flex:1;display:flex;flex-direction:column;position:relative}.chip{position:absolute;top:.5rem;right:.5rem;width:20px;height:15px;background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:.25rem;box-shadow:0 1px 3px #0003}.main-photo{width:60px;height:80px;margin:.5rem 0;border:2px solid #d1d5db;border-radius:.25rem;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.photo-placeholder{font-size:2rem;color:#9ca3af}.document-info{flex:1;font-size:.6rem;line-height:1.3}.info-row{display:flex;margin-bottom:.2rem;align-items:flex-start}.info-label{font-weight:600;color:#374151;min-width:120px;margin-right:.5rem}.info-value{color:#1f2937;font-weight:500}.signature{font-style:italic;color:#6b7280}.small-photo{width:30px;height:40px;border:1px solid #d1d5db;border-radius:.25rem;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;margin-left:auto}.back-content{display:flex;height:60%;margin-bottom:1rem}.back-left{flex:1;font-size:.6rem;line-height:1.3}.back-right{display:flex;flex-direction:column;align-items:center;margin-left:1rem}.document-number{font-size:.7rem;font-weight:700;color:#1f2937;margin-top:.5rem;letter-spacing:.05em}.back-bottom{font-size:.5rem;line-height:1.2;border-top:1px solid #e5e7eb;padding-top:.5rem}.security-pattern{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;font-size:.4rem;color:#d1d5db;text-align:center;opacity:.3;letter-spacing:.1em;font-weight:600}@media (max-width: 768px){.document-card{flex-direction:column;gap:1rem}.document-front,.document-back{width:100%;max-width:350px}.document-viewer-content{padding:1rem}}.declaration-form-page{height:100%;background-color:#f9fafb;padding:2rem 0;display:flex;flex-direction:column;overflow:hidden}.btn-dashboard{background-color:#3b82f6;color:#fff;border:none;border-radius:25px;padding:.625rem 1.25rem;display:flex;align-items:center;gap:.375rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633;white-space:nowrap}.btn-dashboard:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.dashboard-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.dashboard-text{font-weight:600}.container{width:100%;margin:0 auto;padding:0 1rem;height:100%;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.container::-webkit-scrollbar{display:none}.page-title{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:0 1rem;position:relative}.page-title h1{font-size:2rem;font-weight:600;color:#111827;margin:0;text-align:center}.btn-dashboard{position:absolute;left:1rem}.progress-container{margin-bottom:2rem;max-width:1600px;margin-left:auto;margin-right:auto}.progress-bar{background-color:#f3f4f6;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001a}.progress-steps{display:flex;justify-content:space-between;align-items:center;position:relative;padding-bottom:15px}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center;min-width:80px}.step-circle{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;border:2px solid rgba(61,127,252,1);transition:all .3s ease;margin:auto auto 8px}.progress-step.active .step-circle{background-color:#3d7ffc;border:2px solid rgba(61,127,252,1)}.step-number{font-size:.875rem;font-weight:600;color:#3d7ffc;transition:color .3s ease}.progress-step.active .step-number{color:#fff}.progress-step.current .step-circle{box-shadow:0 0 0 3px #3d7ffc4d;transform:scale(1.1)}.progress-step.current .step-title{font-weight:600;color:#3d7ffc}.step-title{font-size:.75rem;font-weight:500;color:#3d7ffc;transition:color .3s ease;line-height:1.2}.progress-step.active .step-title{font-weight:600}.progress-bar-container{position:relative;width:100%;height:5px;background:white;border-radius:5px;margin-top:10px;overflow:hidden}.progress-bar-fill{height:100%;background:rgba(61,127,252,1);border-radius:5px;transition:width .4s ease;width:20%}.form-section{background-color:#fff;padding:3rem;display:flex;flex-direction:column}.form-header{margin-bottom:1.5rem}.father-section,.marriage-section{margin-top:2rem;margin-bottom:1.5rem}.import-section{margin-bottom:1.5rem}.import-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.75rem}.file-upload-container{position:relative}.file-upload-area{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem 5rem 1rem 1.25rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;position:relative;min-height:48px}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label{display:flex;align-items:center;gap:.5rem;width:100%;cursor:pointer}.file-upload-area:hover{background-color:#f1f3f4;border-color:#d1d5db}.file-upload-area.uploaded{background-color:#3b82f61a;border-color:#3b82f6}.upload-icon{font-size:1rem;color:#6b7280;flex-shrink:0}.upload-text{color:#6b7280;font-size:.875rem;font-weight:400;line-height:1.4}.btn-view{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background-color:#3b82f6;color:#fff;border:none;border-radius:4px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;z-index:10}.witness-section,.witness2-section{margin-top:1.5rem;margin-bottom:1.5rem}.form-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.form-underline{width:100px;height:3px;background-color:#3d7ffc;border-radius:2px}.form-content{flex:1;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;gap:1.5rem;align-items:flex-start}.form-row .form-group{flex:1}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-input,.form-select{padding:.75rem 1rem;border:1px solid rgba(61,127,252,.3);border-radius:.5rem;font-size:.875rem;font-family:Montserrat,sans-serif;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#3d7ffc;box-shadow:0 0 0 3px #3d7ffc1a}.form-input::placeholder{color:#9ca3af}input[type=date].form-input{padding:.75rem 1rem;border:1px solid rgba(61,127,252,.3);border-radius:.5rem;font-size:.875rem;font-family:Montserrat,sans-serif;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff;color:#374151;width:100%;box-sizing:border-box}input[type=date].form-input:focus{outline:none;border-color:#3d7ffc;box-shadow:0 0 0 3px #3d7ffc1a}input[type=date].form-input::-webkit-calendar-picker-indicator{color:#3d7ffc;cursor:pointer}input[type=date].form-input::-webkit-datetime-edit{font-family:Montserrat,sans-serif;font-size:.875rem;color:#9ca3af!important}input[type=date].form-input::-webkit-datetime-edit-text{color:#9ca3af!important;font-family:Montserrat,sans-serif;font-size:.875rem}input[type=date].form-input::-webkit-datetime-edit-month-field,input[type=date].form-input::-webkit-datetime-edit-day-field,input[type=date].form-input::-webkit-datetime-edit-year-field{color:#9ca3af!important;font-family:Montserrat,sans-serif;font-size:.875rem}input[type=date].form-input:not(:invalid)::-webkit-datetime-edit{color:#374151}input[type=date].form-input:not(:invalid)::-webkit-datetime-edit-text{color:#374151}input[type=date].form-input:not(:invalid)::-webkit-datetime-edit-month-field,input[type=date].form-input:not(:invalid)::-webkit-datetime-edit-day-field,input[type=date].form-input:not(:invalid)::-webkit-datetime-edit-year-field{color:#374151}.form-select{cursor:pointer}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-group-full{display:flex;justify-content:space-between;gap:3rem;margin-top:.5rem;width:50%}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.radio-input{display:none}.radio-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;background-color:#fff}.radio-input:checked+.radio-custom{border-color:#3d7ffc;background-color:#3d7ffc}.radio-input:checked+.radio-custom:after{content:"";width:8px;height:8px;border-radius:50%;background-color:#fff}.radio-label{font-weight:500;font-size:.875rem}.form-navigation{display:flex;justify-content:center;align-items:center;gap:3rem;padding-top:2rem;margin-top:1rem}.declaration-form-page .btn-primary,.declaration-form-page .btn-secondary{padding:.75rem 2.5rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif;display:flex;align-items:center;gap:.5rem;min-width:200px;justify-content:center}.declaration-form-page .btn-primary{background-color:#3d7ffc;color:#fff}.declaration-form-page .btn-primary:hover{background-color:#2d5fbd}.declaration-form-page .btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.declaration-form-page .btn-secondary:hover{background-color:#e5e7eb}.btn-icon{font-size:.875rem;font-weight:700}.btn{padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background-color:#2497d5;color:#fff}.btn.primary:hover:not(:disabled){background-color:#1e7bb8;color:#fff}.btn.secondary{background-color:#fff;color:#2497d5;border:2px solid #2497D5}.btn.secondary:hover:not(:disabled){background-color:#2497d5;color:#fff}.btn.outline{background-color:transparent;color:#2497d5;border:2px solid #2497D5}.btn.outline:hover:not(:disabled){background-color:#2497d5;color:#fff}.btn.full-width{width:100%}.btn.large{padding:1rem 2rem;font-size:1.1rem}.input-group{margin-bottom:1rem}.input-label{display:block;margin-bottom:.5rem;font-weight:600;color:#253367;font-size:.9rem}.input-field{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.375rem;font-size:1rem;transition:all .2s ease;background-color:#fff}.input-field:focus{outline:none;border-color:#2497d5;box-shadow:0 0 0 3px #2497d51a}.input-field:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.input-field.error{border-color:#ef4444}.input-field.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.input-field::placeholder{color:#9ca3af}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#f8fafc}.login-card{display:flex;width:100%;max-width:800px;background:white;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;overflow:hidden;min-height:500px}.login-left{flex:1;background:linear-gradient(135deg,#2497D5 0%,#1e7bb8 100%);color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:center;position:relative}.login-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.login-header{margin-bottom:2rem}.login-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.login-subtitle{font-size:1.5rem;font-weight:700;margin:0;opacity:.9}.login-description{font-size:1rem;line-height:1.5;margin-bottom:1.5rem;opacity:.9;max-width:100%}.login-image{display:flex;justify-content:center;align-items:center;margin-top:auto}.login-illustration{max-height:150px;width:auto;opacity:.8}.login-right{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center;background:white}.login-form-container{width:100%;max-width:400px;margin:0 auto}.login-logo{text-align:center;margin-bottom:2rem}.logo-image{max-height:100px;width:auto;margin-bottom:1rem}.logo-text{font-weight:700;text-transform:uppercase;color:#253367;margin:0;font-size:1.1rem;letter-spacing:.5px}.form-title{font-weight:700;margin-bottom:1.5rem;text-align:center;color:#253367;font-size:1.5rem}.login-form{width:100%}.form-error{color:#ef4444;text-align:center;margin-bottom:1rem;font-size:.9rem}.form-actions{margin-top:1.5rem}.loading-container{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#2497d5;font-weight:500}.spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #2497D5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.login-card{flex-direction:column;min-height:auto;max-width:100%}.login-left{padding:1.5rem;min-height:250px;flex:1}.login-right{padding:1.5rem}.login-title{font-size:1.75rem}.login-subtitle{font-size:1.25rem}.login-description{font-size:.9rem}.login-illustration{max-height:120px}}@media (max-width: 480px){.login-container{padding:.5rem}.login-left,.login-right{padding:1rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:1.1rem}.logo-image{max-height:80px}.form-title{font-size:1.25rem}}.declaration-view-container{min-height:100vh;background-color:#f8f9fa;padding:2rem}.view-header{display:none}.btn-back{display:flex;align-items:center;gap:.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:1.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-icon{font-size:1rem}.view-header h1{font-size:1.875rem;font-weight:600;color:#111827;margin:0}.documents-section{padding:2rem}.documents-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.documents-underline{width:48px;height:3px;background-color:#3b82f6;border-radius:2px;margin-bottom:1.5rem}.documents-list{display:flex;flex-direction:column;gap:1rem;max-height:320px;overflow-y:auto;padding-right:6px;scrollbar-width:none;-ms-overflow-style:none}.documents-list .document-item:first-of-type{margin-top:.5rem}.document-name{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}.document-box{display:flex;align-items:center;justify-content:flex-start;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;padding:1rem 1.25rem;height:50px;width:100%;position:relative}.pdf-icon{font-size:1.25rem;color:#dc2626;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#fef2f2;border-radius:.25rem;border:1px solid #fecaca;flex-shrink:0}.document-text{color:#374151;font-size:.875rem;font-weight:400}.btn-view{background-color:#3b82f6;color:#fff;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap;flex-shrink:0;height:32px;display:flex;align-items:center;justify-content:center;min-width:64px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.declaration-view-container{padding:1rem}.view-header,.document-box{flex-direction:column;align-items:flex-start;gap:1rem}.btn-view{align-self:flex-end}}.declaration-view-container{min-height:100vh;background-color:#f3f4f6;padding:2rem 0}.back-outside{max-width:1200px;margin:0 auto 1rem;display:flex;align-items:center;padding:0 2rem}.btn-back{background-color:#3b82f6;color:#fff;border:none;border-radius:25px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-back:hover{background-color:#2563eb}.declaration-view-content{max-width:1000px;margin:0 auto;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.declaration-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.declaration-header h1{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 1rem}.header-underline{width:60px;height:4px;background-color:#3b82f6;border-radius:2px}.declaration-details{padding:2rem}.detail-section{margin-bottom:2rem}.detail-section h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1rem}.detail-underline{width:48px;height:3px;background-color:#3b82f6;border-radius:2px;margin-bottom:1.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1rem;font-weight:500;color:#111827}.documents-underline{width:48px;height:3px;background-color:#3b82f6;border-radius:2px;margin-bottom:1rem}.documents-list{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.documents-list::-webkit-scrollbar{width:0;height:0}.document-item:first-of-type{margin-top:1rem}.document-item{margin-bottom:1rem}.document-name{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.document-box{display:flex;align-items:center;justify-content:space-between;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;padding:1rem 1.25rem;height:50px;width:100%;position:relative}.document-content{display:flex;align-items:center;gap:.75rem;flex:1}.pdf-icon{font-size:1.25rem}.document-text{font-size:.875rem;color:#374151}.btn-view{background-color:#3b82f6;color:#fff;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap;flex-shrink:0;height:32px;display:flex;align-items:center;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.btn-view:hover{background-color:#2563eb}@media (max-width: 768px){.declaration-view-container{padding:1rem 0}.declaration-view-content{margin:0 1rem}.declaration-header,.declaration-details{padding:1.5rem}.detail-grid{grid-template-columns:1fr}.back-outside{padding:0 1rem}}#root{width:100%;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}:root{--primary-color: #2497D5;--primary-dark: #1e7bb8;--secondary-color: #253367;--text-color: #253367;--background-color: #f8fafc;--white: #ffffff;--error-color: #ef4444;--border-color: #e5e7eb;--text-muted: #6b7280}