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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.App{min-height:100vh;padding:20px;text-align:center}.App-header{align-items:center;background-color:#fff;border-bottom:2px solid #ddd;color:#333;display:flex;justify-content:space-between;padding:10px 20px}h1{font-size:1.8rem;margin:0}.button-container{display:flex;gap:10px}.btn-login,.btn-stop-log,.btn-toggle{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 15px}.btn-login{background-color:#007bff}.btn-stop-log{background-color:#dc3545}.btn-toggle{background-color:#6c757d}.content-container{display:flex;flex-direction:column;gap:20px;padding:20px}.connection-box,.log-box{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}.connection-box h2{color:#333;margin-top:0}.dark-mode .connection-box h2{color:#e0e0e0}.table-container{margin-top:10px;overflow-x:auto}.table-container table{background-color:#fff;border-collapse:collapse;width:100%}th{background-color:#1e73be;color:#fff}td,th{padding:10px;text-align:center}td{border:1px solid #ddd}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#e9e9e9}.dark-mode,.dark-mode .App,.dark-mode .content-container,.dark-mode body{background-color:#121212;color:#e0e0e0}.dark-mode .App-header{background-color:#1f1f1f;border-bottom:2px solid #333;color:#e0e0e0}.dark-mode .connection-box,.dark-mode .log-box{background-color:#1f1f1f;border:1px solid #333;color:#e0e0e0}.dark-mode table{background-color:#1f1f1f;box-shadow:none}.dark-mode th{background-color:#333;color:#e0e0e0}.dark-mode td{border:1px solid #444}.dark-mode tr:nth-child(2n){background-color:#2c2c2c}.dark-mode tr:hover{background-color:#3a3a3a}.filter-container{display:flex;gap:10px;justify-content:center;padding:10px}.filter-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;position:relative}.filter-button:hover{background-color:#5a6268}.filter-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;display:none;left:0;padding:5px;position:absolute;top:100%;z-index:10}.filter-button:hover .filter-dropdown{display:block}.filter-dropdown input{margin-right:5px}.dark-mode .filter-button{background-color:#333;color:#e0e0e0}.dark-mode .filter-button:hover{background-color:#444}.dark-mode .filter-dropdown{background-color:#1f1f1f;border:1px solid #444;color:#e0e0e0}.dark-mode .filter-dropdown input{background-color:#2c2c2c;color:#e0e0e0}
/*# sourceMappingURL=main.007b26d6.css.map*/