:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:2em;line-height:1.1;margin:0 0 1rem}h2{font-size:1.5em;margin:0 0 1rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s}button:hover:not(:disabled){border-color:#646cff}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#646cff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#535bf2}.btn-secondary{background-color:#333;color:#fff}.btn-small{padding:.3em .8em;font-size:.9em}.btn-link{background:none;border:none;color:#646cff;padding:0;cursor:pointer;font-size:inherit}.btn-link:hover{text-decoration:underline}.btn-approve{background-color:#22c55e;color:#fff}.btn-approve:hover:not(:disabled){background-color:#16a34a}.btn-reject{background-color:#ef4444;color:#fff}.btn-reject:hover:not(:disabled){background-color:#dc2626}input{padding:.6em 1em;font-size:1em;border:1px solid #444;border-radius:6px;background-color:#1a1a1a;color:inherit;width:100%}input:focus{outline:none;border-color:#646cff}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group small{display:block;margin-top:.25rem;opacity:.7}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.login-container{width:100%;max-width:400px}.login-title{text-align:center;margin-bottom:2rem;font-size:2em}.auth-form-container{background-color:#1a1a1a;padding:2rem;border-radius:12px}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-switch{text-align:center;margin-top:1rem}.error-message{background-color:#450a0a;color:#fca5a5;padding:.75rem;border-radius:6px;margin-bottom:1rem}.success-message{background-color:#052e16;color:#86efac;padding:1rem;border-radius:6px;line-height:1.6}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1a1a1a;border-bottom:1px solid #333}.dashboard-header h1{margin:0;font-size:1.5em}.user-info{display:flex;align-items:center;gap:1rem}.dashboard-nav{display:flex;gap:.5rem;padding:1rem 2rem;background-color:#1a1a1a;border-bottom:1px solid #333}.dashboard-nav button{background-color:transparent;border-bottom:2px solid transparent;border-radius:0;padding-bottom:calc(.6em - 2px)}.dashboard-nav button.active{border-bottom-color:#646cff;color:#646cff}.dashboard-content{flex:1;padding:2rem;overflow-y:auto}.pending-list,.operators-list{display:flex;flex-direction:column;gap:1rem}.pending-card,.operator-card{background-color:#1a1a1a;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pending-info,.operator-info{display:flex;flex-direction:column;gap:.25rem}.pending-date{opacity:.7;font-size:.9em}.pending-actions{display:flex;gap:.5rem}.status{display:inline-block;padding:.2em .6em;border-radius:4px;font-size:.85em;font-weight:500}.status-active{background-color:#166534;color:#86efac}.status-pending{background-color:#854d0e;color:#fde047}.status-rejected{background-color:#7f1d1d;color:#fca5a5}.permission-editor{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.permissions-display,.permissions-edit{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{background-color:#333;padding:.2em .6em;border-radius:4px;font-size:.85em;font-family:monospace}.permission-tag.removable{display:flex;align-items:center;gap:.25rem}.permission-tag.removable button{background:none;border:none;color:inherit;padding:0;font-size:1.2em;line-height:1;cursor:pointer}.permission-tag.removable button:hover{color:#ef4444}.add-command{display:flex;gap:.5rem;margin-top:.5rem}.add-command input{width:150px}.permission-actions{display:flex;gap:.5rem;margin-top:.5rem}.permissions-list{list-style:none;padding:0;margin:0}.permissions-list li{display:inline-block;margin-right:.5rem;margin-bottom:.5rem}.permissions-list code{background-color:#333;padding:.2em .6em;border-radius:4px}.command-executor{max-width:800px}.command-form{margin-bottom:1rem}.command-input-group{display:flex;gap:.5rem}.command-input{flex:1;font-family:monospace}.quick-commands{margin-bottom:1rem;opacity:.8}.command-result{background-color:#1a1a1a;border-radius:8px;overflow:hidden}.result-header{display:flex;justify-content:space-between;padding:.75rem 1rem;background-color:#333;font-size:.9em}.exit-code.success{color:#86efac}.exit-code.error{color:#fca5a5}.result-section{padding:1rem;border-top:1px solid #333}.result-section h4{margin:0 0 .5rem;font-size:.9em;opacity:.8}.output{background-color:#0a0a0a;padding:1rem;border-radius:4px;overflow-x:auto;font-family:monospace;font-size:.9em;margin:0;white-space:pre-wrap;word-break:break-all}.error-output .output{color:#fca5a5}.terminal-container{background-color:#1a1a1a;border-radius:8px;overflow:hidden}.terminal-header{display:flex;justify-content:space-between;padding:.5rem 1rem;background-color:#333;font-size:.9em}.connection-status{font-weight:500}.connection-status.connected{color:#86efac}.connection-status.disconnected{color:#fca5a5}.terminal-error{background-color:#450a0a;color:#fca5a5;padding:.5rem 1rem}.terminal{padding:.5rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-spinner{font-size:1.2em;opacity:.8}.browser-info{position:fixed;bottom:10px;left:10px;padding:5px 10px;background-color:#00000080;border-radius:4px;font-size:.8em;z-index:1000}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}input{background-color:#f5f5f5;border-color:#ccc}button{background-color:#f0f0f0;color:#213547}.auth-form-container,.dashboard-header,.dashboard-nav,.pending-card,.operator-card,.command-result,.terminal-container{background-color:#f5f5f5}.result-header,.terminal-header{background-color:#e5e5e5}.output{background-color:#1e1e1e;color:#d4d4d4}.permission-tag,.permissions-list code{background-color:#e5e5e5}}@media(max-width:600px){.dashboard-header{flex-direction:column;gap:.5rem;text-align:center}.dashboard-nav{flex-wrap:wrap;justify-content:center}.pending-card,.operator-card{flex-direction:column;align-items:flex-start}.command-input-group{flex-direction:column}}