: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.submission-status{margin-top:1rem;padding:8px 10px;background-color:#333;border:1px solid var(--table-border-color);border-radius:4px}.submission-status pre{margin:0;font-family:Courier New,Courier,monospace;font-size:.9em;color:#aaa;white-space:pre-wrap;word-wrap:break-word}:root{--background-color: #1a1a1a;--sidebar-bg: #222;--sidebar-hover: #333;--sidebar-selected: #004a99;--text-color: #f0f0f0;--text-secondary: #aaa;--border-color: #444;--success-color: #2ecc71;--error-color: #e74c3c;--accent-color: #3b82f6}body{background-color:var(--background-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;height:100vh;overflow:hidden}.app-layout{display:flex;height:100vh;width:100vw}.sidebar{width:280px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);background-color:#1f1f1f}.sidebar-header h2{margin:0;font-size:1.2rem;color:var(--text-color)}.sidebar-list{overflow-y:auto;flex-grow:1;list-style:none;padding:0;margin:0}.computer-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #2a2a2a;cursor:pointer;transition:background-color .2s}.computer-item:hover{background-color:var(--sidebar-hover)}.computer-item.selected{background-color:var(--sidebar-selected);border-left:4px solid var(--accent-color)}.computer-info{margin-left:12px;display:flex;flex-direction:column}.computer-mac{font-weight:700;font-size:.95rem}.computer-last-seen{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-dot.online{background-color:var(--success-color);box-shadow:0 0 8px #2ecc7199}.status-dot.offline{background-color:var(--error-color)}.main-content{flex-grow:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.welcome-message{text-align:center;margin-top:20%;color:var(--text-secondary)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.detail-card{background-color:#252525;padding:15px;border-radius:8px;border:1px solid var(--border-color)}.detail-card h4{margin:0 0 8px;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase}.detail-card p{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-color)}.terminal-container{background-color:#111;border:1px solid var(--border-color);border-radius:8px;padding:20px;display:flex;flex-direction:column;flex-grow:1;min-height:400px}.terminal-output{background-color:#000;border:1px solid #333;padding:10px;flex-grow:1;overflow-y:auto;font-family:monospace;margin-bottom:15px;border-radius:4px}.terminal-input{display:flex;gap:10px}.terminal-input input{flex-grow:1;background:#222;border:1px solid #444;color:#fff;padding:10px;border-radius:4px}.terminal-input button{background:var(--accent-color);color:#fff;border:none;padding:0 20px;border-radius:4px;cursor:pointer}.actions-bar{display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.action-btn{flex:1;padding:12px;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:transform .1s,opacity .2s;text-transform:uppercase;letter-spacing:.5px}.action-btn:active{transform:scale(.98)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.restart{background-color:#d7ab63;box-shadow:0 4px #a97e38}.action-btn.restart:hover:not(:disabled){background-color:#e4d353}.action-btn.shutdown{background-color:#b04034;box-shadow:0 4px #67120c}.action-btn.shutdown:hover:not(:disabled){background-color:#e74c3c}.directory-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:10px;border-radius:4px;border:1px solid #444;transition:all .3s ease}.directory-bar.inactive{background-color:#2a2a2a;border-color:#444;opacity:.7}.directory-bar.active{background-color:#3b82f626;border-color:var(--accent-color);box-shadow:0 0 5px #3b82f64d}.checkbox-wrapper{display:flex;align-items:center;gap:8px;color:#ccc;font-weight:700;font-family:monospace}.checkbox-wrapper input[type=checkbox]{accent-color:var(--accent-color);width:16px;height:16px;cursor:pointer}.directory-input{flex-grow:1;background:transparent;border:none;color:#fff;font-family:monospace;font-size:.95rem;outline:none}.directory-input:disabled{color:#666;cursor:not-allowed}