html,body{margin:0;padding:0;width:100%;height:100%;background-color:#1f2937;color:#fff;font-family:Arial,sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.login-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem;position:relative}.login-box{background-color:#374151;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px #0000004d;width:90%;max-width:600px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.logo{height:64px}.login-form{display:flex;flex-direction:column;gap:1rem}.input-field{padding:.5rem;border:1px solid #4b5563;border-radius:.25rem;font-size:1rem;outline:none;background-color:#4b5563;color:#fff}.login-button{background-color:#3b82f6;color:#fff;padding:.5rem;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.login-button:hover{background-color:#2563eb}.error-message{color:#ef4444;font-size:.9rem;margin-bottom:1rem}.dashboard-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;position:relative}.small-container{width:100%;max-width:800px;display:flex;justify-content:space-between;margin-bottom:1rem}.top-button{padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:.9rem;cursor:pointer;transition:background-color .2s}.change-password-button{background-color:#6b7280;color:#fff}.change-password-button:hover{background-color:#4b5563}.logout-button{background-color:#ef4444;color:#fff}.logout-button:hover{background-color:#dc2626}.dashboard-box{background-color:#374151;padding:1rem;border-radius:.5rem;box-shadow:0 4px 6px #0000004d;border:4px solid #3b82f6;width:90%;max-width:800px;text-align:center}.bot-toggle-container{display:flex;justify-content:center;margin-bottom:1.5rem}.bot-toggle{padding:.5rem 1rem;border:none;border-radius:.25rem;color:#fff;font-size:1rem;cursor:pointer}.bot-on{background-color:#10b981}.bot-off{background-color:#ef4444}.transfer-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.input-group{display:flex;flex-direction:column;align-items:flex-start}.input-label{font-size:.9rem;color:#e5e7eb;margin-bottom:.3rem}.input-field{padding:.5rem;border:1px solid #4b5563;border-radius:.25rem;font-size:1rem;outline:none;background-color:#4b5563;color:#fff;width:100%}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.transfer-button{background-color:#3b82f6;color:#fff;padding:.5rem;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.transfer-button:hover{background-color:#2563eb}.save-button{background-color:#10b981;color:#fff;padding:.5rem;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#059669}.bot-logs-container{margin-top:2rem;text-align:left}.bot-logs-container h3{font-size:1.2rem;margin-bottom:1rem;color:#fff}.bot-logs-table{width:100%;border-collapse:collapse;background-color:#4b5563;border-radius:.25rem;overflow:hidden}.bot-logs-table th,.bot-logs-table td{padding:.2rem;border:1px solid #6b7280;font-size:.8rem;text-align:center}.bot-logs-table th{background-color:#3b82f6;color:#fff}.bot-logs-table td{color:#e5e7eb}.bot-logs-table tr:nth-child(2n){background-color:#374151}.bot-log-cards{display:none}.bot-log-card{background-color:#4b5563;border:1px solid #6b7280;border-radius:.25rem;padding:1rem;margin-bottom:1rem}.bot-log-card p{margin:.5rem 0;font-size:.9rem;color:#e5e7eb}.bot-log-card p strong{color:#fff}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.pagination-button{background-color:#6b7280;color:#fff;padding:.5rem;border:none;border-radius:.25rem;font-size:.7rem;cursor:pointer;transition:background-color .2s}.pagination-button:hover:not(:disabled){background-color:#4b5563}.pagination-button:disabled{background-color:#4b5563;cursor:not-allowed;opacity:.5}.pagination-button.active{background-color:#3b82f6}.pagination-ellipsis{display:flex;align-items:center;font-size:.9rem;color:#e5e7eb;padding:0 .5rem}.view-toggle-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.view-toggle-button{padding:.5rem 1rem;border:none;border-radius:.25rem;background-color:#6b7280;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s}.view-toggle-button:hover{background-color:#4b5563}.view-toggle-button.active{background-color:#3b82f6}@media (max-width: 600px){.view-toggle-button{font-size:.8rem;padding:.4rem .8rem}.dashboard-box{padding:1.5rem;max-width:95%}.small-container{max-width:95%;padding:0 .5rem}.input-field,.login-button,.bot-toggle,.transfer-button,.save-button,.top-button{font-size:.8rem;padding:.4rem .8rem}.input-label{font-size:.8rem;margin-bottom:.2rem}.logo{height:48px}.bot-logs-table{display:none}.bot-log-cards{display:block}.bot-log-card{font-size:.8rem}.pagination{gap:.3rem}.pagination-button{padding:.3rem .6rem;font-size:.7rem;min-width:30px}.pagination-ellipsis{font-size:.7rem;padding:0 .3rem}}