:root{--color-primary: #0EA593;--color-primary-light: #2DBDA8;--color-primary-lighter: #5DD5BE;--color-primary-dark: #0C8A7B;--color-primary-darker: #0A7066;--color-accent: #FF6B3D;--color-accent-light: #FF8B66;--color-accent-dark: #E85A2E;--color-secondary: #2DBDA8;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-bg: #F7FAFC;--color-bg-secondary: #EDF2F7;--color-bg-card: #FFFFFF;--color-bg-light: #FAFBFC;--color-border: #E2E8F0;--color-border-light: #F0F4F8;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-tertiary: #94A3B8;--color-text-white: #FFFFFF;--color-text-muted: #CBD5E1;--shadow-sm: 0 1px 3px rgba(14, 165, 147, .08);--shadow: 0 4px 12px rgba(14, 165, 147, .1);--shadow-md: 0 8px 24px rgba(14, 165, 147, .12);--shadow-lg: 0 12px 32px rgba(14, 165, 147, .15);--shadow-xl: 0 20px 48px rgba(14, 165, 147, .18);--radius-sm: 6px;--radius: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-xs: 13px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6}.gradient-bg{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.gradient-bg-light{background:linear-gradient(135deg,#f0fdf9,#e6f9f5)}.gradient-bg-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--color-border-light)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-compact{padding:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;border-radius:var(--radius);font-size:15px;font-weight:500;border:none;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white);box-shadow:0 4px 14px #0ea5934d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #0ea59366;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-text-white);box-shadow:0 4px 14px #ff6b3d4d}.btn-accent:hover:not(:disabled){box-shadow:0 6px 20px #ff6b3d66;transform:translateY(-2px)}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-lighter);border-color:var(--color-primary-light)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-white)}.btn-text{background:transparent;color:var(--color-primary);padding:8px 16px}.btn-text:hover:not(:disabled){background:var(--color-bg-secondary)}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:16px 32px;font-size:16px}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:500;color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius);font-size:15px;color:var(--color-text-primary);background:var(--color-bg-card);transition:var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5931a}.form-input::placeholder{color:var(--color-text-tertiary)}.form-textarea{min-height:100px;resize:vertical}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing)}.gap-6{gap:var(--spacing-md)}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:32px}.font-medium{font-weight:500}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing)}.mb-6{margin-bottom:var(--spacing-md)}.mb-8{margin-bottom:var(--spacing-lg)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing)}.mt-6{margin-top:var(--spacing-md)}.mt-8{margin-top:var(--spacing-lg)}.p-4{padding:var(--spacing)}.p-6{padding:var(--spacing-md)}.p-8{padding:var(--spacing-lg)}.px-4{padding-left:var(--spacing);padding-right:var(--spacing)}.py-4{padding-top:var(--spacing);padding-bottom:var(--spacing)}.alert{padding:var(--spacing);border-radius:var(--radius);margin-bottom:var(--spacing);border-left:4px solid}.alert-success{background:#e6f9f5;border-color:var(--color-success);color:#0f5c4e}.alert-error{background:#fef0f0;border-color:var(--color-error);color:#c53030}.alert-warning{background:#fff8e6;border-color:var(--color-warning);color:#975a16}.alert-info{background:#ebf5ff;border-color:var(--color-info);color:#1a4d8f}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:500}.badge-primary{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.badge-success{background:#e6f9f5;color:#0f5c4e}.badge-warning{background:#fff8e6;color:#975a16}.badge-error{background:#fef0f0;color:#c53030}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.config-overview-card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow);border:1px solid var(--color-border-light);transition:var(--transition)}.config-info-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light)}.config-info-item:last-child{border-bottom:none}.config-info-icon{font-size:var(--font-size-lg);width:32px;text-align:center}.config-info-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);min-width:80px}.config-info-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);flex:1}.config-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.config-status-badge.complete{background:#e6f9f5;color:var(--color-primary-dark)}.config-status-badge.incomplete{background:#fff8e6;color:var(--color-warning)}.step-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.step-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:var(--transition-fast)}.step-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-white);font-weight:var(--font-weight-medium)}.step-item.completed{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.task-card-compact{background:var(--color-bg-card);border-radius:var(--radius);padding:var(--spacing);border-left:4px solid var(--color-border);box-shadow:var(--shadow-sm);transition:var(--transition)}.task-card-compact.status-pending{border-left-color:var(--color-text-tertiary)}.task-card-compact.status-running{border-left-color:var(--color-info)}.task-card-compact.status-completed{border-left-color:var(--color-success)}.task-card-compact.status-failed{border-left-color:var(--color-error)}.task-card-compact:hover{box-shadow:var(--shadow);transform:translate(4px)}.quota-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-md);padding:var(--spacing-lg);color:var(--color-text-white);box-shadow:var(--shadow-md);transition:var(--transition)}.quota-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.quota-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.quota-label{font-size:var(--font-size-sm);opacity:.9;margin-top:var(--spacing-xs)}.expand-transition-enter-active,.expand-transition-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1);max-height:1000px;overflow:hidden}.expand-transition-enter-from,.expand-transition-leave-to{max-height:0;opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){:root{--spacing-lg: 24px;--spacing-xl: 32px}.card{padding:var(--spacing-md)}}select.form-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-900{color:#111827}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.form-input{display:block;width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-error{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.p-3{padding:.75rem}.p-8{padding:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.bg-red-50{background-color:#fef2f2}.bg-green-50{background-color:#f0fdf4}.bg-yellow-50{background-color:#fefce8}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.text-blue-500{color:#3b82f6}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}a{text-decoration:none;color:inherit}a:hover{text-decoration:none}select.form-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-sm{padding:.25rem .75rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}@media (min-width: 640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}