.app-layout[data-v-a171fa13]{flex-direction:column;height:100vh;display:flex;overflow:hidden}.navbar[data-v-a171fa13]{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex}.navbar-brand[data-v-a171fa13]{color:var(--accent);letter-spacing:-.5px;font-size:18px;font-weight:700}.navbar-brand[data-v-a171fa13]:hover{color:var(--accent-hover)}.navbar-spacer[data-v-a171fa13]{flex:1}.navbar-user[data-v-a171fa13]{color:var(--fg-muted);font-size:13px}.main-content[data-v-a171fa13]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}:root{--bg:#181a1b;--bg-surface:#1e2224;--bg-elevated:#23272a;--fg:#e8e6e3;--fg-muted:#9e9e9e;--accent:#4fc3f7;--accent-hover:#81d4fa;--danger:#ef5350;--danger-hover:#e57373;--success:#66bb6a;--warning:#ffa726;--border:#ffffff14;--border-hover:#ffffff2e;--radius:8px;--radius-lg:12px;--transition:.2s ease;--font:"Segoe UI", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}.btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);transition:all var(--transition);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#111}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#111}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff}.btn--small{padding:4px 10px;font-size:12px}.input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--fg);transition:border-color var(--transition);padding:10px 14px}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:var(--fg-muted)}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239e9e9e'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}select.input option{background:var(--bg-elevated);color:var(--fg)}textarea.input{resize:vertical;min-height:60px}.label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition);padding:20px}.card:hover{border-color:var(--border-hover)}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge--running{color:var(--success);background:#66bb6a26}.badge--stopped,.badge--exited{color:var(--fg-muted);background:#9e9e9e26}.badge--created{color:var(--warning);background:#ffa72626}.overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:90vh;padding:28px;overflow-y:auto}.modal h2{color:var(--accent);margin-bottom:20px;font-size:18px;font-weight:600}.form-group{margin-bottom:16px}.form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.error-msg{color:var(--danger);border-radius:var(--radius);background:#ef53501a;border:1px solid #ef53504d;margin-bottom:16px;padding:10px 14px;font-size:13px}.empty-state{text-align:center;color:var(--fg-muted);padding:48px 20px}.empty-state p{margin-bottom:16px;font-size:15px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.checkbox-row{align-items:center;gap:8px;padding:4px 0;display:flex}.checkbox-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.checkbox-row label{cursor:pointer;font-size:13px}.log-box{border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;word-break:break-all;max-height:300px;color:var(--success);background:#111;padding:12px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;overflow-y:auto}@media (width<=640px){.modal{width:95%;padding:20px}.btn{padding:8px 12px}}