*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#007cba,#005a87);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content h1{font-size:1.8rem;font-weight:600}.connection-status{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:10px;width:10px}.status-dot.connected{background-color:#28a745}.status-dot.disconnected{background-color:#dc3545}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.app-footer{background:#333;color:#fff;font-size:.9rem;padding:1rem;text-align:center}.btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#007cba;color:#fff}.btn-primary:hover:not(:disabled){background:#005a87}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.submit-btn{font-size:1.1rem;margin-top:2rem;padding:1rem;width:100%}.sync-form-container{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.form-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem 2rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.sync-form{padding:2rem}.warning-box{background:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;color:#856404;margin-bottom:2rem;padding:1rem}.server-section{background:#f9f9f9;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.server-section h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#555;font-weight:600;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.75rem}.form-group input:focus{border-color:#007cba;box-shadow:0 0 0 3px #007cba1a;outline:none}.password-group,.password-input{position:relative}.password-toggle{background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.checkbox-group input[type=checkbox]{margin:0;width:auto}.sync-monitor{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.monitor-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;justify-content:space-between;padding:1rem 2rem}.monitor-header,.sync-status{align-items:center;display:flex}.sync-status{font-weight:600;gap:.5rem}.status-icon{font-size:1.2rem}.status-icon.running{animation:pulse 1.5s infinite;color:#ffc107}.status-icon.success{color:#28a745}.status-icon.error{color:#dc3545}.monitor-content{padding:2rem}.stats-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.stat-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;min-width:0;overflow:hidden;padding:1.5rem}.stat-card h4{color:#495057;font-size:1rem;font-weight:600;margin:0 0 1rem}.stat-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin:.5rem 0}.stat-value{word-wrap:break-word;color:#007cba;font-weight:600;min-width:0;overflow-wrap:break-word}.stat-value.success{color:#28a745}.stat-value.warning{color:#ffc107}.stat-value.error{color:#dc3545}.stat-value.mono{font-family:Courier New,monospace;font-size:.8rem;word-break:break-all}.progress-bar{background-color:#e9ecef;border-radius:10px;height:20px;margin:1rem 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;transition:width .3s ease}.progress-text{color:#007cba;font-weight:600;margin-bottom:1rem;text-align:center}.logs-section{margin-top:2rem}.logs-section h3{color:#333;margin-bottom:1rem}.logs-container{background:#1e1e1e;border-radius:5px;color:#f8f8f2;font-family:Courier New,monospace;font-size:.8rem;line-height:1.4;max-height:400px;overflow-y:auto;padding:1rem}.log-line{display:flex;gap:1rem;margin:.2rem 0}.log-timestamp{color:#6c757d;font-size:.75rem;min-width:80px}.log-content{word-wrap:break-word}.log-line.error .log-content{color:#ff6b6b}.log-line.warning .log-content{color:#feca57}.log-line.success .log-content{color:#48cab2}.log-line.info .log-content{color:#74b9ff}.log-viewer{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:80vh;overflow:hidden}.log-viewer-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:1rem;padding:1rem 2rem}.log-viewer-content{display:grid;flex:1 1;grid-template-columns:300px 1fr;overflow:hidden}.logs-sidebar{background:#f8f9fa;border-right:1px solid #dee2e6;overflow-y:auto;padding:1rem}.logs-sidebar h3{color:#333;font-size:1rem;margin-bottom:1rem}.no-logs{color:#6c757d;padding:2rem 0;text-align:center}.logs-list{display:flex;flex-direction:column;gap:.5rem}.log-item{background:#fff;border:1px solid #dee2e6;border-radius:5px;cursor:pointer;padding:1rem;transition:all .3s ease}.log-item:hover{background:#e9ecef}.log-item.active{background:#d4edda;border-color:#c3e6cb}.log-filename{color:#007cba;font-weight:600;margin-bottom:.5rem}.log-meta{color:#6c757d;display:flex;font-size:.75rem;justify-content:space-between}.log-content-area{display:flex;flex-direction:column;overflow:hidden}.log-content-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem 2rem}.log-content-header h3{color:#333;font-size:1rem;margin:0}.log-content{background:#1e1e1e;color:#f8f8f2;flex:1 1;font-family:Courier New,monospace;font-size:.8rem;line-height:1.4;overflow:auto;padding:1rem}.log-content pre{word-wrap:break-word;margin:0;white-space:pre-wrap}.loading,.no-content,.no-selection{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}@media (max-width:768px){.app-main{padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:1.4rem}.form-row,.log-viewer-content{grid-template-columns:1fr}.logs-sidebar{display:none}.form-actions,.monitor-header{flex-direction:column}.monitor-header{gap:1rem;text-align:center}.sync-status{justify-content:center}.stat-card{padding:1rem}.stat-row{align-items:flex-start;flex-direction:column;gap:.25rem}.logs-container{font-size:.75rem;max-height:300px}}
/*# sourceMappingURL=main.71b09fa1.css.map*/