@charset "UTF-8";.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease-out;z-index:10000}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.9rem;line-height:1.4}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.toast-close:hover{background-color:#0000001a}.toast-success{background-color:#f0fdf4;border:1px solid #86efac;color:#166534}.toast-success .toast-icon svg{stroke:#16a34a}.toast-success .toast-close svg{stroke:#166534}.toast-error{background-color:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.toast-error .toast-icon svg{stroke:#dc2626}.toast-error .toast-close svg{stroke:#991b1b}.toast-warning{background-color:#fffbeb;border:1px solid #fcd34d;color:#92400e}.toast-warning .toast-icon svg{stroke:#f59e0b}.toast-warning .toast-close svg{stroke:#92400e}.toast-info{background-color:#eff6ff;border:1px solid #93c5fd;color:#1e40af}.toast-info .toast-icon svg{stroke:#3b82f6}.toast-info .toast-close svg{stroke:#1e40af}.loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;min-height:200px}.loader-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.global-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease-out}.loader{display:inline-block}.loader-spinner{border-radius:50%;border-style:solid;border-color:var(--primary-color, #007bff) var(--primary-color, #007bff) var(--primary-color, #007bff) transparent;animation:spin .8s linear infinite}.loader-small .loader-spinner{width:20px;height:20px;border-width:2px}.loader-medium .loader-spinner{width:40px;height:40px;border-width:4px}.loader-large .loader-spinner{width:60px;height:60px;border-width:6px}.loader-message{font-size:1rem;color:#666;margin:0;font-weight:500;text-align:center}.loader-inline{display:inline-flex;align-items:center;gap:.5rem}.loader-inline .loader-content{min-height:auto;padding:0;flex-direction:row}.loader-inline .loader-message{font-size:.875rem}.btn-loader{display:inline-flex;align-items:center;gap:.5rem}.btn-loader .loader-spinner{width:16px;height:16px;border-width:2px;border-color:currentColor currentColor currentColor transparent}.section-loader{display:flex;align-items:center;justify-content:center;min-height:200px;width:100%}.section-loader .loader-content{min-height:auto}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text.short{width:40%}.skeleton-text.medium{width:70%}.skeleton-text.long{width:100%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:120px;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#218838}.btn-small{padding:.25rem .75rem;font-size:.875rem}.btn-medium{padding:.5rem 1rem;font-size:1rem}.btn-large{padding:.75rem 1.5rem;font-size:1.125rem}.btn-full-width{width:100%}.btn-loading{position:relative;pointer-events:none}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.input-container{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;position:relative}.input-label{font-size:.875rem;font-weight:500;color:#333;margin-bottom:.25rem}.input-required{color:#dc3545;margin-left:.25rem}.input-field{padding:.5rem .75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-field.input-has-eye{padding-right:2.5rem}.input-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.input-field:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.input-error{border-color:#dc3545}.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.input-error-message{font-size:.75rem;color:#dc3545;margin-top:.25rem}.input-full-width{width:100%}.input-eye-btn{position:absolute;right:14px;top:70%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;outline:none;display:flex;align-items:center;height:32px;width:32px;z-index:2}.card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease,transform .3s ease;overflow:hidden}.card-hover:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);cursor:pointer}.card-header{padding:1.5rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2)}.card-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.card-subtitle{margin:.5rem 0 0;font-size:.875rem;color:#f0f0f0}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid #f0f0f0;background-color:#f8f9fa}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-container{width:100%;max-width:400px}.login-logo{display:flex;justify-content:center;margin-bottom:1rem}.login-logo img{width:120px;height:auto;border-radius:8px;box-shadow:0 6px 18px #0000001f}.login-mode-toggle{display:flex;margin-bottom:1.5rem;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.mode-btn{flex:1;padding:.75rem 1rem;border:none;background-color:#f8f9fa;color:#495057;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-btn:first-child{border-right:1px solid #dee2e6}.mode-btn:hover{background-color:#e9ecef}.mode-btn.active{background-color:#667eea;color:#fff}.mode-btn.active:hover{background-color:#5a6fd6}.otp-info{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.otp-info p{margin:0;font-size:.875rem;color:#333}.change-email-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:.875rem;text-decoration:underline}.change-email-btn:hover{color:#0056b3}.error-message{color:#dc3545;font-size:.875rem;margin:.5rem 0 1rem;padding:.5rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.forgot-password-link{text-align:center;margin-top:1rem}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.875rem;text-decoration:underline;padding:0}.link-btn:hover{color:#5a6fd6}.form-header{margin-bottom:1.5rem}.form-header h4{margin:0 0 .5rem;color:#333;font-size:1.125rem}.form-description{margin:0;color:#666;font-size:.875rem;line-height:1.5}.back-to-login{text-align:center;margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem}.back-to-login .separator{color:#dee2e6}.resend-otp-section{margin-top:1rem;text-align:center}.resend-otp-section button:disabled{opacity:.6;cursor:not-allowed}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.layout-header-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.layout-title{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.layout-user-info{display:flex;align-items:center;gap:1rem}.layout-user-email{font-size:.875rem}.layout-user-role{font-size:.75rem;background-color:#fff3;padding:.25rem .5rem;border-radius:4px}.layout-logout-btn{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .3s ease}.layout-logout-btn:hover{background-color:#ffffff4d}.layout-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem}.layout-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;padding:1.5rem 0;text-align:center}.layout-footer p{margin:0;color:#666;font-size:.875rem}.dashboard-page{width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h2{margin:0;font-size:2rem;color:#333}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-value{font-size:2.5rem;font-weight:700;color:#667eea;margin:0}.stat-label{font-size:.875rem;color:#666;margin-top:.5rem}@media (max-width: 768px){.dashboard-stats{grid-template-columns:1fr}}.dashboard-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:nowrap;overflow-x:auto}.dashboard-stats>*{flex:1;min-width:150px;text-align:center;border-left:4px solid #3182ce;transition:transform .2s,box-shadow .2s}.dashboard-stats>*:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-stats>*:nth-child(1){border-left-color:#3182ce}.dashboard-stats>*:nth-child(2){border-left-color:#ed8936}.dashboard-stats>*:nth-child(3){border-left-color:#ed8936}.dashboard-stats>*:nth-child(4){border-left-color:#48bb78}.dashboard-stats>*:nth-child(5){border-left-color:#e53e3e}.stat-value{font-size:2rem;font-weight:700;margin:0 0 .5rem}.dashboard-stats>*:nth-child(1) .stat-value{color:#2c5282}.dashboard-stats>*:nth-child(2) .stat-value{color:#c05621}.dashboard-stats>*:nth-child(3) .stat-value{color:#c05621}.dashboard-stats>*:nth-child(4) .stat-value{color:#22543d}.dashboard-stats>*:nth-child(5) .stat-value{color:#822727}.stat-label{font-size:.875rem;color:#4a5568;margin:0;font-weight:500}@media (max-width: 768px){.dashboard-stats{gap:1rem}.dashboard-stats>*{min-width:120px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}}.dashboard-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .3s ease}.tab-button:hover{color:#667eea}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.dashboard-content{min-height:400px}@media (max-width: 768px){.dashboard-tabs{overflow-x:auto}}.applications-list{display:flex;flex-direction:column;gap:1rem}.application-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;transition:box-shadow .3s ease}.application-item:hover{box-shadow:0 2px 8px #0000001a}.application-info h4{margin:0 0 .25rem;font-size:1rem;color:#333}.application-info p{margin:0;font-size:.875rem;color:#666;line-height:1.4}.application-info p strong{color:#333;font-weight:600}.application-type{font-size:.875rem;color:#666}.application-amount{font-size:1rem;font-weight:600;color:#333}.application-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem 1rem;border:1px solid #667eea;background:#fff;color:#667eea;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .3s ease}.action-btn:hover{background-color:#667eea;color:#fff}.action-btn.secondary{border-color:#718096;color:#718096}.action-btn.secondary:hover{background-color:#718096;color:#fff}@media (max-width: 768px){.application-item{grid-template-columns:1fr}}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-payment-completed{background-color:#d1ecf1;color:#0c5460}.status-approved{background-color:#d4edda;color:#155724}.empty-state{text-align:center;padding:3rem;color:#666}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state h3{margin:0 0 .5rem;color:#333}.empty-state p{margin:0;color:#666}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.pagination-btn{padding:.5rem 1rem;border:1px solid #e0e0e0;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:#f5f5f5}.pagination-info{font-size:.875rem;color:#666}.application-form-page{width:100%;max-width:1000px;margin:0 auto;padding:0 1rem}.form-header{margin-bottom:1.5rem;background:#f8f9fa;padding:1rem;border-radius:8px}.form-header-content{display:flex;justify-content:space-between;align-items:center}.form-header-content h2{margin:0;font-size:1.5rem;color:#333}.logout-link{color:#007bff;text-decoration:none;font-size:.9rem}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.watermark-logo{width:500px;height:auto;opacity:.15}.logout-link:hover{text-decoration:underline}.form-section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.credai-logo-section{display:flex;align-items:center;gap:.75rem}.credai-logo-small{height:40px;width:auto}.credai-title{font-size:1.25rem;font-weight:600;color:#1a5f7a}.form-progress{display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:2.5rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow-x:auto;gap:.25rem;align-items:center}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:45px;overflow:visible}.progress-step:after{content:"";position:absolute;top:16px;left:50%;width:100%;height:2px;background:#e0e0e0;z-index:0}.progress-step:last-child:after{display:none}.progress-step-number{width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;margin-bottom:0;z-index:1;transition:all .3s ease;flex-shrink:0}.progress-step.active .progress-step-number{background:#007bff;color:#fff}.progress-step.completed .progress-step-number{background:#28a745;color:#fff}.progress-step-label{font-size:.6rem;color:#666;text-align:center;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%);width:max-content}.progress-step:nth-child(odd) .progress-step-label{top:40px}.progress-step:nth-child(2n) .progress-step-label{bottom:40px}.progress-step.active .progress-step-label{color:#007bff;font-weight:600}.progress-step.completed .progress-step-label{color:#28a745}.form-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;position:relative;overflow:hidden}.form-section-title{font-size:1.25rem;color:#333;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #007bff}.form-description{color:#666;margin-bottom:1rem;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.form-row.two-columns{grid-template-columns:1fr 1fr}.form-row.three-columns{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.8rem;font-weight:500;color:#333}.form-group label.required:after{content:" *";color:#dc3545}.form-group input,.form-group select,.form-group textarea{padding:.5rem .75rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;font-family:inherit;transition:border-color .3s ease;background:#f8f9fa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;background:#fff;box-shadow:0 0 0 3px #007bff1a}.form-group .error-message{font-size:.7rem;color:#dc3545;margin-top:.15rem}.form-group .success-message{font-size:.7rem;color:#28a745;margin-top:.15rem;font-weight:500}.form-group input.error,.form-group select.error{border-color:#dc3545}.input-with-badge{display:flex;gap:.5rem;align-items:stretch}.input-with-badge input{flex:1}.input-badge{padding:.5rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;display:flex;align-items:center;cursor:pointer}.input-badge.green{background:#28a745;color:#fff}.input-badge.blue{background:#007bff;color:#fff}.info-box{background:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;border-radius:0 8px 8px 0;margin-top:1.5rem}.info-box.documents-info{background:#fff8e1;border-left-color:#ff9800;margin-top:1rem}.info-box p{margin:0 0 .5rem;font-size:.9rem}.info-box .fee-text{color:#1565c0;font-weight:500}.info-box ul,.info-box ol{margin:0;padding-left:1.25rem;font-size:.85rem;color:#555}.info-box li{margin-bottom:.25rem}.info-box .info-subtext{color:#666;font-size:.85rem;font-style:italic}.info-box .documents-list{list-style-type:decimal;margin-top:.5rem}.info-box .documents-list li{padding:.2rem 0}.field-hint{font-size:1rem;color:#666;font-style:italic;margin-top:.25rem}.section-divider{border:none;border-top:1px solid #e0e0e0;margin:1.5rem 0}.form-subsection-title{font-size:1rem;color:#555;margin:0 0 1rem;padding-bottom:.25rem;border-bottom:1px dashed #ccc}.upload-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.upload-btn.green{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.upload-btn.green:hover{background:linear-gradient(135deg,#218838,#1e7e34)}.upload-btn.blue{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.upload-btn.blue:hover{background:linear-gradient(135deg,#0056b3,#004085)}.upload-btn.full-width{width:100%;justify-content:center}.upload-btn-small{padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.upload-btn-small.green{background:#28a745;color:#fff}.upload-btn-small.green:hover{background:#218838}.upload-btn-small.blue{background:#007bff;color:#fff}.upload-btn-small.blue:hover{background:#0056b3}.file-name{display:block;font-size:.75rem;color:#28a745;margin-top:.25rem}.uploaded-file-display{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#f0f9ff;border:1px solid #bee3f8;border-radius:4px}.uploaded-file-name{flex:1;font-size:.8rem;color:#2c5282;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-file-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.preview-file-btn:hover{background:#2563eb;transform:scale(1.1)}.remove-file-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fc8181;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.remove-file-btn:hover{background:#f56565;transform:scale(1.1)}.document-upload-section{margin:1rem 0}.download-link{color:#007bff;text-decoration:underline;font-size:.9rem;cursor:pointer}.download-link:hover{color:#0056b3}.dynamic-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1rem}.dynamic-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.dynamic-item-header h4{margin:0;font-size:1rem;color:#333}.dynamic-item-actions{display:flex;align-items:center;gap:.5rem}.add-more-badge{background:#e7f3ff;color:#007bff;padding:.25rem .5rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-more-badge:hover{background:#007bff;color:#fff;transform:scale(1.05)}.remove-btn-circle{width:32px;height:32px;border-radius:50%;background:transparent;color:#dc3545;border:2px solid #dc3545;cursor:pointer;font-size:24px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.remove-btn-circle:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.review-section{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:.75rem;border-left:4px solid #007bff}.review-section-title{margin:0 0 .5rem;font-size:.9rem;color:#007bff}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.review-grid p{margin:0;font-size:.85rem;color:#333}.review-grid p strong{color:#666}.document-item{background:#fff;padding:.5rem .75rem;border-radius:4px;border:1px solid #e0e0e0;margin-bottom:.35rem}.document-item p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.uploaded{color:#28a745;font-weight:500;background:#d4edda;padding:2px 8px;border-radius:4px;font-size:.8rem;display:inline-block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.not-uploaded{color:#dc3545;font-weight:500;background:#f8d7da;padding:2px 8px;border-radius:4px;font-size:.8rem}.no-documents{color:#6c757d;font-style:italic;grid-column:1 / -1}.partner-documents{background:#fff;padding:.75rem;border-radius:4px;margin-top:.5rem;border:1px dashed #e0e0e0}.partner-documents p{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.terms-checkbox{background:#fff3cd;padding:1rem;border-radius:8px;margin-top:1rem;border:1px solid #ffc107}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.checkbox-label span{flex:1;line-height:1.4;font-size:.85rem}.error-alert{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-top:1rem;border:1px solid #f5c6cb;font-size:.85rem}.empty-state{text-align:center;padding:2rem;color:#666;background:#f8f9fa;border-radius:8px;border:2px dashed #e0e0e0}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0f0f0}.form-actions-left,.form-actions-right{display:flex;gap:.75rem}.verify-btn,.edit-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:100%}.verify-btn.green{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.verify-btn.green:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.edit-btn{background:linear-gradient(135deg,#ffc107,#ff9800);color:#333}.edit-btn:hover{background:linear-gradient(135deg,#ff9800,#f57c00);transform:translateY(-1px);box-shadow:0 2px 4px #ffc1074d}@media (max-width: 992px){.form-row.three-columns{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.form-row.two-columns,.form-row.three-columns{grid-template-columns:1fr}.form-progress{overflow-x:auto;justify-content:flex-start;gap:.5rem;padding:2.5rem .75rem}.progress-step{min-width:40px}.progress-step-number{width:28px;height:28px;font-size:.65rem}.progress-step-label{font-size:.5rem}.form-actions{flex-direction:column}.form-actions-left,.form-actions-right{flex-direction:column;width:100%}.form-actions-right{flex-direction:column-reverse}.review-grid{grid-template-columns:1fr}.form-header-content{flex-direction:column;gap:.5rem;text-align:center}.upload-btn,.upload-btn-small{width:100%;justify-content:center}.input-with-badge{flex-direction:column}.partners-section,.partner-card{padding:1rem}.partner-header{margin:-1rem -1rem 1rem;padding:.75rem 1rem}.partner-title{font-size:.9rem}.partner-info{padding:.75rem}.partner-info p strong{min-width:auto;display:block;margin-bottom:.15rem}.partner-documents-section{padding:.75rem}.partner-documents{grid-template-columns:1fr}}@media (max-width: 480px){.form-card{padding:1rem}.form-section-title{font-size:1.1rem}.dynamic-item{padding:.75rem}.application-form-page{padding:0 .5rem}.partner-title:before{font-size:1rem}.documents-subtitle:before{font-size:.9rem}}.document-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}.document-viewer-modal{background:#fff;border-radius:12px;width:90vw;height:90vh;max-width:1200px;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}.document-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.document-viewer-title{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.document-viewer-title h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-viewer-actions{display:flex;align-items:center;gap:.5rem}.document-viewer-action-btn{background:none;border:none;cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s;color:#6b7280}.document-viewer-action-btn:hover{background-color:#e5e7eb;color:#1976d2}.document-viewer-close{background:none;border:none;cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s;color:#6b7280}.document-viewer-close:hover{background-color:#ffebee;color:#d32f2f}.document-viewer-content{flex:1;overflow:hidden;position:relative;background:#f3f4f6}.document-viewer-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:1}.document-iframe{width:100%;height:100%;border:none}.document-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;padding:1rem}.document-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.document-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center;padding:2rem;gap:1rem}.document-error svg{color:#9ca3af}.document-error p{margin:0;font-size:.95rem}.document-docx-container{width:100%;height:100%;overflow:auto;background:#fff}.document-docx-content{max-width:800px;margin:0 auto;padding:2rem;font-family:Calibri,Arial,sans-serif;font-size:14px;line-height:1.6;color:#333}.document-docx-content h1{font-size:24px;font-weight:700;margin:1em 0 .5em;color:#1f2937}.document-docx-content h2{font-size:20px;font-weight:700;margin:1em 0 .5em;color:#374151}.document-docx-content h3{font-size:16px;font-weight:700;margin:1em 0 .5em;color:#4b5563}.document-docx-content p{margin:.5em 0}.document-docx-content table{border-collapse:collapse;width:100%;margin:1em 0}.document-docx-content table td,.document-docx-content table th{border:1px solid #d1d5db;padding:8px 12px;text-align:left}.document-docx-content table th{background-color:#f3f4f6;font-weight:600}.document-docx-content ul,.document-docx-content ol{margin:.5em 0;padding-left:2em}.document-docx-content li{margin:.25em 0}.document-docx-content img{max-width:100%;height:auto}@media (max-width: 768px){.document-viewer-modal{width:95vw;height:95vh}.document-docx-content{padding:1rem}}.document-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}.document-preview-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:95vw;max-height:95vh;width:1200px;height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.document-preview-header{padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f8f9fa;border-radius:12px 12px 0 0}.document-preview-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:#333;overflow:hidden}.document-preview-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-preview-controls{display:flex;align-items:center;gap:.5rem}.preview-control-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#495057;transition:all .2s}.preview-control-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;color:#212529}.preview-control-btn:disabled{opacity:.5;cursor:not-allowed}.preview-control-btn.download-btn{background:#007bff;color:#fff;border-color:#007bff}.preview-control-btn.download-btn:hover{background:#0056b3;border-color:#0056b3}.preview-control-btn.close-btn{background:#dc3545;color:#fff;border-color:#dc3545}.preview-control-btn.close-btn:hover{background:#c82333;border-color:#c82333}.zoom-indicator{font-size:.875rem;font-weight:500;color:#495057;min-width:45px;text-align:center}.document-preview-body{flex:1;overflow:auto;background:#f0f0f0;display:flex;align-items:center;justify-content:center;position:relative}.document-preview-iframe{width:100%;height:100%;border:none}.image-preview-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;padding:2rem}.document-preview-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:4px}.preview-error,.preview-unsupported,.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:#6c757d}.preview-error p,.preview-unsupported p{margin:0;font-size:1rem}.preview-hint{font-size:.875rem;color:#adb5bd}.download-anyway-btn{margin-top:1rem;padding:.625rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.download-anyway-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.spinner{width:48px;height:48px;border:4px solid #e9ecef;border-top-color:#007bff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.document-preview-modal{width:100%;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.document-preview-header{padding:.75rem 1rem;border-radius:0}.document-preview-title{font-size:.875rem}.preview-control-btn{width:32px;height:32px}.zoom-indicator{min-width:40px;font-size:.75rem}.image-preview-container{padding:1rem}}.docx-preview-container{width:100%;height:100%;overflow:auto;background:#fff}.docx-preview-content{max-width:800px;margin:0 auto;padding:2rem;font-family:Calibri,Arial,sans-serif;font-size:14px;line-height:1.6;color:#333;background:#fff;min-height:100%}.docx-preview-content h1{font-size:24px;font-weight:700;margin:1.5em 0 .5em;color:#1a1a1a}.docx-preview-content h2{font-size:20px;font-weight:700;margin:1.25em 0 .5em;color:#1a1a1a}.docx-preview-content h3{font-size:16px;font-weight:700;margin:1em 0 .5em;color:#1a1a1a}.docx-preview-content p{margin:.5em 0}.docx-preview-content table{border-collapse:collapse;width:100%;margin:1em 0}.docx-preview-content td,.docx-preview-content th{border:1px solid #ddd;padding:8px;text-align:left}.docx-preview-content th{background-color:#f5f5f5;font-weight:700}.docx-preview-content ul,.docx-preview-content ol{margin:.5em 0;padding-left:2em}.docx-preview-content li{margin:.25em 0}.docx-preview-content strong,.docx-preview-content b{font-weight:700}.docx-preview-content em,.docx-preview-content i{font-style:italic}.docx-preview-content u{text-decoration:underline}.docx-preview-content img{max-width:100%;height:auto}@media (max-width: 768px){.docx-preview-content{padding:1rem;font-size:13px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.date-input{width:100%;padding:.625rem;border:1px solid #ddd;border-radius:.375rem;font-size:1rem;font-family:inherit;background-color:#fff;transition:all .2s;box-sizing:border-box}.date-input:hover{border-color:#bbb}.date-input:focus{outline:none;border-color:#5b4b9d;box-shadow:0 0 0 3px #5b4b9d1a}.date-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker-popper{z-index:9999!important}.react-datepicker{font-family:inherit;font-size:.9rem;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 4px 12px #00000026}.react-datepicker__header{background-color:#5b4b9d;border-bottom:none;border-radius:.5rem .5rem 0 0;padding-top:.5rem}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#fff;font-weight:600;font-size:1rem}.react-datepicker__day-name{color:#fff;font-weight:500}.react-datepicker__day{color:#333;border-radius:.25rem;transition:all .2s}.react-datepicker__day:hover{background-color:#e8e3f3;border-radius:.25rem}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:#5b4b9d;color:#fff;font-weight:600}.react-datepicker__day--today{font-weight:600;color:#5b4b9d;background-color:#e8e3f3}.react-datepicker__day--disabled{color:#ccc;cursor:not-allowed}.react-datepicker__navigation{top:.75rem}.react-datepicker__navigation-icon:before{border-color:#fff}.react-datepicker__navigation:hover *:before{border-color:#f0f0f0}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{margin:0 .25rem}.react-datepicker__month-select,.react-datepicker__year-select{padding:.35rem .5rem;border-radius:.25rem;border:1px solid rgba(255,255,255,.3);background-color:#5b4b9d80!important;color:#fff!important;font-weight:600;cursor:pointer;min-width:80px}.react-datepicker__month-select:hover,.react-datepicker__year-select:hover{background-color:#5b4b9db3!important;border-color:#ffffff80}.react-datepicker__month-select:focus,.react-datepicker__year-select:focus{outline:none;background-color:#5b4b9db3!important;border-color:#fff9}.react-datepicker__month-select option,.react-datepicker__year-select option{background-color:#5b4b9d!important;color:#fff!important;padding:.5rem}.react-datepicker select.react-datepicker__month-select,.react-datepicker select.react-datepicker__year-select{background-color:#5b4b9d80!important;color:#fff!important}.react-datepicker select.react-datepicker__month-select option,.react-datepicker select.react-datepicker__year-select option{background-color:#5b4b9d!important;color:#fff!important}.react-datepicker__time-container{border-left:1px solid #ddd}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{padding:.5rem;transition:all .2s}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#e8e3f3}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#5b4b9d;color:#fff;font-weight:600}.modal-body .react-datepicker-popper{z-index:99999!important}.alert-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}.alert-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:450px;width:90%;animation:slideIn .3s ease-out}.alert-modal-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem;position:relative}.alert-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0}.alert-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#333;flex:1}.alert-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.alert-modal-close:hover{background:#f5f5f5;color:#333}.alert-modal-body{padding:1.5rem}.alert-modal-body p{margin:0;font-size:1rem;line-height:1.6;color:#555}.alert-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:.75rem}.alert-modal-btn{padding:.625rem 1.5rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;color:#fff;transition:all .2s;min-width:100px}.alert-modal-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.alert-modal-btn:active{transform:translateY(0)}@media (max-width: 768px){.alert-modal-content{max-width:95%}.alert-modal-header,.alert-modal-body{padding:1.25rem}.alert-modal-footer{padding:1rem 1.25rem}.alert-modal-icon{width:40px;height:40px;font-size:24px}.alert-modal-title{font-size:1.125rem}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}.confirm-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:450px;width:90%;animation:slideIn .3s ease-out}.confirm-modal-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem;position:relative}.confirm-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0}.confirm-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#333;flex:1}.confirm-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.confirm-modal-close:hover{background:#f5f5f5;color:#333}.confirm-modal-body{padding:1.5rem}.confirm-modal-body p{margin:0;font-size:1rem;line-height:1.6;color:#555}.confirm-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:.75rem}.confirm-modal-btn{padding:.625rem 1.5rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.confirm-btn{color:#fff}.confirm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.confirm-modal-btn:active{transform:translateY(0)}@media (max-width: 768px){.confirm-modal-content{max-width:95%}.confirm-modal-header,.confirm-modal-body{padding:1.25rem}.confirm-modal-footer{padding:1rem 1.25rem}.confirm-modal-icon{width:40px;height:40px;font-size:24px}.confirm-modal-title{font-size:1.125rem}}.discontinuation-resignation-modal.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}.discontinuation-resignation-modal .modal-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:850px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.discontinuation-resignation-modal .modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.discontinuation-resignation-modal .modal-close-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:#718096;transition:all .2s}.discontinuation-resignation-modal .modal-close-button:hover{background-color:#f7fafc;color:#2d3748}.discontinuation-resignation-modal .modal-body{padding:1.5rem}.discontinuation-resignation-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:#f7fafc}.footer-logo{flex:1}.footer-logo .credai-logo{height:40px;width:auto}.footer-actions{display:flex;gap:1rem}.modal-title-section{display:flex;align-items:flex-start;gap:1rem}.modal-title-section h2{margin:0;font-size:1.5rem;color:#1a202c}.modal-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#718096;font-weight:400}.error-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c53030;margin-bottom:1.5rem;font-size:.875rem}.option-section{margin-bottom:1.5rem}.option-section:last-child{margin-bottom:0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:1rem}.checkbox-label .option-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#1e88e5}.checkbox-text{font-size:1rem;color:#1e88e5;font-weight:500}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#1a202c;margin:0 0 1rem}.title-indicator{width:4px;height:24px;background-color:#f57c00;border-radius:2px}.section-divider{height:1px;background-color:#e2e8f0;margin:1.5rem 0}.option-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{display:flex;gap:1.5rem;align-items:flex-start}.form-row .form-group{margin-bottom:0}.form-row .form-group.flex-grow{flex:1}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#f57c00;font-size:.875rem}.required{color:#e53e3e;margin-left:.25rem}.form-textarea,.form-input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.9375rem;font-family:inherit;transition:all .2s;box-sizing:border-box;background-color:#fff}.form-textarea{resize:vertical;min-height:100px}.form-textarea::placeholder,.form-input::placeholder{color:#a0aec0}.form-textarea:focus,.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea:disabled,.form-input:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.date-input{width:200px;min-width:200px}.file-upload-area{position:relative;min-width:280px}.file-upload-area.dashed .file-upload-label{border:2px dashed #00bcd4;background-color:#fff}.file-input{position:absolute;opacity:0;width:0;height:0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 2rem;border:2px dashed #cbd5e0;border-radius:8px;background-color:#f7fafc;cursor:pointer;transition:all .2s;color:#00bcd4;font-size:.9375rem;min-height:80px}.file-upload-label .upload-icon{color:#00bcd4}.file-upload-label:hover{border-color:#00bcd4;background-color:#e0f7fa}.file-selected{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f0fff4;border:2px solid #9ae6b4;border-radius:8px;color:#276749}.file-selected .file-info{flex:1;display:flex;flex-direction:column}.file-selected .file-name{font-weight:600;font-size:.9375rem}.file-selected .file-size{font-size:.75rem;color:#48bb78}.file-remove-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:#c53030;transition:all .2s}.file-remove-btn:hover{background-color:#fed7d7}@media (max-width: 768px){.form-row{flex-direction:column;gap:1rem}.form-row .form-group{width:100%}.date-input{width:100%;min-width:unset}.file-upload-area{min-width:unset;width:100%}.discontinuation-resignation-modal .modal-footer{flex-direction:column;gap:1rem}.footer-logo{text-align:center}.footer-actions{width:100%;justify-content:center}}.documents-categories{display:flex;flex-direction:column;gap:1.5rem}.document-category{background:#f8f9fa;border-radius:6px;overflow:hidden}.document-category-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#333;margin:0 0 1rem;padding:.5rem .75rem;background:#e9ecef}.document-category-title .document-count{font-size:.7rem;font-weight:400;color:#666;margin-left:auto;padding:.125rem .375rem;border-radius:10px;background:#6c757d;color:#fff;text-align:center;min-width:18px}.document-category-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding:.375rem}.document-card{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;background:#fff;border:1px solid #e9ecef;border-radius:4px;margin-bottom:.25rem;transition:border-color .15s ease}.document-card:hover{border-color:#2196f3}.document-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#e3f2fd;border-radius:8px;color:#1976d2}.document-card-content{flex:1;min-width:0}.document-card-title{font-size:.8rem;font-weight:500;color:#333;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-card-filename{font-size:.7rem;color:#999;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-card-meta{font-size:.75rem;color:#999;margin:0}.document-card-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.document-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#6c757d;cursor:pointer;transition:background-color .15s ease,color .15s ease}.document-action-btn:hover{background:#e3f2fd;color:#1976d2}.document-action-btn.delete:hover{background:#ffebee;color:#d32f2f}.document-empty-placeholder{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fff;border:1px dashed #ddd;border-radius:8px;color:#999;font-size:.9rem}.document-card-status{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.document-card-status.verified{background:#e8f5e9;color:#2e7d32}.document-card-status.pending{background:#fff3e0;color:#f57c00}.empty-message{text-align:center;padding:3rem;color:#999}.empty-message .empty-icon{margin-bottom:1rem;opacity:.5}.empty-message p{margin:0;font-size:1rem}@media (max-width: 640px){.document-category-content{grid-template-columns:1fr}.document-card{flex-direction:column;text-align:center}.document-card-icon{margin:0 auto}.document-card-content{width:100%}.document-card-actions{flex-direction:row;justify-content:center;width:100%;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #eee}}.docs-header-actions{display:flex;justify-content:flex-end;margin-bottom:.75rem}.docs-empty{text-align:center;padding:2rem;color:#999}.docs-empty p{margin:.5rem 0 0;font-size:.9rem}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.doc-category{background:#f8f9fa;border-radius:6px;overflow:hidden}.doc-category-header{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#e9ecef;font-size:.8rem;font-weight:600;color:#495057}.doc-category-count{margin-left:auto;background:#6c757d;color:#fff;font-size:.7rem;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center}.doc-category-items{padding:.375rem}.doc-item{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;background:#fff;border-radius:4px;margin-bottom:.25rem;border:1px solid #e9ecef;transition:border-color .15s ease}.doc-item:last-child{margin-bottom:0}.doc-item:hover{border-color:#2196f3}.doc-item-info{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0;color:#495057}.doc-item-name{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-item-size{font-size:.7rem;color:#999;flex-shrink:0}.doc-item-actions{display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem}.doc-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#6c757d;cursor:pointer;transition:background-color .15s ease,color .15s ease}.doc-action-btn:hover{background:#e3f2fd;color:#1976d2}.doc-action-btn.delete:hover{background:#ffebee;color:#d32f2f}@media (max-width: 640px){.docs-grid{grid-template-columns:1fr}}.document-list-inline{display:flex;flex-direction:column;gap:.375rem;margin-top:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px}.doc-item-inline{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;background:#fff;border-radius:4px;border:1px solid #e9ecef;transition:border-color .15s ease}.doc-item-inline:hover{border-color:#2196f3}.doc-item-inline .doc-item-info{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0;color:#495057}.doc-item-inline .doc-item-name{font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-item-inline .doc-item-size{font-size:.65rem;color:#999;flex-shrink:0}.doc-item-inline .doc-item-actions{display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem}.certificate-view{max-width:800px;margin:2rem auto;text-align:center}.certificate-content{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.success-icon{margin-bottom:1rem}.success-message{font-size:1.1rem;color:#666;margin-bottom:1rem}.certificate-details{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;width:100%;max-width:500px;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:#495057}.detail-row .value{color:#212529}.action-area{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%}.action-area .view-btn,.action-area .download-btn{min-width:190px}.error-text{color:#dc3545;font-size:.9rem}.action-table{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.action-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid #e9ecef;border-radius:8px;background:#fdfdfd}.action-label{font-weight:600;color:#343a40}.action-buttons{display:flex;gap:.5rem}.icon-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid #d0d5dd;border-radius:8px}.icon-button:hover{background:#f8fafc}.application-details-page{max-width:1400px;margin:0 auto;padding:1.5rem}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden;animation:fadeInDown .5s ease-out}.details-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.details-header>*{position:relative;z-index:1}.header-info{display:flex;flex-direction:column;gap:.5rem}.details-header h2{margin:0;font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.3px;display:flex;align-items:center}.details-header p{margin:0;font-size:.95rem;color:#fffffff2;font-weight:500;background:#ffffff26;padding:.35rem .85rem;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:fit-content}.details-actions{display:flex;gap:.75rem;flex-wrap:wrap}.details-actions button{background:#fff!important;color:#667eea!important;border:2px solid white!important;font-weight:600!important;transition:all .3s ease!important;box-shadow:0 2px 8px #00000026}.details-actions button:hover{background:#fffffff2!important;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.details-actions button:active{transform:translateY(0)}.officer-actions-section{background:#f8f9fa;padding:1.25rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #007bff}.officer-actions-section h3{margin:0 0 1rem;font-size:1.125rem;color:#333}.officer-actions-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn-success{background:#28a745!important}.action-btn-danger{background:#dc3545!important}.action-btn-warning{background:#ffc107!important;color:#333!important}.action-btn-info{background:#17a2b8!important}.action-btn-dark{background:#0d1642!important}.details-content{display:grid;gap:1.5rem;animation:fadeIn .6s ease-out .2s both}.details-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.section-title{font-size:1.125rem;font-weight:600;color:#333;margin:0}.section-actions{display:flex;gap:.5rem}.section-badge-container{display:flex;justify-content:flex-start}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.8125rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9375rem;color:#333;line-height:1.5}.detail-value.highlight{font-weight:600;color:#667eea}.project-card{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .3s ease}.status-timeline{position:relative;padding-left:2rem}.timeline-item{position:relative;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-2rem;top:0;width:2px;height:100%;background:#e0e0e0}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;left:-2.5rem;top:0;width:1rem;height:1rem;border-radius:50%;background:#007bff;border:3px solid white;box-shadow:0 0 0 2px #e0e0e0}.timeline-item.current .timeline-dot{background:#28a745;box-shadow:0 0 0 2px #28a745,0 0 0 4px #28a74533}.timeline-content h4{margin:0 0 .25rem;font-size:.9375rem;color:#333}.timeline-content p{margin:0;font-size:.8125rem;color:#666}@media (max-width: 1200px){.application-details-page{max-width:100%;padding:1rem}.details-header{padding:1.25rem 1.5rem}.details-header h2{font-size:1.5rem}}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}.details-header{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.25rem}.details-header h2{font-size:1.35rem}.details-header p{font-size:.875rem}.details-actions{width:100%}.details-actions button{flex:1;justify-content:center}.payment-item{grid-template-columns:1fr}.officer-actions-buttons{flex-direction:column}.officer-actions-buttons button{width:100%}.details-section{padding:1rem}.details-content{gap:1rem}.invoice-actions{flex-direction:column}.invoice-actions button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.documents-list{display:flex;flex-direction:column;gap:.875rem}.objection-documents-list{margin:.5rem 0 0;padding-left:1.25rem}.objection-documents-list li{margin-bottom:.35rem;line-height:1.4}.document-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem;border:1px solid #e0e0e0;border-radius:8px;transition:box-shadow .3s ease}.document-item:hover{box-shadow:0 2px 8px #0000001a}.document-info{display:flex;align-items:center;gap:1rem}.document-icon{font-size:1.75rem}.document-details h4{margin:0;font-size:.9375rem;color:#333}.document-details p{margin:.25rem 0 0;font-size:.8125rem;color:#666}.document-actions{display:flex;gap:.5rem}.icon-btn{padding:.5rem;border:1px solid #e0e0e0;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease}.icon-btn:hover{background:#f5f5f5}.icon-btn.danger:hover{background:#fee;border-color:#dc3545;color:#dc3545}.payments-list{display:flex;flex-direction:column;gap:.875rem}.payment-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;align-items:center;padding:.875rem;border:1px solid #e0e0e0;border-radius:8px}.payment-info h4{margin:0;font-size:.9375rem;color:#333}.payment-info p{margin:.25rem 0 0;font-size:.8125rem;color:#666}.payment-amount{font-size:1.0625rem;font-weight:600;color:#333}.empty-message{text-align:center;padding:2.5rem;color:#666}.empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.3}.status-badge{display:inline-block;padding:.35rem .85rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-draft,.status-0{background-color:#e7e7e7;color:#666}.status-payment-pending,.status-1{background-color:#fff3cd;color:#856404}.status-offline-payment-pending,.status-2,.status-renewal-offline-payment-pending,.status-31{background-color:#ffeaa7;color:#d63031}.status-scrutinizer-pending,.status-4{background-color:#cce5ff;color:#004085}.status-scrutinizer-objected,.status-5{background-color:#ffe5b4;color:#8b4513}.status-scrutinizer-rejected,.status-6{background-color:#f8d7da;color:#721c24}.status-application-correction,.status-7{background-color:#ffd89b;color:#d35400}.status-convenor-pending,.status-8{background-color:#d5f4e6;color:#0e6655}.status-mcm-date-pending,.status-9{background-color:#dfe6e9;color:#2d3436}.status-rera-approval-pending,.status-10{background-color:#fab1a0;color:#d63031}.status-director-general-pending,.status-11{background-color:#a29bfe;color:#6c5ce7}.status-secretary-pending,.status-12{background-color:#fd79a8;color:#e84393}.status-secretary-approval-pending,.status-13,.status-rpm-secretary-approval-pending,.status-25{background-color:#fdcb6e;color:#e17055}.status-membership-number-generation-pending,.status-14,.status-rpm-membership-number-generation-pending,.status-26{background-color:#74b9ff;color:#0984e3}.status-membership-certificate-issuance-pending,.status-15{background-color:#55efc4;color:#00b894}.status-approved,.status-16{background-color:#d4edda;color:#155724}.status-rejected,.status-17{background-color:#f8d7da;color:#721c24}.status-certificate-issued,.status-18{background-color:#c3fdb8;color:#2d7a2d}.status-offline-renewal-certificate-pending,.status-32{background-color:#dfe4ea;color:#4b6584}.invoice-section{min-height:120px}.invoice-loading,.invoice-error,.invoice-not-available{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:#666}.invoice-available{display:flex;flex-direction:column;gap:1.5rem}.invoice-info{display:flex;align-items:center;gap:1rem}.invoice-details h4{margin:0 0 .5rem;color:#333;font-size:1rem}.invoice-details p{margin:0;color:#666;font-size:.875rem}.invoice-actions{display:flex;gap:.75rem;flex-wrap:wrap}.invoice-message h4{margin:0 0 .5rem;color:#333}.invoice-message p{margin:0;color:#666}.offline-payment-label{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.enable-offline-payment-section{display:flex;flex-direction:column;gap:1rem}.enable-offline-payment-section .section-subtitle{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.enable-offline-payment-section .form-group{display:flex;flex-direction:column;gap:.5rem}.enable-offline-payment-section .form-group label{font-size:.875rem;font-weight:500;color:#333}.enable-offline-payment-section .form-group input[type=date],.enable-offline-payment-section .form-group select{padding:.625rem;border:1px solid #d0d0d0;border-radius:6px;font-size:.9rem;transition:border-color .3s ease}.enable-offline-payment-section .form-group input[type=date]:focus,.enable-offline-payment-section .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.enable-offline-payment-section .error-message{color:#dc3545;font-size:.875rem}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-card{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:8px;padding:1rem;transition:all .3s ease}.project-card:hover{background:#f5f5f5;border-color:#d0d0d0;box-shadow:0 2px 8px #00000014}.project-card:last-child{margin-bottom:0}.project-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0}.project-card-header h4{margin:0;font-size:1rem;font-weight:600;color:#333;flex:1}.project-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-status-badge.ongoing{background:#e3f2fd;color:#1976d2}.project-status-badge.completed{background:#e8f5e9;color:#388e3c}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;padding:1rem}.not-found-content{text-align:center;max-width:500px}.not-found-title{font-size:8rem;font-weight:700;color:#007bff;margin:0;line-height:1}.not-found-subtitle{font-size:2rem;color:#333;margin:1rem 0}.not-found-message{color:#666;font-size:1.125rem;margin-bottom:2rem}.not-found-link{display:inline-block;padding:.75rem 1.5rem;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .3s ease}.not-found-link:hover{background-color:#0056b3}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.onboarding-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:480px}.onboarding-header{text-align:center;margin-bottom:30px}.onboarding-header .logo{font-size:2rem;font-weight:800;color:#667eea;margin-bottom:16px}.onboarding-header h1{font-size:1.5rem;color:#1a202c;margin:0 0 8px}.onboarding-header p{color:#718096;margin:0}.invitation-info{background:#f7fafc;border-radius:8px;padding:16px;margin-bottom:24px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-item:not(:last-child){border-bottom:1px solid #e2e8f0}.info-label{color:#718096;font-size:.875rem}.info-value{color:#1a202c;font-weight:500}.role-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;text-transform:uppercase}.onboarding-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:#4a5568}.form-group input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#e53e3e}.field-error{color:#e53e3e;font-size:.75rem}.error-message{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.onboarding-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.onboarding-footer p{color:#718096;margin:0}.onboarding-footer a{color:#667eea;text-decoration:none;font-weight:500}.onboarding-footer a:hover{text-decoration:underline}.loading-spinner{text-align:center;padding:40px}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-spinner p{color:#718096}.error-container,.success-container{text-align:center;padding:40px 20px}.error-icon,.success-icon{font-size:4rem;margin-bottom:20px}.error-container h2,.success-container h2{color:#1a202c;margin:0 0 12px}.error-container p,.success-container p{color:#718096;margin:0 0 24px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 480px){.onboarding-container{padding:24px}.onboarding-header h1{font-size:1.25rem}}:root{--primary-color: #3182ce;--primary-hover: #2c5282;--primary-dark: #2b6cb0;--success-color: #48bb78;--success-hover: #38a169;--success-bg: #c6f6d5;--success-text: #22543d;--danger-color: #e53e3e;--danger-hover: #c53030;--danger-bg: #fed7d7;--danger-text: #822727;--warning-color: #ed8936;--warning-hover: #dd6b20;--warning-bg: #fefcbf;--warning-text: #744210;--text-dark: #2d3748;--text-medium: #4a5568;--text-light: #718096;--bg-light: #f7fafc;--bg-white: #ffffff;--bg-gray: #f5f5f5;--border-color: #e2e8f0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15)}.officer-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-gray)}.officer-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:var(--shadow-sm)}.officer-header-left,.officer-header-right{display:flex;align-items:center;gap:1rem}.logo-section{display:flex;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:1px}.logo{height:clamp(40px,4vw,56px);width:auto;object-fit:contain}.logo-wrapper{background:#fff;padding:2px 14px;border-radius:6px;display:flex;align-items:center}.header-divider{color:#ffffff80;font-size:1.5rem}.officer-title{font-size:1.25rem;font-weight:500;margin:0;color:#fff}.user-info{font-size:.875rem;opacity:.9}.logout-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#fff3}.officer-main-full{flex:1;display:flex;flex-direction:column;padding:0;background:var(--bg-gray)}.officer-main-full.with-sidebar{flex-direction:row}.officer-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.officer-content{flex:1;padding:1.5rem;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h2{margin:0 0 .5rem;color:var(--text-dark)}.page-header p{margin:0;color:var(--text-light);font-size:.95rem}.header-actions{display:flex;gap:1rem}.side-panel{position:relative;width:280px;min-width:280px;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s ease;box-shadow:var(--shadow-sm)}.side-panel.collapsed{width:70px;min-width:70px}.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.side-panel-title{font-size:1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.toggle-btn:hover{background:#fff3}.side-panel-nav{flex:1;overflow-y:auto;padding:1rem 0}.side-panel-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;background:transparent;color:var(--text-dark);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;position:relative}.side-panel-item:hover{background:var(--bg-light);color:var(--primary-color)}.side-panel-item:active{background:var(--border-color)}.side-panel-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.side-panel-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-panel-count{background:var(--primary-color);color:#fff;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;min-width:24px;text-align:center;flex-shrink:0}.side-panel.collapsed .side-panel-count-badge{position:absolute;top:6px;right:6px;background:var(--danger-color);color:#fff;padding:.125rem .375rem;border-radius:10px;font-size:.625rem;font-weight:600;min-width:18px;text-align:center;line-height:1}.side-panel-nav::-webkit-scrollbar{width:6px}.side-panel-nav::-webkit-scrollbar-track{background:transparent}.side-panel-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.side-panel-nav::-webkit-scrollbar-thumb:hover{background:#cbd5e0}.officer-tabs{display:flex;background:#fff;border-bottom:1px solid var(--border-color);padding:0 1rem;overflow-x:auto;flex-wrap:wrap}.officer-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.officer-tab:hover{color:#667eea;background:var(--bg-gray)}.officer-tab.active{color:#667eea;border-bottom-color:#667eea}.tab-count{background:#e8eaf6;color:#667eea;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.officer-tab.active .tab-count{background:#667eea;color:#fff}.sub-tabs{display:flex;gap:0;margin-bottom:1.5rem}.sub-tab{padding:10px 24px;border:none;background:var(--border-color);color:var(--text-medium);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.sub-tab:first-child{border-radius:6px 0 0 6px}.sub-tab:last-child{border-radius:0 6px 6px 0}.sub-tab.active{background:var(--primary-color);color:#fff}.sub-tab:hover:not(.active){background:#cbd5e0}.action-btn,.btn-confirm,.btn-cancel,.filter-btn{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.action-btn{background:var(--primary-color);color:#fff}.action-btn:hover{background:var(--primary-hover)}.btn-cancel{background:var(--border-color);color:var(--text-medium)}.btn-cancel:hover{background:#cbd5e0}.btn-confirm.btn-success{background:var(--success-color);color:#fff}.btn-confirm.btn-success:hover{background:var(--success-hover)}.btn-confirm.btn-danger{background:var(--danger-color);color:#fff}.btn-confirm.btn-danger:hover{background:var(--danger-hover)}.btn-confirm.btn-warning{background:var(--warning-color);color:#fff}.btn-confirm.btn-warning:hover{background:var(--warning-hover)}.btn-confirm.btn-primary{background:var(--primary-color);color:#fff}.btn-confirm.btn-primary:hover{background:var(--primary-hover)}.btn-view{padding:.375rem .75rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:#edf2f7;color:var(--text-medium)}.btn-view:hover{background-color:var(--border-color)}.btn-more{background-color:#edf2f7;border:none;padding:.375rem .5rem;border-radius:4px;cursor:pointer}.action-icon-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s}.action-btn-group{display:flex;gap:4px;flex-wrap:wrap}.action-icon-btn.view{background:var(--border-color);color:var(--text-medium)}.action-icon-btn.view:hover{background:#cbd5e0}.action-icon-btn.approve{background:var(--success-bg);color:var(--success-text)}.action-icon-btn.approve:hover{background:#9ae6b4}.action-icon-btn.objection{background:#feebc8;color:#c05621}.action-icon-btn.objection:hover{background:#fbd38d}.action-icon-btn.reject{background:var(--danger-bg);color:var(--danger-text)}.action-icon-btn.reject:hover{background:#feb2b2}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.more-actions{position:relative}.actions-dropdown{display:none;position:absolute;right:0;top:100%;background-color:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-md);min-width:150px;z-index:10}.more-actions:hover .actions-dropdown{display:block}.actions-dropdown button{display:block;width:100%;padding:.5rem 1rem;border:none;background:none;text-align:left;cursor:pointer;font-size:.875rem}.actions-dropdown button:hover{background-color:var(--bg-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content.modal-large{max-width:640px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-dark)}.modal-close{background:none;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-medium)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-light);border-radius:0 0 12px 12px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.modal-error{background:var(--danger-bg);color:var(--danger-text);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.success-icon-large{display:flex;justify-content:center;margin-bottom:1.5rem}.success-icon-large svg{width:64px;height:64px;color:var(--success-color)}.success-message{text-align:center;color:var(--text-medium);margin-bottom:1.5rem}.invitation-details{background:var(--bg-light);border-radius:8px;padding:1rem}.invitation-details label{display:block;font-size:.875rem;font-weight:500;color:var(--text-medium);margin-bottom:.5rem}.invitation-link-box{display:flex;gap:.5rem}.invitation-link-box input{flex:1;padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:8px;font-size:.875rem;background:#fff}.btn-copy{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-copy:hover{background:var(--primary-hover)}.btn-copy svg{width:16px;height:16px}.btn-preview{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s,opacity .2s}.btn-preview:hover:not(:disabled){background-color:#1976d2}.btn-preview:disabled{opacity:.7;cursor:not-allowed}.btn-preview svg{width:16px;height:16px}.preview-section{padding:.75rem;background-color:#f5f5f5;border-radius:6px;margin-bottom:1rem}.preview-status{display:flex;align-items:center;gap:.25rem;color:#4caf50;font-size:.875rem}.preview-error{color:#f44336;font-size:.875rem;margin-top:.5rem}.link-note{margin:.75rem 0 0;font-size:.8rem;color:var(--text-light)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--text-medium)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.form-section:last-child{border-bottom:none}.form-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-dark)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.data-table,.application-table{width:100%;border-collapse:collapse;background:#fff;font-size:.875rem}.data-table th,.application-table th,.data-table td,.application-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th,.application-table th{background:var(--bg-light);font-weight:600;color:var(--text-medium);position:sticky;top:0;z-index:10}.application-table th{text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;background:linear-gradient(to bottom,#f8f9fc,#f1f3f9);border-bottom:2px solid #e2e8f0}.data-table tbody tr:hover,.application-table tbody tr:hover{background:var(--bg-light);transition:background-color .15s ease}.application-table tbody tr{transition:all .2s ease}.application-table tbody tr:hover{background:#f8f9fc;transform:scale(1.001);box-shadow:0 2px 8px #0000000a}.application-table tbody tr.has-objection{background-color:#fffbeb;border-left:3px solid var(--warning-color)}.application-table tbody tr.has-objection:hover{background-color:#fef3c7}.no-data{text-align:center;color:#a0aec0;font-style:italic;padding:3rem 1rem}.application-list{overflow-x:auto;background:#fff;border-radius:0 0 12px 12px}.application-list::-webkit-scrollbar{height:8px}.application-list::-webkit-scrollbar-track{background:var(--bg-light);border-radius:0 0 12px 12px}.application-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.application-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.membership-type-filter{min-width:180px;padding:.5rem .875rem;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;font-size:.875rem;font-weight:400;color:#2d3748;cursor:pointer;transition:all .2s ease;margin-right:.75rem}.membership-type-filter:hover{border-color:#667eea}.membership-type-filter:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.membership-type-select{min-width:200px;padding:.5rem .875rem;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;font-size:.875rem;font-weight:400;color:#2d3748;cursor:pointer;transition:all .2s;height:42px;display:flex;align-items:center}.view-toolbar-right{display:flex;align-items:center;gap:.75rem}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-success,.status-badge.status-approved{background:var(--success-bg);color:var(--success-text)}.status-badge.status-pending{background:var(--warning-bg);color:var(--warning-text)}.status-badge.status-failed,.status-badge.status-rejected,.status-danger{background:var(--danger-bg);color:var(--danger-text)}.status-badge.status-objected{background:#feebc8;color:#7b341e}.membership-type{display:inline-block;padding:.25rem .5rem;background-color:#edf2f7;border-radius:4px;font-size:.75rem;font-weight:500}.summary-card,.stat-card,.chart-card,.analytics-section,.drilldown-report,.approved-applications,.transaction-summary,.filters-section,.signature-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow-md)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.summary-card{display:flex;align-items:center;gap:15px;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.summary-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff}.summary-icon svg{width:24px;height:24px}.summary-value{font-size:1.5rem;font-weight:700;color:#1a365d}.summary-label{font-size:.875rem;color:var(--text-medium);font-weight:500}.summary-content{display:flex;flex-direction:column;gap:.25rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stat-card{border-left:4px solid #3182ce}.stat-card.stat-success,.stat-card.stat-approved{border-left-color:var(--success-color)}.stat-card.stat-danger,.stat-card.stat-rejected{border-left-color:var(--danger-color)}.stat-card.stat-warning,.stat-card.stat-objected{border-left-color:var(--warning-color)}.stat-card .stat-value{font-size:2rem;font-weight:700;color:#1a202c;margin:0}.stat-card.stat-success .stat-value,.stat-card.stat-approved .stat-value{color:var(--success-text)}.stat-card.stat-danger .stat-value,.stat-card.stat-rejected .stat-value{color:var(--danger-text)}.stat-card.stat-warning .stat-value,.stat-card.stat-objected .stat-value{color:var(--warning-text)}.stat-card .stat-label{font-size:.875rem;color:var(--text-medium);font-weight:500;margin:.5rem 0 0}.admin-overview,.admin-applications,.admin-transactions,.admin-reports,.admin-officers{padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header .application-section-title{margin:0}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.95}.stat-value{font-size:1.75rem;font-weight:700;line-height:1}.stat-amount{font-size:.875rem;font-weight:500;opacity:.9}.admin-filters-card{background:#f6f8fa;border-radius:8px;border:1px solid #e2e8f0;box-shadow:none;padding:.75rem 1rem;margin-bottom:1.5rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:0}.filters-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-dark)}.clear-filters-btn{background:none;border:none;color:#3b82f6;font-size:.95rem;cursor:pointer;font-weight:500;padding:0}.clear-filters-btn:hover{text-decoration:underline}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:1rem;align-items:end;margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.875rem;font-weight:500;color:var(--text-medium)}.filter-group select,.filter-group input{padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:8px;font-size:.875rem;background:#fff;transition:border-color .2s}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#667eea}.filter-group.filter-actions{justify-content:flex-end;align-self:flex-end}.filter-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;height:fit-content;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.filter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.results-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:0 .25rem}.results-count{font-size:.9rem;color:var(--text-medium);font-weight:500}.filters-active{background:#e0e7ff;color:#3730a3;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.admin-applications-list{display:flex;flex-direction:column;gap:1rem}.admin-application-item{display:grid;grid-template-columns:2fr 1fr auto;gap:1.5rem;align-items:center;padding:1.25rem 1.5rem;background:#fff;border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.admin-application-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.application-main-info{display:flex;flex-direction:column;gap:.375rem}.application-header{display:flex;align-items:center;gap:.75rem}.app-number{font-family:monospace;font-size:.8rem;color:var(--primary-color);font-weight:600}.application-main-info .firm-name{margin:0;font-size:1rem;font-weight:600;color:var(--text-dark)}.application-main-info .applicant-name{margin:0;font-size:.875rem;color:var(--text-light)}.application-meta{display:flex;gap:2rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:.875rem;color:var(--text-dark);font-weight:500}.meta-value.membership-type{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.application-actions .view-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.application-actions .view-btn:hover{background:#667eea;color:#fff}.empty-state-card{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center;border:1px solid var(--border-color)}.empty-state-card .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-card h3{margin:0 0 .5rem;color:var(--text-dark);font-size:1.25rem}.empty-state-card p{margin:0;color:var(--text-light)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid var(--border-color)}.pagination-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid var(--border-color);background:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-medium);transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination-pages{display:flex;gap:.375rem}.pagination-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-medium);transition:all .2s}.pagination-page:hover{border-color:#667eea;color:#667eea}.pagination-page.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.pagination-info{font-size:.875rem;color:var(--text-light)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-draft{background-color:#e7e7e7;color:#666}.status-payment-pending{background-color:#fff3cd;color:#856404}.status-under-review{background-color:#cce5ff;color:#004085}.status-approved,.status-success{background-color:#d4edda;color:#155724}.status-rejected{background-color:#f8d7da;color:#721c24}.status-objected{background-color:#ffe5d0;color:#c65102}.status-discontinued{background-color:#e2e3e5;color:#495057}.status-pending{background-color:#fff3cd;color:#856404}.status-failed{background-color:#f8d7da;color:#721c24}.btn-invite{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-invite:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.role-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.75rem;font-weight:500}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.pie-chart-container{text-align:center}.pie-chart-legend{display:flex;flex-direction:column;gap:8px;text-align:left}.legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.application-list-loading,.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-light);background:#fff;border-radius:12px;margin:1.5rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.application-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:0 0 12px 12px;min-height:400px}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5;filter:grayscale(20%)}.application-list-empty h3{margin:0 0 .75rem;color:var(--text-dark);font-size:1.25rem;font-weight:600}.application-list-empty p{margin:0;color:var(--text-light);font-size:.95rem;max-width:400px}.reports-content{padding:20px 0}.reports-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.report-stat-card{flex:1;min-width:150px;max-width:200px;background:#fff;border-radius:8px;padding:16px;border:1px solid #e2e8f0;transition:box-shadow .2s ease}.report-stat-card:hover{box-shadow:0 4px 12px #00000014}.report-stat-card.stat-info{border-left:4px solid #3b82f6}.report-stat-card.stat-danger{border-left:4px solid #ef4444}.report-stat-card.stat-primary{border-left:4px solid #6366f1;background:linear-gradient(135deg,#f0f4ff,#fff)}.report-stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:500}.report-stat-value{font-size:1.75rem;font-weight:700;color:#1e293b}.report-stat-card.stat-info .report-stat-label{color:#3b82f6}.report-stat-card.stat-danger .report-stat-label{color:#ef4444}.report-stat-card.stat-primary .report-stat-label{color:#6366f1}.reports-charts-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.report-chart-container{flex:1;min-width:300px;background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.report-chart-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 20px}.bar-chart{display:flex;flex-direction:column;height:200px}.bar-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;position:absolute;left:0;height:150px;font-size:.7rem;color:#94a3b8}.bar-chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:40px;height:150px;padding:0 40px;border-bottom:1px solid #e2e8f0;position:relative}.bar-wrapper{display:flex;flex-direction:column;align-items:center;width:60px}.bar{width:50px;min-height:4px;border-radius:4px 4px 0 0;transition:height .3s ease}.bar-orange{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.bar-blue{background:linear-gradient(180deg,#3b82f6,#1e3a8a)}.bar-chart-legend{display:flex;justify-content:center;gap:16px;margin-top:16px;padding-top:12px}.bar-chart-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#64748b}.bar-chart-legend .legend-color{width:16px;height:10px;border-radius:2px}.bar-chart-legend .legend-color.bar-blue{background:linear-gradient(180deg,#3b82f6,#1e3a8a)}.bar-chart-legend .legend-color.bar-orange{background:linear-gradient(180deg,#fbbf24,#f59e0b)}@media (max-width: 1200px){.reports-stats-row{justify-content:flex-start}.report-stat-card{flex:1 1 calc(33.333% - 16px);max-width:none}.transaction-stats,.filters-grid{grid-template-columns:repeat(2,1fr)}.filter-group.filter-actions{grid-column:span 2}}@media (max-width: 768px){.reports-stats-row{padding:12px;gap:12px}.report-stat-card{flex:1 1 calc(50% - 12px);padding:12px}.report-stat-value{font-size:1.25rem}.reports-charts-row{flex-direction:column}.report-chart-container{min-width:100%}.transaction-stats,.filters-grid{grid-template-columns:1fr}.filter-group.filter-actions{grid-column:1}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-header>div:last-child{width:100%;flex-direction:column}.transaction-filters-bar{flex-direction:column;align-items:flex-start}.filter-left{width:100%}.filter-right{width:100%;flex-direction:column;align-items:stretch}.membership-type-select,.search-wrapper{width:100%;min-width:100%}}@media (max-width: 480px){.report-stat-card{flex:1 1 100%}}.membership-type-select{min-width:200px;padding:.5rem .875rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.875rem;font-weight:400;background-color:#fff;cursor:pointer;transition:border-color .2s;height:42px}.membership-type-select:hover{border-color:#667eea}.search-wrapper{min-width:300px;display:flex;align-items:center}.scrutinizer-table thead th{padding:14px 16px;text-align:left;font-weight:600;color:#fff!important;white-space:nowrap;text-transform:uppercase;font-size:12px;letter-spacing:.5px;background:transparent!important;border-bottom:none!important}.scrutinizer-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.scrutinizer-table thead th.sortable:hover{background:#ffffff1a!important}.scrutinizer-table thead th .sort-icon{display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle;color:#fff}.scrutinizer-table thead th .sort-icon svg{color:#fff;fill:#fff}.scrutinizer-table thead th .sort-icon .sort-inactive{opacity:.6}.scrutinizer-table thead tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.table-pagination{margin-top:1rem;padding:1rem;background:#f8f9fc;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0}.stat-card .stat-label,.stat-card .stat-value,.stat-card .stat-amount{color:#fffffff2}.stat-card.stat-total .stat-label,.stat-card.stat-success .stat-label,.stat-card.stat-pending .stat-label,.stat-card.stat-failed .stat-label{color:#fffffff2;opacity:1}.stat-card.stat-total .stat-value,.stat-card.stat-success .stat-value,.stat-card.stat-pending .stat-value,.stat-card.stat-failed .stat-value{color:#fff}.stat-card.stat-total .stat-amount,.stat-card.stat-success .stat-amount,.stat-card.stat-pending .stat-amount,.stat-card.stat-failed .stat-amount{color:#fffffff2;opacity:.95}.app-number{font-family:monospace;font-weight:600;color:var(--primary-dark)}.applicant-info{display:flex;flex-direction:column;gap:.25rem}.applicant-name{font-weight:500;color:var(--text-dark)}.firm-name{font-size:.75rem;color:var(--text-light)}.objection-indicator{margin-left:.5rem;cursor:help;color:var(--warning-text)}.days-pending{font-weight:500}.days-pending.overdue{color:var(--danger-color)}.error-message{display:flex;align-items:center;justify-content:space-between;background:var(--danger-bg);color:var(--danger-text);padding:1rem;border-radius:8px;margin-bottom:1rem}.error-message button{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem}.filtered-view{padding:0;background:var(--bg-white);border-radius:12px;box-shadow:var(--shadow-md);margin:1.5rem;overflow:hidden}.view-header{display:flex;flex-direction:column;gap:.75rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;box-shadow:0 4px 6px #0000001a}.view-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffffff4d,#ffffffb3,#ffffff4d)}.view-header button{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-header button:hover{background:#ffffff40;border-color:#ffffff80;transform:translate(-2px);box-shadow:0 2px 8px #00000026}.view-content{padding:2rem;background:var(--bg-light);min-height:200px}.view-content p{color:var(--text-medium);font-size:1rem;margin:0}.signature-management-page{padding:2rem;max-width:1400px;margin:0 auto}.signatures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.signature-card{border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;background:#fff;transition:all .3s ease}.signature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.signature-card.inactive{opacity:.7;background:var(--bg-light)}.signature-image-container{position:relative;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1rem;min-height:120px;display:flex;align-items:center;justify-content:center}.signature-image{max-width:100%;max-height:100px;object-fit:contain}.inactive-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:8px}.inactive-overlay span{color:#fff;font-weight:600;font-size:1.1rem}.signature-info{margin-bottom:1rem}.signature-info h3{margin:0 0 .5rem;color:var(--text-dark);font-size:1.1rem}.signature-info .position{margin:0 0 .5rem;color:var(--text-medium);font-weight:500}.signature-info .file-info,.signature-info .date-info{margin:.25rem 0;color:var(--text-light);font-size:.875rem}.signature-actions{display:flex;gap:.5rem;flex-wrap:wrap}.preview-section{margin-bottom:1.5rem}.preview-section label{display:block;margin-bottom:.5rem;color:var(--text-dark);font-weight:500}.signature-preview{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:1.5rem;text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center}.signature-preview img{max-width:100%;max-height:150px;object-fit:contain}@media (max-width: 768px){.officer-header{padding:0 1rem}.officer-title{font-size:1rem}.user-info{display:none}.summary-cards,.stats-cards,.charts-grid{grid-template-columns:1fr}.modal-content{margin:20px;max-width:calc(100% - 40px)}.signature-management-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.header-actions{width:100%}.header-actions button{flex:1}.signatures-grid{grid-template-columns:1fr}.signature-actions{flex-direction:column}.signature-actions button{width:100%}.officer-main-full.with-sidebar{flex-direction:column}.side-panel{width:100%!important;min-width:100%!important;border-right:none;border-bottom:1px solid var(--border-color)}.side-panel-header{padding:1rem}.side-panel-nav{flex-direction:row;overflow-x:auto;padding:.5rem 1rem}.side-panel-item{min-width:auto;padding:.75rem 1rem}}:root{--css-version: "modular-2.0.0"}.workflow-comments-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}.workflow-comments-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.workflow-comments-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc;border-radius:8px 8px 0 0}.workflow-comments-modal .modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#1a202c}.workflow-comments-modal .close-button{background:none;border:none;cursor:pointer;padding:.25rem;color:#718096;transition:color .2s}.workflow-comments-modal .close-button:hover{color:#1a202c}.workflow-comments-modal .modal-body{flex:1;overflow-y:auto;padding:0}.workflow-comments-modal .loading-container{display:flex;justify-content:center;align-items:center;padding:3rem}.workflow-comments-modal .error-message{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;color:#c53030;background-color:#fff5f5;margin:1rem;border-radius:6px}.workflow-comments-modal .no-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#718096;text-align:center}.workflow-comments-modal .no-comments p{margin-top:1rem}.comments-list{display:flex;flex-direction:column}.comment-item{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.comment-item:last-child{border-bottom:none}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.comment-action{display:flex;justify-content:space-between;align-items:center;width:100%}.action-name{font-weight:600;color:#1a202c;font-size:.9375rem}.comment-date{font-size:.8125rem;color:#718096}.comment-officer{font-size:.875rem;color:#4a5568;margin-bottom:.5rem}.comment-content{font-size:.875rem;color:#4a5568;line-height:1.5}.comment-content p{margin:0}.comment-content p+p{margin-top:.25rem}.comment-details{color:#718096;font-style:italic}.workflow-comments-modal .modal-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc;border-radius:0 0 8px 8px}.workflow-comments-modal .close-btn{padding:.5rem 1.5rem;background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;font-size:.875rem;transition:color .2s}.workflow-comments-modal .close-btn:hover{color:#5a67d8}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{display:flex;align-items:center;gap:1rem}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-selector label{color:#6b7280;font-size:.875rem}.page-size-selector select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;cursor:pointer}.page-size-selector select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.pagination-buttons{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:flex;align-items:center;justify-content:center;height:2rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.25rem;margin:0 .5rem}.pagination-page-btn{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .15s ease}.pagination-page-btn:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#9ca3af}.pagination-page-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-page-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:0 .5rem;color:#6b7280}.table-search-container{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.search-input-wrapper{position:relative;flex:1;max-width:350px}.search-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;display:flex;align-items:center;justify-content:center;pointer-events:none}.table-search-input{width:100%;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;background-color:#fff}.table-search-input.with-icon{padding-left:2.5rem;padding-right:2.5rem}.table-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.table-search-input::placeholder{color:#9ca3af}.search-input-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-radius:4px;transition:all .15s ease}.search-input-clear:hover{color:#6b7280;background-color:#f3f4f6}.table-search-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background .15s ease}.table-search-btn:hover{background:#2563eb}@media (max-width: 640px){.pagination-container{flex-direction:column;align-items:flex-start}.pagination-controls{width:100%;justify-content:space-between}.pagination-pages{display:none}}.transaction-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:0 .5rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-success .stat-icon{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.stat-pending .stat-icon{background:linear-gradient(135deg,#ffc107,#ffb300);color:#fff}.stat-failed .stat-icon{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.stat-refunded .stat-icon{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:#212529;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#6c757d;font-weight:500}.stat-amount{font-size:.875rem;color:#fff;font-weight:600;margin-top:.25rem;opacity:.95}.transactions-table-container{width:100%;overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.transactions-table{width:100%;border-collapse:collapse;font-size:.875rem}.transactions-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.transactions-table thead th{padding:1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.transactions-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.transactions-table tbody tr:hover{background-color:#f8f9fa}.transactions-table tbody tr:last-child{border-bottom:none}.transaction-row.status-success{background-color:#28a74505}.transaction-row.status-failed{background-color:#dc354505}.transaction-row.status-pending{background-color:#ffc10705}.transaction-row.status-refunded{background-color:#17a2b805}.transactions-table tbody td{padding:.875rem 1rem;vertical-align:middle}.transaction-date{display:flex;align-items:center;gap:.5rem;color:#495057;font-size:.8125rem}.transaction-ref{font-family:Courier New,monospace;color:#6c757d;font-size:.8125rem;display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applicant-name{font-weight:500;color:#212529}.application-id{font-family:Courier New,monospace;color:#6610f2;font-weight:600;font-size:.8125rem}.transaction-amount{font-weight:600;color:#212529;font-size:.9375rem}.payment-mode-badge{display:inline-flex;align-items:center;gap:.25rem}.transaction-status-success{background-color:#28a745!important}.transaction-status-failed{background-color:#dc3545!important}.transaction-status-pending{background-color:#ffc107!important;color:#212529!important}.transaction-status-refunded{background-color:#17a2b8!important}.transactions-loading,.transactions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.transactions-empty .empty-icon{color:#6c757d;opacity:.5;margin-bottom:1rem}.transactions-empty h3{margin:0 0 .5rem;color:#212529;font-size:1.25rem}.transactions-empty p{margin:0;color:#6c757d}.btn-view,.btn-view-icon{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;color:#667eea;cursor:pointer;border-radius:6px;transition:all .2s ease;min-width:36px;height:36px}.btn-view:hover,.btn-view-icon:hover{background-color:#edf2f7;color:#5a67d8;transform:scale(1.05)}.btn-view:active,.btn-view-icon:active{background-color:#e2e8f0;transform:scale(.95)}.btn-view:disabled,.btn-view-icon:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.transaction-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.transactions-table{font-size:.8125rem}.transactions-table thead th,.transactions-table tbody td{padding:.75rem}}@media (max-width: 768px){.transaction-stats{grid-template-columns:1fr}.transactions-table-container{overflow-x:scroll}.transactions-table{min-width:1000px}.transaction-date{flex-direction:column;align-items:flex-start;gap:.25rem}}.icon-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-start}.icon-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:#f0f0f0;color:#666}.icon-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.icon-action-btn:active{transform:translateY(0)}.icon-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-action-btn.view{background-color:#e3f2fd;color:#1976d2}.icon-action-btn.view:hover{background-color:#1976d2;color:#fff}.icon-action-btn.edit{background-color:#fff3e0;color:#f57c00}.icon-action-btn.edit:hover{background-color:#f57c00;color:#fff}.icon-action-btn.approve{background-color:#e8f5e9;color:#388e3c}.icon-action-btn.approve:hover{background-color:#388e3c;color:#fff}.icon-action-btn.reject,.icon-action-btn.objection{background-color:#ffebee;color:#d32f2f}.icon-action-btn.reject:hover,.icon-action-btn.objection:hover{background-color:#d32f2f;color:#fff}.icon-action-btn.process{background-color:#f3e5f5;color:#7b1fa2}.icon-action-btn.process:hover{background-color:#7b1fa2;color:#fff}.icon-action-btn.delete{background-color:#ffebee;color:#c62828}.icon-action-btn.delete:hover{background-color:#c62828;color:#fff}.icon-action-btn.resign{background-color:#fff8e1;color:#ff8f00}.icon-action-btn.resign:hover{background-color:#ff8f00;color:#fff}.icon-action-btn.download{background-color:#e0f2f1;color:#00796b}.icon-action-btn.download:hover{background-color:#00796b;color:#fff}.icon-action-btn.info{background-color:#e1f5fe;color:#0288d1}.icon-action-btn.info:hover{background-color:#0288d1;color:#fff}.icon-action-btn.comment{background-color:#e0f7fa;color:#00838f}.icon-action-btn.comment:hover{background-color:#00838f;color:#fff}.action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:#f0f0f0;color:#666}.action-icon-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-icon-btn.view{background-color:#e3f2fd;color:#1976d2}.action-icon-btn.view:hover{background-color:#1976d2;color:#fff}.action-icon-btn.comment{background-color:#e0f7fa;color:#00838f}.action-icon-btn.comment:hover{background-color:#00838f;color:#fff}.action-icon-btn.resign{background-color:#ffebee;color:#d32f2f}.action-icon-btn.resign:hover{background-color:#d32f2f;color:#fff}.action-icon-btn.process{background-color:#f3e5f5;color:#7b1fa2}.action-icon-btn.process:hover{background-color:#7b1fa2;color:#fff}.view-header-compact{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-back-compact{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:.8rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-back-compact:hover{background:#ffffff40;border-color:#ffffff80}.view-title-compact{margin:0;font-size:1.25rem;font-weight:600;color:#fff!important;flex:1}.view-header{display:flex;flex-direction:column;gap:.75rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.view-header h2{margin:0;font-size:2.25rem;font-weight:700;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:-.5px;text-align:center;padding:.5rem 0}.view-divider{height:1px;background:linear-gradient(to right,#e5e7eb,#d1d5db,#e5e7eb);margin:1rem 0 1.5rem}.view-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.view-toolbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.view-toolbar-right{display:flex;align-items:center;gap:1rem}.view-toolbar .table-search-container{margin-bottom:0}.view-toolbar .search-input-wrapper{min-width:280px}.view-count{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;white-space:nowrap;background-color:#f9fafb;padding:.5rem 1rem;border-radius:.5rem;border:1px solid #e5e7eb}.toolbar-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.toolbar-btn.filter-btn{background:#f9fafb;border:1px solid #e5e7eb;color:#374151}.toolbar-btn.filter-btn:hover{background:#f3f4f6;border-color:#d1d5db}.toolbar-btn.filter-btn.has-filters{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.toolbar-btn.filter-btn .filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#3b82f6;color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.toolbar-btn.export-btn{background:linear-gradient(135deg,#059669,#10b981);border:none;color:#fff}.toolbar-btn.export-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.toolbar-btn.export-btn:disabled{background:#9ca3af;cursor:not-allowed}.toolbar-btn.export-btn svg{animation:none}.toolbar-btn.export-btn:disabled svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-pagination{margin-top:1.5rem;display:flex;justify-content:center}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.875rem;transition:all .2s ease}.btn-back:hover{background-color:#e0e0e0;border-color:#ccc}.sortable-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.sortable-table th.sortable:hover{background-color:#e5e7eb}.sortable-table th .th-content{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.sortable-table th .sort-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#3b82f6;flex-shrink:0}.sortable-table th .sort-icon:empty:after{content:"";display:block;width:14px;height:14px;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 10 12 5 17 10'/%3E%3Cpolyline points='7 14 12 19 17 14'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.sortable-table th.sortable:hover .sort-icon:empty:after{opacity:.6}.icon-action-btn[title]{position:relative}.icon-action-btn[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.25rem .5rem;background-color:#333;color:#fff;font-size:.75rem;white-space:nowrap;border-radius:4px;margin-bottom:4px;z-index:1000}@media (max-width: 768px){.icon-actions{gap:.25rem}.icon-action-btn{width:28px;height:28px}.view-toolbar{flex-direction:column;align-items:stretch}.view-toolbar .search-input-wrapper{min-width:100%;max-width:100%}.view-count{justify-content:center}.view-header{flex-direction:column;align-items:flex-start}.sortable-table th .th-content{font-size:.75rem}}.filter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.filter-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.filter-modal-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.filter-modal-header h3 svg{color:#3b82f6}.filter-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s ease}.filter-modal-close:hover{background:#e2e8f0;color:#1e293b}.filter-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.filter-modal-row{display:flex;gap:1rem}.filter-modal-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.filter-modal-group.full-width{flex:1 1 100%}.filter-modal-group label{font-size:.875rem;font-weight:500;color:#374151}.filter-modal-input,.filter-modal-select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#374151;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.filter-modal-input:focus,.filter-modal-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-modal-input::placeholder{color:#9ca3af}.filter-modal-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.filter-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.filter-modal-footer-right{display:flex;gap:.75rem}.filter-modal-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-modal-btn.clear{background:#fff;border:1px solid #e5e7eb;color:#64748b}.filter-modal-btn.clear:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:#dc2626}.filter-modal-btn.clear:disabled{opacity:.5;cursor:not-allowed}.filter-modal-btn.cancel{background:#fff;border:1px solid #e5e7eb;color:#374151}.filter-modal-btn.cancel:hover{background:#f3f4f6}.filter-modal-btn.apply{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.filter-modal-btn.apply:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}@media (max-width: 576px){.filter-modal{margin:1rem;max-width:calc(100% - 2rem)}.filter-modal-row{flex-direction:column}.filter-modal-footer{flex-direction:column;gap:.75rem}.filter-modal-footer-right{width:100%;justify-content:flex-end}.filter-modal-btn.clear{width:100%;justify-content:center}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.confirm-dialog-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%;padding:2rem;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-icon{margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.confirm-dialog-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#111827}.confirm-dialog-message{margin:0 0 2rem;font-size:.95rem;color:#6b7280;line-height:1.5}.confirm-dialog-actions{display:flex;gap:.75rem;justify-content:center}.confirm-dialog-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.confirm-dialog-btn-cancel{background-color:#f3f4f6;color:#374151}.confirm-dialog-btn-cancel:hover{background-color:#e5e7eb}.confirm-dialog-btn-confirm{color:#fff}.confirm-dialog-btn-danger{background-color:#dc2626}.confirm-dialog-btn-danger:hover{background-color:#b91c1c}.confirm-dialog-btn-warning{background-color:#f59e0b}.confirm-dialog-btn-warning:hover{background-color:#d97706}.confirm-dialog-btn-info{background-color:#3b82f6}.confirm-dialog-btn-info:hover{background-color:#2563eb}modification-details-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.modification-details-section .section-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 2rem;color:#fff}.modification-details-section .section-header h2{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.modification-details-section .section-subtitle{margin:.5rem 0 0;font-size:.9rem;opacity:.9}.modification-details-section .section-content{padding:2rem}.modification-details-section .alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.modification-details-section .alert-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.modification-details-section .alert-success{background-color:#dcfce7;border:1px solid #86efac;color:#16a34a}.modification-details-section .existing-attachments{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.modification-details-section .existing-attachments h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#334155}.modification-details-section .attachments-list{display:flex;flex-direction:column;gap:.75rem}.modification-details-section .attachment-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef;transition:border-color .15s ease,box-shadow .15s ease}.modification-details-section .attachment-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.modification-details-section .attachment-item>svg:first-child{color:#667eea;flex-shrink:0}.modification-details-section .attachment-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.modification-details-section .attachment-name{font-size:.9rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modification-details-section .attachment-meta{font-size:.75rem;color:#64748b}.modification-details-section .single-file-note{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;font-size:.85rem;color:#c2410c}.modification-details-section .single-file-note svg{flex-shrink:0;color:#ea580c}.modification-details-section .upload-section{margin-bottom:1.5rem}.modification-details-section .upload-label{display:block;font-size:1rem;font-weight:600;color:#f57c00;margin-bottom:1rem}.modification-details-section .file-upload-area{position:relative}.modification-details-section .file-input-hidden{position:absolute;opacity:0;width:0;height:0}.modification-details-section .file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;border:2px dashed #00bcd4;border-radius:12px;background:#f0fdff;cursor:pointer;transition:all .2s ease}.modification-details-section .file-upload-label:hover{border-color:#0097a7;background:#e0f7fa}.modification-details-section .upload-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#00bcd41a;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.modification-details-section .upload-icon-wrapper svg{color:#00bcd4}.modification-details-section .upload-text{font-size:1rem;font-weight:500;color:#00bcd4;margin-bottom:.5rem}.modification-details-section .upload-hint{font-size:.85rem;color:#64748b}.modification-details-section .file-selected{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#f0fdf4;border:2px solid #86efac;border-radius:12px}.modification-details-section .file-selected svg:first-child{color:#16a34a;flex-shrink:0}.modification-details-section .file-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.modification-details-section .file-name{font-weight:600;color:#1e293b}.modification-details-section .file-size{font-size:.85rem;color:#64748b}.modification-details-section .file-remove-btn{padding:.5rem;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#dc2626;transition:all .2s ease}.modification-details-section .file-remove-btn:hover{background:#fee2e2}.modification-details-section .upload-actions{margin-top:1.25rem;display:flex;justify-content:flex-start}.modification-details-section .upload-actions button{display:inline-flex;align-items:center;gap:.5rem}.modification-details-section .section-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#f1f5f9;border-radius:8px;font-size:.9rem;color:#475569}.modification-details-section .section-note svg{color:#64748b;flex-shrink:0;margin-top:2px}.modification-details-section .attachment-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.modification-details-section .attachment-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;color:#64748b;transition:background-color .15s ease,color .15s ease,transform .1s ease}.modification-details-section .attachment-action-btn:hover{background:#e0e7ff;color:#667eea}.modification-details-section .attachment-action-btn:active{transform:scale(.95)}.modification-details-section .attachment-delete-btn{background:#fef2f2;color:#dc2626}.modification-details-section .attachment-delete-btn:hover{background:#fee2e2;color:#b91c1c}.modification-details-section .attachment-delete-btn:disabled{opacity:.5;cursor:not-allowed}.modification-details-section .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modification-details-section .delete-confirm-modal{background:#fff;border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease;overflow:hidden}.modification-details-section .delete-confirm-modal .modal-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.modification-details-section .delete-confirm-modal .modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.modification-details-section .delete-confirm-modal .modal-body{padding:1.5rem}.modification-details-section .delete-confirm-modal .modal-body p{margin:0 0 .75rem;color:#475569;font-size:.95rem}.modification-details-section .delete-confirm-modal .file-name-display{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border-radius:6px;font-weight:500;color:#334155;margin:1rem 0}.modification-details-section .delete-confirm-modal .file-name-display svg{color:#667eea;flex-shrink:0}.modification-details-section .delete-confirm-modal .warning-text{color:#dc2626;font-weight:500;font-size:.9rem}.modification-details-section .delete-confirm-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #f1f5f9}.modification-details-section .delete-confirm-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.modification-details-section .delete-confirm-modal .btn-secondary{background:#f1f5f9;color:#475569}.modification-details-section .delete-confirm-modal .btn-secondary:hover{background:#e2e8f0}.modification-details-section .delete-confirm-modal .btn-danger{background:#dc2626;color:#fff}.modification-details-section .delete-confirm-modal .btn-danger:hover{background:#b91c1c}.modification-details-section .delete-confirm-modal .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modification-details-section .section-content{padding:1.5rem}.modification-details-section .file-upload-label{padding:2rem 1.5rem}.modification-details-section .delete-confirm-modal{margin:1rem;max-width:calc(100% - 2rem)}}.scrutinizer-edit-mode .form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem}.scrutinizer-edit-mode .form-header h2{color:#fff;margin:.5rem 0}.scrutinizer-edit-mode .back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scrutinizer-edit-mode .back-link:hover{background:#ffffff40;border-color:#ffffff80;transform:translate(-2px)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;gap:1rem}.error-container h3{margin:0;color:#dc3545}.error-container p{color:#6c757d;margin:0}.scrutinizer-edit-mode .form-card{min-height:400px}.scrutinizer-edit-mode .form-actions{background:#fff;padding:1.5rem 2rem;border-top:1px solid #e9ecef;margin-top:auto}.scrutinizer-edit-mode .form-content-wrapper{display:flex;flex-direction:column}.scrutinizer-edit-mode .error-alert{display:flex;align-items:center;gap:.75rem;margin:1rem 2rem;padding:1rem 1.25rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:16px;max-width:400px;width:90%;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-container.success-modal .modal-header{background:linear-gradient(135deg,#10b981,#059669);padding:2rem;display:flex;align-items:center;justify-content:center}.modal-container.success-modal .modal-header svg{color:#fff}.modal-container .modal-body{padding:1.5rem 2rem;text-align:center}.modal-container .modal-body h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1e293b}.modal-container .modal-body p{margin:0;color:#64748b;font-size:1rem;line-height:1.5}.modal-container .modal-footer{padding:1rem 2rem 1.5rem;display:flex;justify-content:center}.modal-container .modal-footer button{min-width:120px}.scrutinizer-modification-page{max-width:900px;margin:0 auto;padding:2rem}.scrutinizer-modification-page .page-header{margin-bottom:1.5rem}.scrutinizer-modification-page .back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s}.scrutinizer-modification-page .back-link:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.scrutinizer-modification-page .application-summary{margin-bottom:1.5rem}.scrutinizer-modification-page .summary-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.scrutinizer-modification-page .summary-item{display:flex;flex-direction:column;gap:.25rem}.scrutinizer-modification-page .summary-item .label{font-size:.8rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.scrutinizer-modification-page .summary-item .value{font-size:1rem;font-weight:600;color:#1e293b}.scrutinizer-modification-page .summary-item .value.badge{display:inline-block;width:fit-content;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.scrutinizer-modification-page .summary-item .value.badge:not([class*=status-]){background:#667eea;color:#fff}.scrutinizer-modification-page .summary-item .value.status-21,.scrutinizer-modification-page .summary-item .value.status-23{background:#dcfce7;color:#16a34a}.scrutinizer-modification-page .summary-item .value.status-1{background:#fef3c7;color:#d97706}.scrutinizer-modification-page .summary-item .value.status-6{background:#fee2e2;color:#dc2626}.scrutinizer-modification-page .page-actions{margin-top:2rem;display:flex;justify-content:flex-start}.scrutinizer-modification-page .page-actions button{display:inline-flex;align-items:center;gap:.5rem}@media (max-width: 768px){.scrutinizer-modification-page{padding:1rem}.scrutinizer-modification-page .summary-card{grid-template-columns:1fr}}.transaction-filters-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem 1rem;gap:1rem;flex-wrap:wrap;background:#f6f8fa;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #667eea0a}.filter-left{flex:1;min-width:200px}.transaction-count-text{margin:.25rem 0 0;font-size:.875rem;color:#6c757d}.filter-right{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.membership-type-select{min-width:200px;padding:.5rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.875rem;background-color:#fff;cursor:pointer;transition:border-color .2s}.membership-type-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-wrapper{min-width:300px}@media (max-width: 768px){.transaction-filters-bar{flex-direction:column;align-items:flex-start}.filter-left{width:100%}.filter-right{width:100%;flex-direction:column;align-items:stretch}.membership-type-select,.search-wrapper{width:100%;min-width:100%}}.scrutinizer-reports-container{padding:0;width:100%;height:100%}.reports-header{margin-bottom:24px;padding:20px 24px 0}.reports-title-row{display:flex;justify-content:space-between;align-items:flex-start}.reports-header h1{font-size:24px;font-weight:600;color:#1a202c;margin-bottom:6px}.reports-subtitle{color:#718096;font-size:14px;margin:0}.back-to-dashboard-btn{padding:8px 16px;background:#fff;color:#1a202c;border:2px solid #e2e8f0;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.back-to-dashboard-btn:hover{border-color:orange;background:#fff8f0;color:orange}.back-to-dashboard-btn svg{transition:transform .2s}.back-to-dashboard-btn:hover svg{transform:translate(-2px)}.reports-navigation{display:flex;gap:4px;padding:0 24px;margin-bottom:0;overflow-x:auto;background:#fff;border-bottom:1px solid #e2e8f0}.report-tab{display:flex;align-items:center;gap:8px;padding:14px 20px;border:none;background:transparent;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:14px;font-weight:500;color:#4a5568;margin-bottom:-1px}.report-tab:hover{color:#667eea;background:#667eea0d}.report-tab.active{color:#667eea;border-bottom-color:#667eea;background:#667eea0d;font-weight:600}.report-tab svg{opacity:.7}.report-tab.active svg{opacity:1}.report-tab-icon{display:flex;align-items:center}.report-content{padding:24px;background:#f8f9fb;min-height:calc(100vh - 280px)}.report-section{width:100%;max-width:1400px;margin:0 auto}.report-header{margin-bottom:24px}.report-header h2{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:8px}.report-description{color:#718096;font-size:14px;margin:0}.report-header-with-stats{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}.report-header-with-stats .report-header-text{flex:1;min-width:200px}.report-header-with-stats .report-header-text h2{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:8px}.report-header-with-stats .report-header-text .report-description{color:#718096;font-size:14px;margin:0}.report-header-with-stats .report-header-stats{display:flex;gap:16px;flex-wrap:wrap}.pending-applications-container{width:100%;background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.application-section{width:100%;margin-top:24px}.application-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.application-table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.scrutinizer-table{width:100%;border-collapse:collapse;min-width:900px}.scrutinizer-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.scrutinizer-table thead th{padding:14px 16px;text-align:left;font-weight:600;color:#fff;white-space:nowrap;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.scrutinizer-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.scrutinizer-table tbody tr:hover{background-color:#f7fafc}.scrutinizer-table tbody tr:last-child{border-bottom:none}.scrutinizer-table td{padding:14px 16px;color:#2d3748;vertical-align:middle}.scrutinizer-table .app-id{font-family:monospace;font-size:12px;color:#718096}.scrutinizer-table .no-data{text-align:center;padding:3rem;color:#718096}.view-pagination{margin-top:1.5rem}@media (max-width: 600px){.report-header-with-stats{flex-direction:column;align-items:flex-start}.report-header-with-stats .report-header-stats{width:100%}.report-header-with-stats .stat-card{flex:1}}.transaction-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-card.stat-total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.stat-success{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff}.stat-card.stat-pending{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.stat-card.stat-failed{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:10px;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:1;color:#fffffff2}.stat-value{font-size:1.75rem;font-weight:700;line-height:1;color:#fff}.stat-amount{font-size:.875rem;font-weight:500;opacity:.95;color:#fffffff2}.report-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.stat-card.green{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 4px 12px #38a16940}.stat-card.orange{background:linear-gradient(135deg,#ed8936,#dd6b20);box-shadow:0 4px 12px #ed893640}.stat-card.blue{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 4px 12px #4299e140}.revenue-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1200px){.revenue-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.revenue-summary{grid-template-columns:1fr}}.summary-card{background:#fff;border:1px solid #e2e8f0;padding:20px;border-radius:12px;display:flex;align-items:center;gap:16px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-card.total{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea66}.summary-card.total:hover{box-shadow:0 6px 20px #667eea80}.summary-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#667eea1a;flex-shrink:0}.summary-card.total .summary-icon{background:#fff3}.summary-icon.online{background:#38a1691a}.summary-icon.offline{background:#ed89361a}.summary-content{display:flex;flex-direction:column;gap:6px;min-width:0}.summary-label{font-size:12px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-card.total .summary-label{color:#fffffff2!important}.summary-value{font-size:20px;font-weight:700;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-card.total .summary-value{color:#fff!important;font-size:22px;text-shadow:0 2px 4px rgba(0,0,0,.15)}.filter-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.filter-field{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-field.full-width{flex:1;min-width:250px}.filter-field label{font-size:13px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.3px}.date-input,.text-input,.select-input{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;background:#f7fafc;color:#1a202c}.date-input:focus,.text-input:focus,.select-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.filter-button{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #667eea4d;display:inline-flex;align-items:center;justify-content:center}.filter-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.filter-button:active{transform:translateY(0)}.filter-button svg{margin-right:6px}.revenue-details{background:#fff;padding:24px;border-radius:12px;margin-top:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.revenue-details h3{font-size:16px;font-weight:600;color:#1a202c;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1000px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.details-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:6px;padding:16px;background:#f7fafc;border-radius:8px;border-left:3px solid #667eea}.detail-label{font-weight:500;color:#718096;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.detail-value{font-weight:700;color:#1a202c;font-size:16px}.table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;margin-top:24px}.table-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.table-scroll::-webkit-scrollbar{height:12px;background:#f7fafc}.table-scroll::-webkit-scrollbar-track{background:#f7fafc;border-radius:6px;margin:0 8px}.table-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:6px;border:2px solid #f7fafc;transition:background .2s}.table-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.table-scroll::-webkit-scrollbar-thumb:active{background:#718096}.report-table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}.report-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.report-table thead th{padding:14px 16px;text-align:left;font-weight:600;color:#fff;white-space:nowrap;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.report-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.report-table tbody tr:hover{background-color:#f7fafc}.report-table tbody tr:last-child{border-bottom:none}.report-table td{padding:14px 16px;color:#2d3748;vertical-align:middle}.report-table .transaction-id,.report-table .application-id{font-family:Roboto Mono,monospace;font-size:12px;color:#718096}.report-table .amount{font-weight:600;color:#2d3748;white-space:nowrap}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-membership{background:#ebf8ff;color:#2b6cb0}.badge-online{background:#c6f6d5;color:#276749}.badge-offline{background:#feebc8;color:#c05621}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.status-completed,.status-badge.status-success{background:#c6f6d5;color:#276749}.status-badge.status-pending{background:#feebc8;color:#c05621}.status-badge.status-failed{background:#fed7d7;color:#c53030}.pagination-simple{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid #e2e8f0;background:#f7fafc}.page-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#f0f0ff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#718096;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state p{margin-top:16px;color:#718096;font-size:16px}.transaction-details-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;margin-top:24px}.transaction-details-card h3{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.transaction-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 900px){.transaction-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.transaction-details-grid{grid-template-columns:1fr}}.transaction-detail-item{display:flex;flex-direction:column;gap:4px}.transaction-detail-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.3px}.transaction-detail-value{font-size:15px;font-weight:500;color:#1a202c}@media (max-width: 768px){.reports-title-row{flex-direction:column;gap:16px}.reports-navigation{padding:0 16px}.report-tab{padding:12px 14px;font-size:13px}.report-content{padding:16px}.filter-row{flex-direction:column}.filter-field{width:100%}.transaction-stats{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start!important}.section-header>div:last-child{width:100%}}.App{text-align:center;padding:2rem}h1{color:#333;margin-bottom:1rem}p{color:#666;font-size:1.2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}