.ant-layout{min-height:100vh}.ant-layout-header{background:#fff;box-shadow:0 1px 4px #00152914;padding:0 24px}.ant-layout-content{background:#fff;border-radius:6px;margin:24px;padding:24px}.ant-layout-sider{background:#fff;box-shadow:2px 0 6px #00152959}.logo{align-items:center;background:#ffffff4d;border-radius:6px;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;margin:16px}.user-info{color:#000000a6;float:right}.task-card{margin-bottom:16px}.task-status{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.task-status.pending{background:#fff7e6;border:1px solid #ffd591;color:#fa8c16}.task-status.queued{background:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.task-status.running,.task-status.success{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.task-status.failed{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.task-status.cancelled{background:#f5f5f5;border:1px solid #d9d9d9;color:#8c8c8c}.file-upload-area{background:#fafafa;border:2px dashed #d9d9d9;border-radius:6px;cursor:pointer;padding:20px;text-align:center;transition:border-color .3s}.file-upload-area:hover{border-color:#1890ff}.file-upload-area.dragover{background:#e6f7ff;border-color:#1890ff}.workflow-card{border:1px solid #f0f0f0;cursor:pointer}.workflow-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #00000017}.workflow-card.selected{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.queue-status{align-items:center;display:flex;gap:8px}.queue-indicator{border-radius:50%;height:8px;width:8px}.queue-indicator.available{background:#52c41a}.queue-indicator.busy{background:#fa8c16}.queue-indicator.full{background:#ff4d4f}.homepage{min-height:100vh;overflow-x:hidden}.fade-in{animation:fadeIn 1s ease-in-out}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.top-left-logo{display:none}.hero-logo-inline{animation:logoPulse 5s ease-in-out infinite;color:#fff;height:150px;margin:0 auto 20px;width:300px}.hero-logo-inline svg{display:block;height:100%;width:100%}.hero-logo-png{margin:0 auto 20px}.hero-logo-png,.top-left-logo .logo-inline{animation:logoPulse 5s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));height:92px;width:200px}.top-left-logo .logo-inline{margin-right:8px}.top-left-logo .logo-inline svg{display:block;height:100%;width:100%}.top-left-logo img.logo-png{animation:logoPulse 5s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));height:92px;margin-right:8px;width:200px}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.top-left-logo .title{-webkit-text-stroke:.5px #00000059;font-weight:600;text-shadow:0 2px 8px #00000059}.hero-background{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}.floating-icon.icon-1{left:10%}.floating-icon.icon-2{animation-delay:1.5s;right:15%}.floating-icon.icon-3{animation-delay:3s;left:20%}.floating-icon.icon-4{animation-delay:4.5s;right:30%;top:30%}.hero-content{position:relative;width:100%;z-index:2}.hero-text{animation:slideUp 1s ease-out .5s both}.hero-title{font-weight:700!important;margin-bottom:16px!important}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem!important}.hero-subtitle{color:#ffffffe6!important;font-weight:400!important;margin-bottom:24px!important}.highlight-text{color:gold;font-weight:600;text-shadow:0 2px 4px #0000004d}.hero-description{color:#fffc!important;line-height:1.8}.cta-button{border-radius:25px!important;box-shadow:0 4px 15px #0003!important;font-size:16px!important;font-weight:600!important;height:50px!important;padding:0 32px!important;transition:all .3s ease!important;width:130pt}.cta-button.primary{background:linear-gradient(45deg,#1890ff,#52c41a)!important;border:none!important;transform:translateY(0)}.cta-button.primary:hover{box-shadow:0 8px 25px #1890ff66!important;transform:translateY(-3px)!important}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a!important;border:2px solid #ffffff4d!important;color:#fff!important}.cta-button.secondary:hover{background:#fff3!important;border-color:#ffffff80!important;transform:translateY(-3px)!important}.container{margin:0 auto;max-width:1200px;padding:0 24px}.stats-section{background:#f8f9fa;padding:80px 0}.stat-card{border:none!important;border-radius:12px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s ease!important}.stat-card:hover{box-shadow:0 8px 30px #00000026!important;transform:translateY(-5px)!important}.features-section{background:#fff;padding:100px 0}.section-title{color:#262626!important;font-weight:700!important;margin-bottom:16px!important}.feature-card{border:none!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;overflow:hidden;position:relative;transition:all .3s ease!important}.feature-card:before{background:linear-gradient(90deg,#1890ff,#52c41a,#faad14,#eb2f96);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:0 12px 40px #00000026!important;transform:translateY(-8px)!important}.highlight-badge{background:linear-gradient(45deg,#1890ff,#52c41a);border-radius:12px;color:#fff!important;font-size:12px;font-weight:600;padding:4px 12px}.workflow-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:100px 0}.workflow-timeline{margin-top:40px}.timeline-dot{align-items:center;background:linear-gradient(45deg,#1890ff,#52c41a);border-radius:50%;box-shadow:0 4px 15px #1890ff4d;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.workflow-card{border:none!important;border-radius:12px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s ease!important}.workflow-card:hover{box-shadow:0 8px 30px #00000026!important;transform:translateY(-3px)!important}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:100px 0;position:relative}.cta-section:before{background:radial-gradient(circle at 30% 70%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 30%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.homepage-footer{background:#001529;padding:40px 0}@media (max-width:768px){.gradient-text{font-size:2.5rem!important}.hero-section{padding:0 16px}.cta-section,.features-section,.stats-section,.workflow-section{padding:60px 0}.container{padding:0 16px}}@media (max-width:576px){.gradient-text{font-size:2rem!important}.cta-button{margin-bottom:16px;width:100%}.floating-icon{display:none}}.feature-card:first-child{animation:slideInUp .6s ease-out .1s both}.feature-card:nth-child(2){animation:slideInUp .6s ease-out .2s both}.feature-card:nth-child(3){animation:slideInUp .6s ease-out .3s both}.feature-card:nth-child(4){animation:slideInUp .6s ease-out .4s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features-section,.stats-section,.workflow-section{animation:fadeInOnScroll .8s ease-out forwards;opacity:0}@keyframes fadeInOnScroll{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.login-container{min-height:100vh;overflow:hidden;position:relative}.login-background{background:linear-gradient(135deg,#667eea,#764ba2)}.login-background,.login-background:before{bottom:0;left:0;position:absolute;right:0;top:0}.login-background:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);content:""}.floating-elements{height:100%;position:absolute;width:100%}.floating-icon{animation:float 6s ease-in-out infinite;color:#ffffff1a;font-size:24px;position:absolute}.floating-icon.icon-1{animation-delay:0s;left:15%;top:20%}.floating-icon.icon-2{animation-delay:2s;right:20%;top:60%}.floating-icon.icon-3{animation-delay:4s;bottom:30%;left:25%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-card{animation:slideUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:none!important;border-radius:16px!important;box-shadow:0 20px 60px #0003!important;position:relative;z-index:2}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.login-card:hover{box-shadow:0 25px 80px #00000040!important;transform:translateY(-5px)!important}.login-logo{animation:pulse 2s ease-in-out infinite}.login-logo-inline{color:#1890ff;height:58px;margin:0 auto 20px;width:125px}.login-logo-inline svg{display:block;height:100%;width:100%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-title{color:#262626!important;font-weight:700!important;margin-bottom:8px!important}.login-subtitle{color:#8c8c8c!important;font-size:14px;margin-bottom:0!important}.login-form{margin-top:32px}.login-input{border:2px solid #f0f0f0!important;border-radius:8px!important;height:50px!important;transition:all .3s ease!important}.login-input:hover{border-color:#40a9ff!important}.login-input.ant-input-focused,.login-input:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.input-icon{color:#8c8c8c;font-size:16px}.login-button{background:linear-gradient(45deg,#1890ff,#52c41a)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 15px #1890ff4d!important;font-size:16px!important;font-weight:600!important;height:50px!important;transition:all .3s ease!important;width:100%!important}.login-button:hover{box-shadow:0 8px 25px #1890ff66!important;transform:translateY(-2px)!important}.login-button:active{transform:translateY(0)!important}.login-divider{color:#8c8c8c!important;margin:24px 0!important}.login-divider .ant-divider-inner-text,.register-text{color:#8c8c8c!important;font-size:14px}.register-link{color:#1890ff!important;font-weight:600!important;text-decoration:none!important;transition:all .3s ease!important}.register-link:hover{color:#40a9ff!important;text-decoration:underline!important}.back-home-link{color:#8c8c8c!important;font-size:14px;text-decoration:none!important;transition:all .3s ease!important}.back-home-link:hover{color:#1890ff!important}@media (max-width:768px){.login-card{margin:16px}.floating-icon{display:none}}@media (max-width:576px){.login-button,.login-input{height:45px!important}.login-button{font-size:14px!important}}.login-button.ant-btn-loading,.login-button.ant-btn-loading:hover{background:linear-gradient(45deg,#1890ff,#52c41a)!important}.ant-form-item-has-error .login-input{border-color:#ff4d4f!important}.ant-form-item-has-error .login-input:focus{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.ant-form-item-explain-error{font-size:12px;margin-top:4px}.App{text-align:left}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.auth-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:24px;width:100%}.auth-title{color:#1890ff;margin-bottom:24px;text-align:center}.auth-form .ant-form-item:last-child{margin-bottom:0}.auth-links{margin-top:16px;text-align:center}.main-layout{min-height:100vh}.main-header{align-items:center;background:#fff;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;padding:0 24px}.main-content{background:#f0f2f5;min-height:calc(100vh - 64px);padding:24px}.sidebar{background:#fff;border-right:1px solid #f0f0f0}.sidebar-logo{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;height:64px;justify-content:center;margin-bottom:16px}.sidebar-logo h1{color:#1890ff;font-size:18px;font-weight:700;margin:0}.sidebar-logo img{height:32px;margin-right:8px;width:32px}.content-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px}.stat-card{padding:24px;text-align:center}.stat-card .ant-statistic-title{color:#666;font-size:14px;margin-bottom:8px}.stat-card .ant-statistic-content{font-size:24px;font-weight:700}.task-status-pending{color:#fa8c16}.task-status-queued{color:#1890ff}.task-status-running,.task-status-success{color:#52c41a}.task-status-failed{color:#ff4d4f}.task-status-cancelled{color:#d9d9d9}.upload-area{background:#fafafa;border:2px dashed #d9d9d9;border-radius:6px;cursor:pointer;padding:20px;text-align:center;transition:border-color .3s}.upload-area:hover{border-color:#1890ff}.upload-area.dragover{background:#e6f7ff;border-color:#1890ff}.workflow-card{height:100%;transition:all .3s}.workflow-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.workflow-card .ant-card-meta-title{font-size:16px;font-weight:600}.workflow-card .ant-card-meta-description{color:#666;font-size:14px}.task-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.task-detail-content{background:#fff;border-radius:8px;padding:24px}.task-timeline{background:#f9f9f9;border-radius:6px;font-size:12px;padding:16px}.task-timeline .timeline-item{border-bottom:1px solid #f0f0f0;margin-bottom:8px;padding-bottom:8px}.task-timeline .timeline-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media (max-width:768px){.auth-card,.auth-container,.main-content{padding:16px}.task-detail-header{align-items:flex-start;flex-direction:column;gap:16px}}@media (max-width:576px){.main-header{padding:0 16px}.main-content{padding:12px}.sidebar{width:100%!important}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.empty-state{color:#999;padding:48px 24px;text-align:center}.empty-state .empty-icon{color:#d9d9d9;font-size:64px;margin-bottom:16px}.empty-state .empty-text{font-size:16px;margin-bottom:16px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.ant-table-thead>tr>th{background:#fafafa;font-weight:600}.ant-table-tbody>tr:hover>td{background:#f5f5f5}.ant-btn-primary{background:#1890ff;border-color:#1890ff}.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.status-tag{border-radius:4px;font-weight:500}.ant-progress-line{margin-bottom:0}.ant-progress-text{font-size:12px}.pm-hero{background-color:#0b1220;background-image:radial-gradient(800px 300px at 15% 20%,#4c6fff33,#0000),radial-gradient(700px 300px at 85% 80%,#b43cff33,#0000);border-radius:16px;color:#fff;padding:40px}.pm-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pm-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 6px 18px #00000040;color:#cfd8ea;cursor:pointer;padding:20px;position:relative;transition:all .2s ease}.pm-card:hover{box-shadow:0 12px 28px #00000059;transform:translateY(-2px)}.pm-card.active{background:#4c6fff1f;border-color:#4c6fff;box-shadow:0 0 0 2px #4c6fffe6,0 16px 36px #4c6fff59}.pm-card-title{color:#fff;font-size:18px;font-weight:600}.pm-card-sub{color:#96a3c7;font-size:12px;margin-top:4px}.pm-bottom{display:flex;justify-content:flex-end;margin-top:24px}.pm-next{min-width:120px}.pm-step{margin-top:24px}.pm-subcards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pm-subcard{background:#fff;border:1px solid #dee4f2;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease}.pm-subcard:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.pm-subcard.active{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff59}.pm-form{background:#fff;border-radius:12px;padding:24px}