: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-nav button.tab-locked{opacity:.5;cursor:not-allowed}.dashboard-nav button.tab-locked:hover{border-bottom-color:transparent}.dashboard-nav button.tab-locked:disabled{cursor:not-allowed}.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}}.sim-terminal-container{background-color:#1a1a1a;border-radius:8px;padding:1rem;max-width:800px}.sim-terminal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #333;margin-bottom:1rem}.sim-terminal-header h3{margin:0}.level2-badge{background-color:#22c55e;color:#fff;padding:.2em .6em;border-radius:4px;font-size:.85em;font-weight:500}.sim-terminal-content{display:flex;flex-direction:column;gap:1rem}.sim-terminal-input-section,.sim-terminal-output-section{display:flex;flex-direction:column;gap:.5rem}.sim-terminal-input-section label,.sim-terminal-output-section label{font-weight:500}.sim-terminal-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sim-terminal-button{padding:.5em 1em}.sim-terminal-copy{background-color:#333}.sim-terminal-exit-code{font-family:monospace;font-size:.9em}.sim-terminal-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.locked-icon{font-size:4rem;margin-bottom:1rem}.sim-terminal-locked h3{margin:0 0 .5rem}.sim-terminal-locked p{margin:0 0 1.5rem;opacity:.7}.sim-terminal-hint{font-size:.85em;opacity:.6}.profile-section{max-width:600px}.profile-info{background-color:#1a1a1a;padding:1rem;border-radius:8px;margin-bottom:1rem}.profile-field{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #333}.profile-field:last-child{border-bottom:none}.profile-field label{font-weight:500}.avatar-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0;margin-bottom:.5rem}.profile-avatar{width:96px;height:96px;border-radius:50%;cursor:pointer;border:3px solid #333;transition:border-color .2s;object-fit:cover}.profile-avatar:hover{border-color:#646cff}.avatar-uploading{margin-top:.5rem;font-size:.8rem;color:#888}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog{background-color:#1a1a1a;padding:2rem;border-radius:12px;max-width:400px;width:90%}.dialog h3{margin-top:0}.bind-form{display:flex;flex-direction:column;gap:1rem}.bind-form label{font-weight:500}.dialog-buttons{display:flex;gap:.5rem}.hint{font-size:.85em;opacity:.7;margin:.5rem 0 0}.btn-close{margin-top:1rem;background-color:#333}.code-input-wrapper{position:relative;display:flex;justify-content:center;cursor:text}.code-input-display{display:flex;justify-content:center;gap:12px}.code-input-cell{width:50px;height:56px;display:flex;align-items:center;justify-content:center;border:2px solid #555;border-radius:12px;background-color:#2a2a2a;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s}.code-input-cell:first-child{border-color:#646cff;box-shadow:0 0 0 4px #646cff40}.code-input-digit{font-size:28px;font-weight:600;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;line-height:1}.code-input-hidden{position:absolute;top:0;left:-9999px;width:1px;height:1px;opacity:0}@media(prefers-color-scheme:light){.code-input-cell{background-color:#fff;border-color:#999}.code-input-cell:first-child{border-color:#535bf2;box-shadow:0 0 0 4px #535bf240}.code-input-digit{color:#000}}.transapp-container{height:calc(100vh - 200px)}.transapp-layout{display:grid;grid-template-columns:380px 1fr;gap:1rem;height:100%}.transapp-config{background-color:#1a1a1a;border-radius:8px;padding:1rem;overflow-y:auto;max-height:100%}.transapp-config h3{margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #333}.config-section{margin-bottom:1.5rem}.config-section h4{margin:0 0 .75rem;font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.85rem;margin-bottom:.25rem;color:#aaa}.form-group input{width:100%;padding:.5em .75em;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.config-actions{margin-bottom:1rem}.config-actions button{width:100%;padding:.75em;font-size:1rem}.btn-danger{background-color:#dc2626}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.transapp-output{display:flex;flex-direction:column;gap:.5rem}.progress-section{display:flex;gap:.5rem;flex-shrink:0;padding:.25rem 0}.progress-bar-container{flex:1;display:flex;align-items:center;gap:.25rem;font-size:.75rem}.progress-bar-container .native-progress{flex:1;height:6px;border-radius:3px;background-color:#333;-moz-appearance:none;appearance:none;-webkit-appearance:none}.native-progress::-webkit-progress-bar{background-color:#333;border-radius:4px}.native-progress::-webkit-progress-value{background:linear-gradient(90deg,#646cff,#22c55e);border-radius:4px;transition:width .3s ease}.native-progress::-moz-progress-bar{background:linear-gradient(90deg,#646cff,#22c55e);border-radius:4px}.logs-section{flex:1;background-color:#1a1a1a;border-radius:8px;display:flex;flex-direction:column;min-height:0}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #333;flex-shrink:0}.logs-header h4{margin:0;font-size:.8rem}.status-indicator{padding:.2em .6em;border-radius:4px;font-size:.8rem;font-weight:500}.status-indicator[data-status=idle]{background-color:#374151;color:#9ca3af}.status-indicator[data-status=running]{background-color:#166534;color:#86efac}.status-indicator[data-status=stopping]{background-color:#854d0e;color:#fde047}.logs-output{flex:1;overflow-y:auto;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.6;display:flex;flex-direction:column;gap:.25rem}.logs-footer{display:flex;justify-content:flex-end;padding:.25rem .75rem;border-top:1px solid #333;flex-shrink:0}.build-tag{font-size:.7rem;color:#666;font-family:monospace}.log-line{display:flex;gap:.5rem}.log-time{color:#6b7280;flex-shrink:0}.log-message{word-break:break-all}@media(max-width:900px){.transapp-layout{grid-template-columns:1fr}.progress-section{flex-direction:column}}