:root{--bg-color: #0f111a;--bg-secondary: #161925;--bg-tertiary: #1f2335;--text-primary: #a6accd;--text-secondary: #717cb4;--accent: #82aaff;--success: #c3e88d;--danger: #f07178;--warning: #ffcb6b;--border-color: #292d3e;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;overflow:hidden;background-color:var(--bg-color);color:var(--text-primary)}#app,.app-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;overflow:hidden}.sidebar{width:455px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-height:0;flex-shrink:0}.resizer{width:5px;cursor:ew-resize;background-color:transparent;transition:background-color .2s;flex-shrink:0;z-index:10}.resizer:hover,.resizer.resizing{background-color:var(--accent)}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:1.1rem;font-weight:600;color:#fff}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;gap:12px}.btn-icon{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1.2rem;transition:transform .2s}.btn-icon:hover{transform:scale(1.1);color:var(--accent)}.service-list{list-style:none;overflow-y:auto;flex:1;min-height:0}.service-item{padding:12px;display:flex;flex-direction:column;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.02);transition:background .2s}.service-item:hover{background-color:#ffffff0d}.service-item.active{background-color:var(--bg-tertiary);border-left:3px solid var(--accent);padding-left:9px}.service-item.dragging{opacity:.5;background:var(--bg-secondary)}.service-item.drag-over{border-top:2px solid var(--accent)}.service-row{display:flex;align-items:center;justify-content:space-between;width:100%}.service-main{display:flex;align-items:center;gap:8px;overflow:hidden;flex-shrink:0;margin-right:8px}.expand-btn{color:var(--text-secondary);transition:transform .2s ease;width:16px;height:16px}.expand-btn.expanded{transform:rotate(90deg)}.service-details{margin-top:12px;padding:8px;background:var(--bg-color);border-radius:4px;border:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary);word-break:break-all}.service-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:1.05rem;color:#fff}.service-actions-grid{display:grid;grid-template-columns:repeat(3,18px);gap:6px;flex-shrink:0;margin-left:12px}.inline-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;width:18px;height:18px;transition:color .1s}.inline-btn:hover:not(:disabled){color:var(--text-primary)}.inline-btn:disabled{opacity:.3;cursor:not-allowed}.inline-btn svg{width:14px;height:14px}.spinner-wrapper{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}.led{width:10px;height:10px;border-radius:50%;box-shadow:0 0 5px #00000080}.led-red{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}.led-green{background-color:var(--success);box-shadow:0 0 8px var(--success)}.led-orange{background-color:var(--warning);box-shadow:0 0 8px var(--warning)}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-color)}.content-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-end}.header-info h2{color:#fff;margin-bottom:6px;font-size:1.5rem}.cmd-text{font-family:monospace;color:var(--text-secondary);font-size:.9rem;background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;display:inline-block}.header-actions{display:flex;gap:12px}.btn{padding:8px 16px;border-radius:6px;border:none;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn-success{background:var(--success);color:#000}.btn-danger{background:var(--danger);color:#000}.btn-warning{background:var(--warning);color:#000}.btn-primary{background:var(--accent);color:#000}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:#ffffff0d}.btn-success:hover:not(:disabled){box-shadow:0 0 10px var(--success)}.btn-danger:hover:not(:disabled){box-shadow:0 0 10px var(--danger)}.btn-warning:hover:not(:disabled){box-shadow:0 0 10px var(--warning)}.btn-primary:hover:not(:disabled){box-shadow:0 0 10px var(--accent)}.btn-edit-icon{background:#fff;color:#000;display:inline-flex;align-items:center;justify-content:center}.btn-edit-icon:hover:not(:disabled){background:#e0e0e0;box-shadow:0 0 10px #fff9}.terminal-container{flex:1;padding:20px;overflow:hidden;display:flex}.terminal-output{flex:1;min-height:0;width:100%;height:100%;background:#000;border-radius:8px;padding:16px;font-family:Consolas,Courier New,monospace;font-size:.9rem;color:#a6accd;overflow-y:auto;white-space:pre-wrap;word-break:break-all;box-shadow:inset 0 0 20px #00000080}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.hidden{display:none!important}.modal{background:var(--bg-secondary);padding:30px;border-radius:12px;width:400px;border:1px solid var(--border-color);box-shadow:0 20px 40px #0006}.modal h2{margin-bottom:20px;color:#fff}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem}.form-group input{width:100%;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:#fff;font-family:inherit;outline:none}.form-group input:focus{border-color:var(--accent)}.checkbox-group label{display:flex!important;align-items:center;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin:0;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.inline-edit-form label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:2px}.inline-edit-form input{width:100%;display:block;margin-bottom:8px;box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:4px 6px;color:var(--text-primary);font-family:inherit}.inline-edit-form input:focus{border-color:var(--accent);outline:none}.inline-edit-form input:disabled{opacity:.6;border-color:transparent;cursor:not-allowed}.btn-xxl-icon{background:transparent;border:1px solid transparent;border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-xxl-icon svg{width:24px;height:24px}.btn-xxl-icon:hover{background:var(--bg-secondary);border-color:var(--border-color);transform:scale(1.05)}.btn-xxl-icon:active{transform:scale(.95)}