body { background-color: #f3f4f6; }
.terminal { background: #1e1e1e; color: #4af626; font-family: monospace; height: calc(100vh - 280px); overflow-y: auto; padding: 1rem; border-radius: 0.5rem; }
.terminal::-webkit-scrollbar { width: 8px; }
.terminal::-webkit-scrollbar-thumb { background: #555; border-radius: 4px; }
[v-cloak] { display: none; }
.config-card { background: white; border-radius: 0.75rem; padding: 1.5rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); border: 1px solid #f3f4f6; }
.config-title { font-size: 1.125rem; font-weight: 700; color: #374151; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #e5e7eb; }
.form-label { display: block; font-size: 0.875rem; font-weight: 600; color: #374151; margin-bottom: 0.25rem; }
.form-hint { display: block; font-size: 0.75rem; color: #6b7280; margin-bottom: 0.5rem; line-height: 1.25rem; }
.form-input { display: block; width: 100%; padding: 0.625rem; font-size: 0.875rem; border: 1px solid #d1d5db; border-radius: 0.5rem; margin-bottom: 1rem; transition: all 0.2s;}
.form-input:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2); }
.form-checkbox-label { display: flex; align-items: flex-start; font-size: 0.875rem; color: #111827; margin-bottom: 1rem; cursor: pointer; }
.form-checkbox { height: 1.125rem; width: 1.125rem; color: #3b82f6; border-radius: 0.25rem; margin-right: 0.5rem; margin-top: 0.125rem; cursor: pointer; }
.toast-enter-active, .toast-leave-active { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.toast-enter-from { opacity: 0; transform: translateX(100%) scale(0.9); }
.toast-leave-to { opacity: 0; transform: translateX(100%) scale(0.9); }
.progress-bar-inner { transition: width 0.5s ease-in-out; }
[v-cloak] { display: none !important; }