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}.App{padding:20px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand h1{color:#333;font-size:1.5rem;margin:0}.navbar-menu{align-items:center;display:flex;gap:1rem}.nav-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .2s}.nav-button:hover{background-color:#e9ecef;color:#333}.nav-button.active{background-color:#007bff;color:#fff}.nav-button.logout{color:#dc3545;margin-left:1rem}.nav-button.logout:hover{background-color:#dc3545;color:#fff}.nav-button.login{background-color:#28a745;color:#fff}.nav-button.login:hover{background-color:#218838}.content{margin:0 auto;max-width:1200px}.servers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.server-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:left}.server-card h3{color:#333;margin-top:0}.server-card p{color:#666;margin:10px 0}.server-card button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.server-card button:hover{background-color:#0056b3}.error{background-color:#f8d7da;border-radius:4px;color:#dc3545;margin:20px 0;padding:20px}.logged-in,.public{text-align:center}.send-message-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:.5rem auto;max-width:1300px;padding:1rem}.send-message-container h2{color:#333;font-size:1.5rem;margin-bottom:.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#555;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group textarea[name=userDescription]{max-height:50px;min-height:50px;resize:none}.send-message-container button:not(.save-button){background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.send-message-container button:not(.save-button):hover{background-color:#27ae60}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin-top:1rem;padding:.75rem}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-top:1rem;padding:.75rem}.coming-soon{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:600px;padding:3rem;text-align:center}.coming-soon h2{color:#333;margin-bottom:1rem}.coming-soon p{color:#666;font-size:1.1rem}.environment-selector{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.environment-selector select{border:1px solid #ddd;border-radius:4px;padding:.5rem}.top-controls{align-items:center;gap:1.5rem;justify-content:center;margin-bottom:2rem}.control-group{align-items:center;display:flex;gap:.5rem}.control-group label{font-size:.9rem;margin:0;min-width:60px}.control-group input,.control-group select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:120px;padding:.4rem}.id-input-group{align-items:center;gap:.5rem}.id-input-group input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.4rem;width:120px}.fetch-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none}.field-row{align-items:center;display:flex;margin-bottom:4px;min-height:20px}.field-label{font-weight:500;min-width:120px}.field-content,.field-label{font-size:14px;text-align:left}.field-content{flex:1 1;padding-left:8px}.result-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:12px}.result-item h3{color:#333;font-size:16px;margin-top:0}.result-item p{color:#666;font-size:14px;margin:4px 0}.mode-tabs{border-bottom:2px solid #dee2e6;justify-content:center;margin:.75rem auto;max-width:400px}.tab{color:#6c757d;font-weight:500;padding:.5rem 1.5rem;position:relative;transition:all .2s}.tab:hover{color:#495057}.tab.active{color:#007bff}.tab.active:after{background-color:#007bff;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.mode-toggle,.toggle-button{display:none}.preview-frame{border:1px solid #ddd;margin-top:1rem;min-height:320px;overflow:hidden}.preview-frame iframe{border:none;height:320px}.button-group{justify-content:space-between;margin-top:1.5rem}.save-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.save-button:hover{background-color:#0056b3}.send-message-container button:not(.save-button):not(.fetch-button){background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.send-message-container button:not(.save-button):not(.fetch-button):hover{background-color:#27ae60}.saved-messages{border-top:1px solid #dee2e6;margin-top:3rem;padding-top:2rem}.search-form{display:flex;gap:1rem;margin-bottom:1.5rem}.search-form input,.search-form select{border:1px solid #ddd;border-radius:4px;padding:.5rem}.search-form input{flex:1 1}.messages-list{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:1.5rem}.message-item{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:8px}.message-item h4{color:#333;margin:0 0 .5rem}.message-item p{color:#666;margin:.25rem 0}.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.pagination button{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.pagination button.active{background-color:#007bff;border-color:#0056b3;color:#fff}.saved-messages-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.saved-messages-container h2{color:#333;margin-bottom:1.5rem}.message-content{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;margin-top:8px;padding:8px;text-align:left}.message-content h5{color:#333;font-size:14px;margin:0 0 4px;text-align:left}.message-content pre{word-wrap:break-word;color:#666;font-family:monospace;font-size:13px;line-height:1.4;margin:0;text-align:left;white-space:pre-wrap}.tags-input-container{background-color:#fff;border:1px solid #ddd;padding:.5rem}.tags-list{gap:.5rem;margin-bottom:.5rem}.tag{background-color:#e9ecef;color:#495057;display:inline-flex;font-size:.75rem;height:1.25rem;padding:.125rem .375rem}.tag-remove{align-items:center;color:#6c757d;display:flex;font-size:.875rem;height:1rem;justify-content:center;line-height:1;margin-left:.125rem;padding:0 .125rem;transition:color .2s;width:1rem}.tag-remove:hover{color:#dc3545}.tags-input-container input{border:none;font-size:.875rem;outline:none;padding:.25rem;width:100%}.tags-input-container input:focus{box-shadow:none}.preview-container{margin-top:10px;width:100%}.preview-frame{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;width:100%}.preview-frame iframe{background:#fff;border:1px solid #ccc;border-radius:4px;height:400px;width:100%}.send-message-container{margin:0 auto;max-width:800px;padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:5px}textarea{border:1px solid #ccc;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.4;min-height:200px;padding:8px;width:100%}.mode-tabs{border-bottom:1px solid #ccc;display:flex;margin-bottom:15px}.tab{border:1px solid #0000;border-bottom:none;cursor:pointer;margin-bottom:-1px;padding:8px 16px}.tab.active{background:#fff;border-color:#ccc #ccc #fff}.button-group{display:flex;gap:10px;margin-top:20px}button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}button:hover{background:#0056b3}.save-button{background:#28a745}.save-button:hover{background:#218838}.clear-button{background:#dc3545}.clear-button:hover{background:#c82333}.success-message{color:#28a745;margin-top:10px}.error-message{color:#dc3545;margin-top:10px}.tags-input-container{border:1px solid #ccc;border-radius:4px;padding:8px}.tags-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.tag{align-items:center;background:#e9ecef;border-radius:4px;display:flex;gap:4px;padding:4px 8px}.tag-remove{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px;padding:0}.tag-remove:hover{color:#c82333}#problemClass{border:none;outline:none;padding:8px;width:100%}.top-controls{display:flex;gap:20px;margin-bottom:20px}.control-group{flex:1 1}.id-input-group{display:flex;gap:10px}.id-input-group input{flex:1 1}.fetch-button{background:#6c757d}.fetch-button:hover{background:#5a6268}.send-group{gap:10px}.send-group,.test-trace-label{align-items:center;display:flex}.test-trace-label{cursor:pointer;gap:5px;margin:0}.test-trace-label input[type=checkbox]{margin:0}.trace-log{word-wrap:break-word;background-color:#f8f9fa;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.4;max-height:200px;min-height:100px;overflow-y:auto;padding:8px;white-space:pre-wrap}
/*# sourceMappingURL=main.69f2cf0c.css.map*/