*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px}.header-container,.logo{align-items:center;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:700;gap:.75rem}.logo-icon{font-size:1.75rem}.logo-text{letter-spacing:-.5px}.nav-list{display:flex;gap:2rem}.nav-link{border-radius:5px;color:#fff;font-weight:500;padding:.5rem 1rem;transition:background-color .3s ease}.nav-link:hover{background-color:#fff3}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem}.nav-list{gap:1rem}.logo-text{font-size:1.25rem}}.data-table-container{width:100%}.table-header{justify-content:space-between;margin-bottom:1rem}.table-header,.table-info{align-items:center;display:flex}.table-info{gap:.5rem}.record-count{color:#333;font-size:.9rem;font-weight:600}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{align-items:center;background:#f8f9fa;border-radius:8px;color:#666;display:flex;flex-direction:column;justify-content:center;padding:3rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state p{font-weight:600;margin-bottom:.5rem}.empty-state small{color:#999}.table-wrapper{border:1px solid #e1e5eb;border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.8rem;width:100%}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table th{font-size:.75rem;font-weight:600;padding:.75rem .5rem;text-align:left;white-space:nowrap}.data-table th:first-child{border-radius:7px 0 0 0}.data-table th:last-child{border-radius:0 7px 0 0}.data-table td{border-bottom:1px solid #eee;color:#444;padding:.6rem .5rem}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#f8f9ff}.data-table tbody tr:last-child td{border-bottom:none}.server-name{color:#333;font-weight:600}.description{color:#666;font-size:.75rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:12px;display:inline-block;font-size:.65rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.status-active{background-color:#d4edda;color:#155724}.status-inactive{background-color:#f8d7da;color:#721c24}.status-unknown{background-color:#e2e3e5;color:#6c757d}.actions-cell{white-space:nowrap}.btn-action{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;margin-right:.25rem;padding:.3rem .5rem;transition:all .2s ease}.btn-edit{background:#e3f2fd}.btn-edit:hover{background:#bbdefb}.btn-delete-row{background:#ffebee}.btn-delete-row:hover{background:#ffcdd2}.btn-delete-row:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.5rem .4rem}.description{max-width:100px}}.delete-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.delete-modal-content{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow:hidden;width:100%}.delete-modal-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;display:flex;flex-direction:column;padding:2rem 1.5rem 1rem}.delete-icon-wrapper{align-items:center;background:#fff3;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.delete-icon{font-size:1.75rem}.delete-modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.delete-modal-body{padding:1.5rem;text-align:center}.delete-message{color:#333;font-size:1rem;line-height:1.5;margin:0 0 1rem}.delete-item-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:.75rem 1rem}.item-label{color:#888;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.item-name{color:#333;font-size:.9rem;font-weight:600;word-break:break-all}.delete-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:.875rem;font-weight:500;margin:0;padding:.75rem 1rem}.delete-modal-footer{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:.75rem;padding:1.25rem 1.5rem}.delete-modal-footer .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.4rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.delete-modal-footer .btn:disabled{cursor:not-allowed;opacity:.6}.delete-modal-footer .btn-cancel{background:#e9ecef;color:#495057}.delete-modal-footer .btn-cancel:hover:not(:disabled){background:#dee2e6}.delete-modal-footer .btn-delete{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.delete-modal-footer .btn-delete:hover:not(:disabled){box-shadow:0 4px 12px #ee5a5a66;transform:translateY(-1px)}@media (max-width:440px){.delete-modal-content{margin:1rem}.delete-modal-header{padding:1.5rem 1rem .75rem}.delete-icon-wrapper{height:50px;width:50px}.delete-icon{font-size:1.5rem}.delete-modal-body,.delete-modal-footer{padding:1rem}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:background .2s;width:32px}.modal-close:hover:not(:disabled){background:#ffffff4d}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:1.25rem 1.5rem}.modal-body .form-group{margin-bottom:.875rem}.modal-body .form-group:last-of-type{margin-bottom:0}.modal-body label{color:#333;display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem}.modal-body .required{color:#dc3545}.modal-body .optional-hint{color:#888;font-size:.75rem;font-weight:400;margin-left:.5rem}.modal-body input{border:2px solid #e1e5eb;border-radius:6px;box-sizing:border-box;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.modal-body input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.modal-body input.error{border-color:#dc3545}.modal-body input.error:focus{box-shadow:0 0 0 3px #dc354526}.modal-body input:disabled{background:#f5f5f5;cursor:not-allowed}.modal-body input::placeholder{color:#aaa}.error-message{color:#dc3545;display:block;font-size:.75rem;font-weight:500;margin-top:.3rem}.modal-body .status-message{border-radius:6px;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.625rem .875rem;text-align:center}.modal-body .status-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.modal-body .status-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #eee;display:flex;gap:.75rem;padding:1rem 1.5rem}.modal-footer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.4rem;justify-content:center;padding:.625rem 1rem;transition:all .2s}.modal-footer .btn:disabled{cursor:not-allowed;opacity:.6}.modal-footer .btn-test{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-footer .btn-test:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.modal-footer .btn-save{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.modal-footer .btn-save:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.success-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.success-icon{animation:scaleIn .5s ease;font-size:5rem;margin-bottom:1.5rem}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-container .success-message{animation:fadeInUp .5s ease .2s both;color:#28a745;font-size:1.25rem;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:540px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.modal-footer{flex-direction:column;padding:1rem}}.upload-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;width:95%}.upload-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.upload-modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.upload-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:background .2s;width:36px}.upload-modal-close:hover{background:#ffffff4d}.upload-modal-body{flex:1 1;overflow-y:auto;padding:24px}.upload-summary{display:flex;gap:16px;margin-bottom:24px}.summary-item{align-items:center;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px;text-align:center}.summary-total{background:linear-gradient(135deg,#e0e5ec,#f5f7fa);border:1px solid #d0d5dd}.summary-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745}.summary-failed{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #dc3545}.summary-number{font-size:2.5rem;font-weight:700;line-height:1}.summary-total .summary-number{color:#495057}.summary-success .summary-number{color:#155724}.summary-failed .summary-number{color:#721c24}.summary-label{font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.upload-section{margin-bottom:24px}.section-title{border-radius:6px;font-size:1.1rem;font-weight:600;margin-bottom:12px;padding:10px 16px}.error-title{background:#fff5f5;border-left:4px solid #dc3545;color:#c53030}.success-title{background:#f0fff4;border-left:4px solid #28a745;color:#276749}.upload-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.upload-results-table{border-collapse:collapse;font-size:.85rem;width:100%}.upload-results-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.upload-results-table td{border-bottom:1px solid #e9ecef;padding:10px 14px;vertical-align:middle}.upload-results-table tbody tr:hover{background-color:#f8f9fa}.failed-row{background-color:#fff8f8}.failed-row:hover{background-color:#fff0f0!important}.missing-field{background-color:#fff3cd}.missing{color:#856404;font-size:.8rem;font-weight:600}.error-message{max-width:200px}.error-badge{background:#fee2e2;border-radius:4px;color:#991b1b;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.success-row{background-color:#f8fff8}.success-row:hover{background-color:#f0fff0!important}.conn-success,.success-badge{background:#d4edda;color:#155724}.conn-failed,.conn-success,.success-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.conn-failed{background:#fee2e2;color:#991b1b;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-skipped{background:#e9ecef;border-radius:4px;color:#6c757d;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.no-results{color:#6c757d;padding:40px;text-align:center}.no-results p{margin:8px 0}.upload-legend{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:16px}.upload-legend h4{color:#495057;font-size:.9rem;margin:0 0 12px}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{align-items:center;color:#6c757d;display:flex;font-size:.85rem;gap:8px}.upload-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:16px 24px}.btn-close-modal{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 24px;transition:transform .2s,box-shadow .2s}.btn-close-modal:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.upload-modal-content{max-height:95vh;width:98%}.upload-summary{flex-direction:column}.summary-number{font-size:2rem}.upload-results-table{font-size:.75rem}.upload-results-table td,.upload-results-table th{padding:8px 10px}.legend-items{flex-direction:column}}.landing-page{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center}.hero-content h1{font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:.5rem}.hero-content p{font-size:1.25rem;margin-bottom:.5rem;opacity:.9}.hero-tagline{background:#fff3;border-radius:25px;display:inline-block;font-size:.875rem;letter-spacing:2px;margin-top:.5rem;padding:.4rem 1.25rem;text-transform:uppercase}.config-section{background-color:#f5f7fa;padding:2.5rem 2rem}.config-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:1100px;padding:2rem}.config-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.config-header h2{color:#333;font-size:1.5rem;margin:0}.header-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.btn-add-new{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.6rem 1.25rem;transition:all .2s;white-space:nowrap}.btn-add-new:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-upload{align-items:center;background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.6rem 1.25rem;transition:all .2s;white-space:nowrap}.btn-upload:hover{box-shadow:0 4px 15px #17a2b866;transform:translateY(-2px)}.btn-refresh{align-items:center;background:#f0f2f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.6rem 1.25rem;transition:all .2s;white-space:nowrap}.btn-refresh:hover{background:#e1e5eb;transform:translateY(-2px)}.status-message{border-radius:8px;font-size:.875rem;font-weight:500;margin-bottom:1.25rem;padding:.875rem;text-align:center}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.features-section{background-color:#fff;padding:3rem 2rem}.features-section h2{color:#333;font-size:1.75rem;margin-bottom:2rem;text-align:center}.features-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1100px}.feature-card{background:linear-gradient(145deg,#f5f7fa,#fff);border:1px solid #eee;border-radius:12px;padding:1.75rem 1.25rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 15px 30px #667eea26;transform:translateY(-5px)}.feature-icon{font-size:2.25rem;margin-bottom:.875rem}.feature-card h3{color:#333;font-size:1rem;margin-bottom:.4rem}.feature-card p{color:#666;font-size:.8rem;line-height:1.4}.footer{background:linear-gradient(135deg,#333,#1a1a2e);color:#fff;margin-top:auto;padding:1.25rem;text-align:center}.footer p{font-size:.8rem;opacity:.8}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.config-container{padding:1.25rem}.config-header{align-items:stretch;flex-direction:column}.header-buttons{justify-content:flex-end}}.App{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.bcfbcb77.css.map*/