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; }
.fake-password-mask {-webkit-text-security: disc !important;text-security: disc !important;}
.mask-text {-webkit-text-security: disc !important;text-security: disc !important;}

body.theme-dark {
    background-color: #0b0f14 !important;
    color: #dbe4ee;
    --theme-dark-surface: #121821;
    --theme-dark-surface-muted: #0f1722;
    --theme-dark-surface-glass: rgba(15, 23, 34, 0.84);
    --theme-dark-panel-indigo: #162338;
    --theme-dark-panel-blue: #112333;
    --theme-dark-panel-sky: #122734;
    --theme-dark-panel-emerald: #13261f;
    --theme-dark-panel-amber: #211f16;
    --theme-dark-panel-orange: #241d14;
    --theme-dark-panel-purple: #1b1d2d;
    --theme-dark-panel-rose: #261a21;
}

body.theme-dark [class*="radial-gradient"] {
    background-image: radial-gradient(ellipse at top right, #172033 0%, #0b111a 46%, #070b12 100%) !important;
}

body.theme-dark [class*="bg-white/"],
body.theme-dark [class*="bg-slate-50/"],
body.theme-dark [class*="bg-slate-100/"] {
    background-color: var(--theme-dark-surface-glass) !important;
}

body.theme-dark [class*="bg-white"],
body.theme-dark [class*="from-white"],
body.theme-dark [class*="to-white"] {
    background-color: var(--theme-dark-surface) !important;
    --tw-gradient-to: rgb(11 17 26 / 0.98) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="bg-slate-50"],
body.theme-dark [class*="bg-slate-100"],
body.theme-dark [class*="bg-slate-200"] {
    background-color: var(--theme-dark-surface-muted) !important;
}

body.theme-dark [class*="bg-indigo-50"],
body.theme-dark [class*="bg-blue-50"],
body.theme-dark [class*="bg-sky-50"],
body.theme-dark [class*="bg-cyan-50"] {
    background-color: var(--theme-dark-panel-blue) !important;
}

body.theme-dark [class*="bg-amber-50"],
body.theme-dark [class*="bg-orange-50"] {
    background-color: var(--theme-dark-panel-amber) !important;
}

body.theme-dark [class*="bg-emerald-50"],
body.theme-dark [class*="bg-green-50"] {
    background-color: var(--theme-dark-panel-emerald) !important;
}

body.theme-dark [class*="bg-purple-50"] {
    background-color: var(--theme-dark-panel-purple) !important;
}

body.theme-dark [class*="bg-rose-50"] {
    background-color: var(--theme-dark-panel-rose) !important;
}

body.theme-dark [class*="from-white"] {
    --tw-gradient-from: rgb(18 24 33 / 0.96) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(18 24 33 / 0) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="from-slate-50"],
body.theme-dark [class*="from-slate-100"] {
    --tw-gradient-from: rgb(15 23 34 / 0.96) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(15 23 34 / 0) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="from-indigo-50"],
body.theme-dark [class*="from-indigo-100"] {
    --tw-gradient-from: rgb(22 35 56 / 0.96) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(22 35 56 / 0) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="from-blue-50"],
body.theme-dark [class*="from-sky-50"],
body.theme-dark [class*="from-cyan-50"] {
    --tw-gradient-from: rgb(17 35 51 / 0.96) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(17 35 51 / 0) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="from-amber-50"] {
    --tw-gradient-from: rgb(33 31 22 / 0.96) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(33 31 22 / 0) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="from-orange-50"] {
    --tw-gradient-from: rgb(36 29 20 / 0.96) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(36 29 20 / 0) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="from-emerald-50"],
body.theme-dark [class*="from-green-50"] {
    --tw-gradient-from: rgb(19 38 31 / 0.96) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(19 38 31 / 0) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="from-purple-50"] {
    --tw-gradient-from: rgb(27 29 45 / 0.96) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(27 29 45 / 0) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="from-rose-50"] {
    --tw-gradient-from: rgb(38 26 33 / 0.96) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(38 26 33 / 0) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="via-slate-50"] {
    --tw-gradient-stops: var(--tw-gradient-from), #0c131e var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

body.theme-dark [class*="to-white"] {
    --tw-gradient-to: rgb(11 17 26 / 0.98) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="to-slate-50"],
body.theme-dark [class*="to-slate-100"] {
    --tw-gradient-to: rgb(12 19 30 / 0.98) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="to-indigo-50"] {
    --tw-gradient-to: rgb(15 26 42 / 0.98) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="to-blue-50"],
body.theme-dark [class*="to-sky-50"],
body.theme-dark [class*="to-cyan-50"] {
    --tw-gradient-to: rgb(14 27 40 / 0.98) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="to-amber-50"],
body.theme-dark [class*="to-orange-50"] {
    --tw-gradient-to: rgb(22 18 14 / 0.98) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="to-emerald-50"],
body.theme-dark [class*="to-green-50"] {
    --tw-gradient-to: rgb(14 26 22 / 0.98) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="to-purple-50"] {
    --tw-gradient-to: rgb(22 21 38 / 0.98) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="to-rose-50"] {
    --tw-gradient-to: rgb(28 18 23 / 0.98) var(--tw-gradient-to-position) !important;
}

body.theme-dark [class*="border-slate-"],
body.theme-dark [class*="border-white"] {
    border-color: #283548 !important;
}

body.theme-dark [class*="border-indigo-"],
body.theme-dark [class*="border-blue-"],
body.theme-dark [class*="border-sky-"],
body.theme-dark [class*="border-cyan-"] {
    border-color: #2a4062 !important;
}

body.theme-dark [class*="border-amber-"],
body.theme-dark [class*="border-rose-"],
body.theme-dark [class*="border-emerald-"],
body.theme-dark [class*="border-green-"],
body.theme-dark [class*="border-purple-"] {
    border-color: #3a4354 !important;
}

body.theme-dark [class*="text-slate-900"],
body.theme-dark [class*="text-slate-800"],
body.theme-dark [class*="text-slate-700"],
body.theme-dark [class*="text-slate-600"],
body.theme-dark [class*="text-slate-500"],
body.theme-dark [class*="text-slate-400"] {
    color: #d1d9e3 !important;
}

body.theme-dark [class*="text-indigo-700"],
body.theme-dark [class*="text-indigo-600"],
body.theme-dark [class*="text-blue-700"],
body.theme-dark [class*="text-blue-600"],
body.theme-dark [class*="text-sky-900"],
body.theme-dark [class*="text-sky-700"],
body.theme-dark [class*="text-sky-600"],
body.theme-dark [class*="text-cyan-700"] {
    color: #a8bbff !important;
}

body.theme-dark [class*="text-emerald-900"],
body.theme-dark [class*="text-emerald-800"],
body.theme-dark [class*="text-emerald-700"],
body.theme-dark [class*="text-green-700"],
body.theme-dark [class*="text-green-600"] {
    color: #78d6af !important;
}

body.theme-dark [class*="text-amber-900"],
body.theme-dark [class*="text-amber-800"],
body.theme-dark [class*="text-amber-700"],
body.theme-dark [class*="text-orange-900"],
body.theme-dark [class*="text-orange-800"],
body.theme-dark [class*="text-orange-700"],
body.theme-dark [class*="text-orange-600"] {
    color: #f3bf78 !important;
}

body.theme-dark [class*="text-purple-900"],
body.theme-dark [class*="text-purple-700"],
body.theme-dark [class*="text-purple-600"],
body.theme-dark [class*="text-purple-500"] {
    color: #c7b9ff !important;
}

body.theme-dark [class*="text-rose-700"],
body.theme-dark [class*="text-rose-600"],
body.theme-dark [class*="text-rose-500"] {
    color: #f3a9b7 !important;
}

body.theme-dark input,
body.theme-dark textarea,
body.theme-dark select {
    background-color: #0d141f !important;
    color: #dbe4ee !important;
    border-color: #334155 !important;
}

body.theme-dark input::placeholder,
body.theme-dark textarea::placeholder {
    color: #718198 !important;
}

body.theme-dark ::-webkit-scrollbar-thumb {
    background: #3a4a63;
}

body.theme-dark ::-webkit-scrollbar-thumb:hover {
    background: #516584;
}