body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.fees-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.page-header{animation:fadeInUp .6s ease;margin-bottom:3rem;text-align:center}.page-title-Fees{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;text-shadow:0 4px 20px #0000004d}.page-title-Fees,.page-title-Users{color:#fff;font-weight:800;letter-spacing:-.02em;margin:0}.page-title-Users{font-size:3rem;text-shadow:0 4px 20px #0000004d}.page-subtitle-Fees{color:#ffffffe6;font-size:1.3rem;font-weight:400;margin:.5rem 0 0}.tab-navigation{animation:fadeInUp .6s ease .1s both}.tab-button{font-size:1rem;gap:.75rem;padding:1rem 2rem}.tab-icon{font-size:1.25rem}.controls-panel{animation:fadeInUp .6s ease .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:24px;margin-bottom:2rem;padding:2rem}.action-buttons-Fees{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:0}.btn-Fees{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-primary{box-shadow:0 8px 25px #667eea66}.btn-primary:hover{box-shadow:0 12px 35px #667eea99}.btn-secondary{background:#fff3;border:2px solid #ffffff4d}.btn-secondary:hover{background:#ffffff4d;border-color:#ffffff80}.btn-outline-Fees{background:#0000;border:2px solid #ffffff4d;color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.kpi-grid{grid-gap:2rem;animation:fadeInUp .6s ease .3s both;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.kpi-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.kpi-card:before{background:var(--gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.kpi-card:hover{box-shadow:0 30px 80px #00000026;transform:translateY(-8px)}.kpi-card-content{align-items:center;display:flex;justify-content:space-between}.kpi-info{flex:1 1}.kpi-label{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.kpi-value{color:#1e293b;font-size:1.25rem;font-weight:800;line-height:1;margin-bottom:.5rem}.kpi-change{color:#10b981;font-size:.875rem;font-weight:600;gap:.25rem}.kpi-change,.kpi-icon{align-items:center;display:flex}.kpi-icon{background:var(--gradient);border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;font-size:1.75rem;height:64px;justify-content:center;width:64px}.charts-grid{grid-gap:2rem;animation:fadeInUp .6s ease .4s both;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem}.chart-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;flex-direction:column;height:400px;padding:2rem}.chart-header{margin-bottom:1.5rem}.chart-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.chart-content{flex:1 1;position:relative}.chart-empty{align-items:center;color:#64748b;display:flex;font-size:.9rem;height:100%;justify-content:center}.filters-section{background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;margin-top:1.5rem;padding:1.5rem}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.filter-group{gap:.5rem}.filter-label{color:#ffffffe6;font-size:.9rem;font-weight:600}.filter-input,.filter-select{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:.9rem;padding:.875rem 1rem;transition:all .3s ease}.filter-input::placeholder{color:#fff9}.filter-input:focus,.filter-select:focus{background:#fff3;border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff1a;outline:none}.filter-select option{background:#1e293b;color:#fff}.data-card{animation:fadeInUp .6s ease .5s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000001a;overflow:hidden}.data-card-header{border-bottom:1px solid #0000000d;padding:2rem 2rem 1rem}.data-card-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.data-card-subtitle{color:#64748b;font-size:.9rem;margin:0}.data-card-content{padding:0}.data-table{border-collapse:collapse;width:100%}.table-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.table-header th{border:none;color:#334155;cursor:pointer;font-size:.875rem;font-weight:600;padding:1.25rem 1rem;position:relative;text-align:left;transition:background-color .2s ease}.table-header th:hover{background:#667eea1a}.table-header th.sortable{-webkit-user-select:none;user-select:none}.sort-icon{color:#64748b;font-size:.875rem;margin-left:.5rem}.table-row{border-bottom:1px solid #0000000d;transition:all .2s ease}.table-row:hover{background:#667eea08}.table-cell{border:none;padding:1rem;vertical-align:middle}.table-cell-primary{color:#1e293b;font-weight:600}.table-cell-secondary{color:#64748b;font-size:.875rem}.table-cell-amount{color:#059669;font-weight:700}.table-cell-fee{color:#7c3aed;font-weight:600}.status-chip{font-size:.8rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.5rem .875rem;text-transform:uppercase}.status-chip.paid{background:#10b9811a;border:1px solid #10b98133;color:#059669}.status-chip.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.status-chip.unpaid{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.status-icon{font-size:.875rem}.action-buttons-cell{align-items:center;display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn.view{background:#10b9811a;color:#059669}.action-btn.view:hover{background:#10b98133;transform:scale(1.1)}.action-btn.edit{background:#3b82f61a;color:#2563eb}.action-btn.edit:hover{background:#3b82f633;transform:scale(1.1)}.action-btn.expand{background:#667eea1a;color:#667eea}.action-btn.expand:hover{background:#667eea33;transform:scale(1.1)}.expanded-row{background:#667eea05}.expanded-content{padding:2rem}.expanded-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.expanded-section{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 15px #0000000d;padding:1.5rem}.expanded-section-title{color:#667eea;font-size:1rem;font-weight:700;margin-bottom:1rem}.expanded-detail{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.expanded-detail:last-child{margin-bottom:0}.expanded-label{color:#64748b;font-size:.875rem}.expanded-value{color:#1e293b;font-size:.875rem;font-weight:600}.pagination{gap:.5rem;justify-content:center;padding:2rem}.pagination-btn{border:2px solid #e2e8f0;border-radius:10px;color:#64748b;font-weight:600;padding:.5rem 1rem}.pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pagination-btn:disabled{transform:none}.pagination-info{font-size:.875rem;margin:0 1rem}.export-center{animation:fadeInUp .6s ease}.export-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.export-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000001a;margin-bottom:2rem;padding:2rem}.export-section-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.export-section-subtitle{color:#64748b;font-size:.9rem;margin-bottom:1.5rem}.export-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.export-input-group{display:flex;flex-direction:column;gap:.5rem}.export-label{color:#374151;font-size:.9rem;font-weight:600}.export-input,.export-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;padding:.875rem 1rem;transition:all .2s ease}.export-input:focus,.export-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.export-input::placeholder{color:#9ca3af}.column-selection{margin-top:2rem}.column-category{margin-bottom:2rem}.category-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.category-title{color:#667eea;font-size:1rem;font-weight:700}.category-toggle{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.category-toggle:hover{background:#667eea1a}.column-checkboxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-item{align-items:center;display:flex;gap:.5rem}.checkbox{border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;transition:all .2s ease;width:18px}.checkbox:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.checkbox-label{font-size:.9rem;font-weight:500}.export-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 20px 60px #667eea4d;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.preview-icon{align-items:center;background:#fff3;border-radius:20px;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.preview-count{font-size:3rem;font-weight:800;margin-bottom:.5rem}.preview-label{font-size:1.1rem;margin-bottom:1rem;opacity:.9}.preview-columns{font-size:.9rem;margin-bottom:1.5rem;opacity:.8}.preview-total{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;padding:1rem}.preview-total-label{font-size:1.1rem;font-weight:700}.export-config{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000001a;padding:2rem}.export-config,.format-selection{margin-bottom:2rem}.format-label{color:#374151;display:block;font-weight:700;margin-bottom:1rem}.format-option{align-items:center;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.format-option:hover{background:#667eea0d;border-color:#667eea}.format-option.selected{background:#667eea1a;border-color:#667eea}.format-radio{border:2px solid #d1d5db;border-radius:50%;height:18px;position:relative;width:18px}.format-radio.selected{border-color:#667eea}.format-radio.selected:after{background:#667eea;border-radius:50%;content:"";height:8px;left:3px;position:absolute;top:3px;width:8px}.format-info{flex:1 1}.format-title{color:#1e293b;font-weight:600;margin-bottom:.25rem}.format-description{color:#64748b;font-size:.875rem}.format-icon{color:#667eea;font-size:1.5rem}.progress-fill{animation:indeterminate 2s infinite;width:0}@keyframes indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.alert{margin-bottom:1rem}.alert.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}@media (max-width:1200px){.charts-grid,.export-grid{grid-template-columns:1fr}}@media (max-width:768px){.fees-page{padding:1rem}.page-title{font-size:2.5rem}.action-buttons,.tab-navigation{flex-direction:column}.btn{justify-content:center}.charts-grid,.kpi-grid{gap:1rem;grid-template-columns:1fr}.chart-card{height:300px}.column-checkboxes,.expanded-grid,.export-form-grid,.filters-grid{grid-template-columns:1fr}.data-table{font-size:.875rem}.table-cell{padding:.75rem .5rem}.pagination{flex-wrap:wrap;gap:.25rem}}@media (max-width:480px){.page-title{font-size:2rem}.chart-card,.kpi-card{padding:1.5rem}.chart-card{height:250px}.data-card-header{padding:1.5rem 1.5rem 1rem}.table-cell{padding:.5rem .25rem}.action-btn{font-size:.875rem;height:32px;width:32px}}.kpi-card:first-child{--gradient:linear-gradient(135deg,#667eea,#764ba2)}.kpi-card:nth-child(2){--gradient:linear-gradient(135deg,#f093fb,#f5576c)}.kpi-card:nth-child(3){--gradient:linear-gradient(135deg,#4facfe,#00f2fe)}.kpi-card:nth-child(4){--gradient:linear-gradient(135deg,#43e97b,#38f9d7)}.release-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.release-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(32px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.release-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.release-modal-title{align-items:center;display:flex;gap:16px}.release-modal-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 6px -1px #3b82f640;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.release-modal-title h2{color:#1f2937;font-size:24px;font-weight:700;line-height:1.2;margin:0}.release-modal-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:4px 0 0}.release-modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.release-modal-close:hover{background:#f3f4f6;color:#374151}.release-modal-body{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:32px}.release-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.release-info-card{background:linear-gradient(135deg,#fef7ff,#faf5ff);border:1px solid #e879f9;border-radius:12px;padding:24px}.release-card h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.release-info-card h3{color:#7c3aed}.release-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.release-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.release-info-item{display:flex;flex-direction:column;gap:4px}.release-info-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.release-info-value{color:#1f2937;font-size:16px;font-weight:600}.release-info-highlight{background:#d1fae5;border-radius:6px;color:#059669;display:inline-block;padding:4px 8px}.release-type-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.release-type-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.release-type-option:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.release-type-option.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f640}.release-type-icon{font-size:32px;opacity:.8}.release-type-option.active .release-type-icon{opacity:1}.release-type-content h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.release-type-content p{color:#6b7280;font-size:14px;margin:0}.release-type-option.active .release-type-content h4{color:#1d4ed8}.release-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.release-form-group{display:flex;flex-direction:column;gap:8px}.release-form-group.full-width{grid-column:1/-1}.release-form-group label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:4px}.release-form-required{color:#ef4444;font-weight:600}.release-input-container{align-items:center;display:flex;position:relative}.release-form-input,.release-form-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.release-form-input:focus,.release-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.release-form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.release-input-suffix{color:#6b7280;font-size:14px;font-weight:500;pointer-events:none;position:absolute;right:16px}.release-form-hint{color:#6b7280;font-size:12px;font-style:italic;margin:0}.release-form-textarea{min-height:80px;resize:vertical}.release-conditions-subtitle{color:#6b7280;font-size:14px;margin:0 0 20px}.release-conditions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:20px}.release-condition-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.release-condition-item:hover{background:#f1f5f9;border-color:#cbd5e1}.release-checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:12px;margin:0}.release-checkbox-input{display:none}.release-checkbox-custom{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.release-checkbox-input:checked+.release-checkbox-custom{background:#3b82f6;border-color:#3b82f6}.release-checkbox-check{color:#fff;opacity:0;transition:opacity .2s ease}.release-checkbox-input:checked+.release-checkbox-custom .release-checkbox-check{opacity:1}.release-checkbox-text{color:#374151;font-size:14px}.release-status-indicator{border-radius:8px;margin-top:20px}.release-status-indicator,.release-status-success{align-items:center;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px}.release-status-success{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}.release-status-warning{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px}.release-toggle-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.release-toggle-btn:hover{background:#e5e7eb;border-color:#9ca3af}.release-file-upload-area{background:#fafbfc;border:2px dashed #d1d5db;border-radius:12px;margin-top:16px;padding:32px;text-align:center;transition:all .2s ease}.release-file-upload-area.drag-over,.release-file-upload-area:hover{background:#eff6ff;border-color:#3b82f6}.release-file-input{display:none}.release-file-upload-label{cursor:pointer;display:block}.release-upload-content{align-items:center;display:flex;flex-direction:column;gap:12px}.release-upload-icon{color:#9ca3af;transition:color .2s ease}.release-file-upload-area.drag-over .release-upload-icon,.release-file-upload-area:hover .release-upload-icon{color:#3b82f6}.release-upload-content h4{color:#374151;font-size:16px;font-weight:600;margin:0}.release-upload-content p{color:#6b7280;font-size:14px;margin:0}.release-upload-progress{align-items:center;background:#eff6ff;border-radius:8px;color:#1d4ed8;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;margin-top:16px;padding:16px}.release-uploaded-files{margin-top:20px}.release-uploaded-files h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.release-files-list{display:flex;flex-direction:column;gap:8px}.release-file-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.release-file-item:hover{background:#f1f5f9;border-color:#cbd5e1}.release-file-info{align-items:center;display:flex;flex:1 1;gap:12px}.release-file-icon{font-size:16px;opacity:.8}.release-file-details{display:flex;flex-direction:column;gap:2px}.release-file-name{color:#374151;font-size:14px;font-weight:500}.release-file-size{color:#6b7280;font-size:12px}.release-remove-file-btn{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;padding:4px;transition:all .2s ease}.release-remove-file-btn:hover{background:#fef2f2}.release-modal-footer{align-items:center;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.release-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 24px;transition:all .2s ease}.release-btn.disabled,.release-btn:disabled{cursor:not-allowed;opacity:.6}.release-btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.release-btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.release-btn-secondary{background:#f59e0b;border:1px solid #f59e0b;color:#fff}.release-btn-secondary:hover:not(:disabled){background:#d97706;border-color:#d97706}.release-btn-primary{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.release-btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.release-btn-spinner,.release-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.release-spinner{border-color:#3b82f6 #3b82f64d #3b82f64d}@media (max-width:768px){.release-modal-content{margin:10px;max-height:calc(100vh - 20px)}.release-modal-body,.release-modal-footer,.release-modal-header{padding:20px}.release-form-grid,.release-info-grid,.release-type-selector{grid-template-columns:1fr}.release-modal-footer{flex-direction:column-reverse}.release-btn{width:100%}}.release-overload-warning{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:8px;padding:12px 16px}.release-upload-optional{color:#059669!important;font-style:italic;font-weight:500!important;margin-top:8px!important}.release-no-files-notice{background:#f8fafc;border:1px dashed #d1d5db;border-radius:8px;margin-top:16px;padding:24px;text-align:center}.release-no-files-icon{font-size:32px;margin-bottom:12px;opacity:.6}.release-no-files-notice p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.release-info-warning{color:#f59e0b!important;font-weight:600}.release-container-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;font-size:14px;line-height:1.5;margin-top:12px;padding:12px}.release-input-disabled{background-color:#f3f4f6!important;cursor:not-allowed!important;opacity:.6}.release-suffix-warning{color:#f59e0b!important;font-weight:600}.release-status-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626;display:flex;font-weight:500;gap:8px;margin-top:16px;padding:12px 16px}.certificates-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.page-header{animation:fadeInUp .8s ease forwards;margin-bottom:32px;opacity:0}.header-content{margin-bottom:16px}.header-avatar,.header-content{align-items:center;display:flex}.header-avatar{border-radius:12px;color:#fff;font-size:20px;height:48px;justify-content:center;margin-right:16px;width:48px}.header-avatar,.page-title-conformity{background:linear-gradient(135deg,#667eea,#764ba2)}.page-title-conformity{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 4px}.page-subtitle{color:#64748b;font-size:1rem;margin:0}.controls-card,.main-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.controls-card{animation:fadeInUp .8s ease .2s forwards;margin-bottom:24px;opacity:0;padding:24px}.controls-content{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto auto;margin-bottom:16px}.search-container{position:relative}.filter-select,.search-input{background:#fff;border:2px solid #667eea33;border-radius:12px;color:#000;font-size:14px;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.filter-select{padding-left:16px;width:180px}.filter-select:focus,.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{color:#667eea;font-size:18px;left:16px}.clear-search,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.clear-search{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px;right:16px;transition:all .2s ease}.clear-search:hover{background:#ef44441a;color:#ef4444}.filter-indicator{color:#667eea;font-size:.9em;font-style:italic}.filters-section{grid-gap:16px;background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:#000;font-size:13px;font-weight:500}.button-group{display:flex;gap:12px}.btn-conformity{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea1a;transform:translateY(-1px)}.btn-primary{box-shadow:0 4px 15px #667eea66}.btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea99;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98199}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e66;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e99;transform:translateY(-1px)}.btn-disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-loading:after{height:16px;width:16px}.bulk-actions{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:0;display:flex;justify-content:space-between;padding:16px 24px}.bulk-info{color:#667eea;font-weight:600}.bulk-buttons{display:flex;gap:12px}.bulk-btn{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.bulk-btn:hover{background:#667eea33}.bulk-btn:disabled{cursor:not-allowed;opacity:.5}.main-card{animation:fadeInUp .8s ease .4s forwards;opacity:0}.table-container{overflow-x:auto;position:relative}.certificates-table{border-collapse:collapse;table-layout:fixed;width:100%}.certificates-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.certificates-table th{border:none;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;padding:16px;text-align:left;transition:background .2s ease;-webkit-user-select:none;user-select:none;width:150px}.certificates-table th:first-child{cursor:default;width:50px}.certificates-table th:last-child{cursor:default;text-align:center;width:140px}.certificates-table th:nth-child(2){width:120px}.certificates-table th:nth-child(3){width:100px}.certificates-table th:nth-child(4){width:140px}.certificates-table th:nth-child(5),.certificates-table th:nth-child(6),.certificates-table th:nth-child(7){width:120px}.certificates-table th:nth-child(8){width:100px}.certificates-table th:hover{background:#ffffff1a}.certificates-table th:first-child:hover,.certificates-table th:last-child:hover{background:#0000}.certificates-table tbody tr{animation:fadeInUp .3s ease forwards;opacity:0;transition:all .3s ease}.certificates-table tbody tr:hover{background:#667eea0d}.certificates-table td{border-bottom:1px solid #0000001a;overflow:hidden;padding:16px;text-overflow:ellipsis;vertical-align:middle}.expandable-text{border-bottom:1px dashed #667eea80;color:#667eea;cursor:pointer;transition:all .2s ease}.expandable-text:hover{border-bottom-color:#5a67d8;color:#5a67d8}.cert-avatar,.cert-info{align-items:center;display:flex}.cert-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:13.5px;font-weight:700;height:36px;justify-content:center;margin-right:12px;width:36px}.cert-number{color:#667eea;font-size:13.5px;font-weight:600;margin:0}.cert-date{color:#64748b;font-size:13px;margin:0}.cert-amount{color:#1f2937;font-size:13.5px;font-weight:600}.status-chip{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px}.status-chip.active{background:linear-gradient(135deg,#10b981,#059669)}.status-chip.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-chip.expired{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-chip.cancelled{background:linear-gradient(135deg,#64748b,#475569)}.status-chip.unknown{background:linear-gradient(135deg,#9ca3af,#6b7280)}.country-info{align-items:center;display:flex;font-size:13.5px;gap:8px}.country-icon{color:#667eea;font-size:16px}.consignee-info{color:#1f2937;font-size:13.5px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{gap:8px}.action-buttons,.icon-btn{align-items:center;display:flex;justify-content:center}.icon-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;height:32px;position:relative;transition:all .2s ease;width:32px}.icon-btn.view{background:#10b9811a;color:#10b981}.icon-btn.view:hover{background:#10b98133;transform:scale(1.1)}.icon-btn.download{background:#22c55e1a;color:#22c55e}.icon-btn.download:hover{background:#22c55e33;transform:scale(1.1)}.icon-btn.download:disabled{cursor:not-allowed;opacity:.5;transform:none}.icon-btn.documents{background:#6366f11a;color:#6366f1}.icon-btn.documents:hover{background:#6366f133;transform:scale(1.1)}.icon-btn.release-doc{background:#fb923c1a;color:#f97316}.icon-btn.release-doc:hover{background:#fb923c33;transform:scale(1.1)}.pagination{align-items:center;border-top:1px solid #0000001a;display:flex;justify-content:space-between;padding:16px 24px}.pagination-info{color:#64748b;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-select{margin-left:8px;padding:4px 8px}.pagination-btn,.pagination-select{border:1px solid #d1d5db;border-radius:6px;font-size:14px}.pagination-btn{background:#fff;cursor:pointer;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.checkbox-input{border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:16px;transition:all .2s ease;width:16px}.checkbox-input:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.5}.empty-state h3{color:#374151;font-size:20px;margin:0 0 12px}.empty-state p{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 24px}.snackbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;bottom:24px;box-shadow:0 8px 32px #0000001a;display:flex;gap:12px;padding:16px 24px;position:fixed;right:24px;transform:translateX(100%);transition:transform .3s ease;z-index:1100}.snackbar.show{transform:translateX(0)}.snackbar.success{border-left:4px solid #10b981}.snackbar.error{border-left:4px solid #ef4444}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-checkbox{border-radius:4px;height:16px;width:16px}.skeleton-text{height:16px;width:120px}.skeleton-text-long{height:16px;width:180px}.skeleton-text-short{height:16px;width:80px}.skeleton-chip{border-radius:12px;height:24px;width:80px}.skeleton-button{border-radius:8px;height:32px;width:32px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-content.modal-large{max-height:90vh;max-width:1000px}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #0000001a;color:#fff;display:flex;justify-content:space-between;padding:24px}.modal-header h2{font-size:1.5rem;margin:0}.modal-close{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;padding:4px;transition:background .2s ease}.modal-close:hover{background:#ffffff1a}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.pdf-viewer{border-radius:8px;overflow:hidden;position:relative}.pdf-viewer iframe{border:none;border-radius:8px}.certificate-info{margin-top:24px}.certificate-info h3{color:#374151;margin:0 0 16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#6b7280;font-size:14px;font-weight:600}.info-item span{color:#374151;font-size:14px}.documents-list{display:flex;flex-direction:column;gap:16px}.document-item{align-items:center;border:1px solid #0000001a;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.document-item:hover{background:#667eea0d;border-color:#667eea33}.document-info{align-items:center;display:flex;flex:1 1;gap:12px}.document-icon{font-size:24px}.document-details h4{color:#374151;font-size:16px;margin:0 0 4px}.document-meta{color:#6b7280;font-size:14px;margin:0}.document-meta span{margin-right:16px}.document-actions{display:flex;gap:8px}.btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-icon.view{background:#10b9811a;color:#10b981}.btn-icon.view:hover{background:#10b98133;transform:scale(1.1)}.btn-icon.download{background:#22c55e1a;color:#22c55e}.btn-icon.download:hover{background:#22c55e33;transform:scale(1.1)}.empty-documents{color:#6b7280;padding:40px 20px;text-align:center}.empty-documents .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-documents h3{color:#374151;font-size:18px;margin:0 0 8px}.empty-documents p{color:#6b7280;font-size:14px;margin:0}.form-actions{gap:12px;justify-content:center}.release-doc-form{max-height:70vh;overflow-y:auto}.form-grid{display:flex;flex-direction:column;gap:24px}.form-section{background:#667eea05;border:1px solid #0000001a;border-radius:12px;padding:20px}.form-section h3{border-bottom:2px solid #667eea33;color:#667eea;font-size:18px;margin:0 0 16px;padding-bottom:8px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group{gap:6px}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #667eea33;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.conditions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:20px}.checkbox-label,.condition-item{align-items:center;display:flex}.checkbox-label{color:#374151;cursor:pointer;font-size:14px;gap:12px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;transition:all .2s ease;width:18px}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.checkmark{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.condition-status{margin-top:16px}.status-indicator{border-radius:8px;font-weight:500;padding:12px 16px;text-align:center}.status-indicator.release{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-indicator.non-release{background:#fb923c1a;border:1px solid #fb923c33;color:#f97316}.file-upload-area{border:2px dashed #667eea4d;margin-bottom:20px;padding:24px}.file-upload-area:hover{background:#667eea05}.file-upload-label{cursor:pointer;display:block}.upload-content{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-icon{color:#667eea;font-size:32px}.upload-hint{color:#6b7280;font-size:12px}.upload-progress{align-items:center;color:#667eea;display:flex;gap:12px;justify-content:center;margin-top:16px}.spinner{animation:spin 1s linear infinite;border:2px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.uploaded-files{margin-top:20px}.uploaded-files h4{color:#374151;font-size:16px;margin:0 0 12px}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{align-items:center;background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.file-item:hover{background:#667eea1a}.file-info{align-items:center;display:flex;flex:1 1;gap:12px}.file-icon{color:#667eea;font-size:20px}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{color:#374151;font-size:14px;font-weight:500}.file-size{color:#6b7280;font-size:12px}.remove-file-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-file-btn:hover{background:#ef444433;transform:scale(1.1)}.form-actions{border-top:1px solid #0000001a;margin-top:24px;padding-top:24px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.controls-content{gap:16px}.controls-content,.filters-section{grid-template-columns:1fr}.button-group{justify-content:stretch}.btn{flex:1 1;justify-content:center}.bulk-actions{flex-direction:column;gap:12px;text-align:center}.table-container{overflow-x:auto}.pagination{flex-direction:column;gap:12px;text-align:center}.modal-content{max-height:95vh;width:95%}.info-grid{grid-template-columns:1fr}.certificates-table td,.certificates-table th{min-width:120px}.form-row{gap:12px;grid-template-columns:1fr}.release-doc-form{max-height:80vh}.form-section{padding:16px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.conditions-grid{grid-template-columns:1fr}.action-buttons{align-items:center;display:flex;gap:8px;justify-content:center}.icon-btn{font-size:12px;height:28px;width:28px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}.profile-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.profile-header{animation:fadeInUp .6s ease;margin-bottom:3rem;text-align:center}.profile-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin:0;text-shadow:0 4px 20px #0000004d}.profile-subtitle{color:#ffffffe6;font-size:1.3rem;font-weight:400;margin:.5rem 0 0}.profile-hero{animation:fadeInUp .6s ease .1s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:24px;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.profile-avatar-container{display:inline-block;margin-bottom:2rem;position:relative}.profile-avatar{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0003;font-size:3rem;height:120px;object-fit:cover;width:120px}.avatar-upload-btn,.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center}.avatar-upload-btn{border:3px solid #fff;border-radius:50%;bottom:5px;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1rem;height:36px;position:absolute;right:5px;transition:all .3s ease;width:36px}.avatar-upload-btn:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.profile-hero-info{color:#fff}.profile-name{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 10px #0003}.profile-role{color:#fffc;font-size:1.2rem;font-weight:500;margin:0 0 1rem}.profile-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:2rem}.profile-stat{text-align:center}.profile-stat-value{color:#fff;display:block;font-size:2rem;font-weight:800;text-shadow:0 2px 10px #0003}.profile-stat-label{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tab-navigation{animation:fadeInUp .6s ease .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:16px;color:#fffc;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab-button.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;box-shadow:0 8px 25px #fff3;color:#fff}.tab-button:hover:not(.active){background:#ffffff1a;color:#fff}.tab-icon{font-size:1.1rem}.profile-section{animation:fadeInUp .6s ease .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000001a;margin-bottom:2rem;padding:2rem}.section-header{border-bottom:2px solid #667eea1a;margin-bottom:2rem;padding-bottom:1rem}.section-title{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.section-subtitle{color:#64748b;font-size:.95rem;margin:0}.section-icon{color:#667eea;font-size:1.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.label-icon{color:#667eea;font-size:1rem}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:.95rem;padding:.875rem 1rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{min-height:100px;resize:vertical}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.btn-primary:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f8fafc;border:2px solid #e2e8f0;color:#334155}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px #ef44444d;color:#fff}.btn-danger:hover{box-shadow:0 12px 35px #ef444466;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-loading{color:#0000;position:relative}.btn-loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.form-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.form-actions .btn{min-width:120px}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.settings-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease}.settings-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea1a}.settings-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.settings-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.settings-card-info h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.settings-card-info p{color:#64748b;font-size:.875rem;margin:0}.settings-card-content{display:flex;flex-direction:column;gap:1rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:.3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;width:18px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.activity-timeline{padding-left:2rem;position:relative}.activity-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:1px;bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.activity-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:2rem;padding:1.5rem;position:relative}.activity-item:before{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #667eea33;content:"";height:12px;left:-1.75rem;position:absolute;top:1.5rem;width:12px}.activity-header{align-items:center;display:flex;justify-content:between;margin-bottom:.5rem}.activity-title{color:#1e293b;flex:1 1;font-weight:600;margin:0}.activity-time{color:#64748b;font-size:.875rem}.activity-description{color:#64748b;font-size:.9rem;margin:0}.activity-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;margin-top:.75rem;padding:.375rem .75rem}.activity-badge.success{background:#10b9811a;color:#059669}.activity-badge.info{background:#3b82f61a;color:#2563eb}.activity-badge.warning{background:#f59e0b1a;color:#d97706}.security-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.security-item:hover{border-color:#667eea}.security-info{flex:1 1}.security-title{color:#1e293b;font-weight:600;margin:0 0 .25rem}.security-description{color:#64748b;font-size:.875rem;margin:0}.security-status{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.security-status.enabled{color:#059669}.security-status.disabled{color:#dc2626}.alert{align-items:center;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert.success{background:#10b9811a;border:1px solid #10b98133;color:#059669}.alert.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.alert.info{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.alert-close,.alert-icon{font-size:1.25rem}.alert-close{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;margin-left:auto;padding:.25rem}.alert-close:hover{background:#0000001a}.loading-container{align-items:center;background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:60px;margin-bottom:1.5rem;width:60px}.loading-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.loading-subtitle{color:#64748b;font-size:.9rem}.file-upload-area{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.file-upload-area:hover{background:#667eea0d;border-color:#667eea}.file-upload-area.dragover{background:#667eea1a;border-color:#667eea}.file-upload-icon{color:#9ca3af;font-size:3rem;margin-bottom:1rem}.file-upload-text{color:#6b7280;font-size:.9rem}.file-upload-text .highlight{color:#667eea;font-weight:600}.progress-bar{background:#667eea1a;border-radius:4px;height:8px;margin:1rem 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}@media (max-width:1200px){.form-grid,.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.profile-page{padding:1rem}.profile-title{font-size:2.5rem}.tab-navigation{flex-direction:column}.tab-button{min-width:auto}.profile-stats{gap:1.5rem}.profile-hero{padding:2rem 1.5rem}.profile-section{padding:1.5rem}.form-actions{flex-direction:column}.form-actions .btn{min-width:auto}.activity-timeline{padding-left:1.5rem}.activity-timeline:before{left:.75rem}.activity-item:before{left:-1.5rem}}@media (max-width:480px){.profile-name,.profile-title{font-size:2rem}.profile-avatar{font-size:2.5rem;height:100px;width:100px}.profile-stats{gap:1rem}.profile-stat-value{font-size:1.5rem}.section-title{align-items:flex-start;flex-direction:column;font-size:1.25rem;gap:.5rem}.form-grid{gap:1rem}.settings-card{padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.hidden{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}
/*# sourceMappingURL=main.2648f6e5.css.map*/