@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #5b6cff;--primary-hover: #4757e6;--primary-light: #e8eaff;--primary-dark: #3d4acc;--success: #52c41a;--warning: #faad14;--error: #ff4d4f;--info: #1890ff;--bg-base: #ffffff;--bg-light: #fafbfc;--bg-card: #ffffff;--bg-hover: #f5f7fa;--bg-active: #eef1f5;--text-primary: #1a202c;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-placeholder: #cbd5e1;--border-light: #e8ecf0;--border-default: #dde3e8;--border-dark: #cbd5e1;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;background:var(--bg-light)}.modern-app-container{display:flex;min-height:100vh;background:var(--bg-light)}.module-sidebar{width:72px;background:linear-gradient(180deg,#2c3e50,#34495e);display:flex;flex-direction:column;align-items:center;padding:16px 0;box-shadow:2px 0 8px #0000001a;position:fixed;left:0;top:0;bottom:0;z-index:200;transition:width var(--duration-normal)}.module-sidebar:hover{width:180px}.module-sidebar-logo{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin-bottom:24px;box-shadow:0 4px 12px #5b6cff4d}.module-nav{flex:1;width:100%;display:flex;flex-direction:column;gap:4px;padding:0 12px}.module-item{display:flex;align-items:center;padding:12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);color:#ffffffb3;position:relative;overflow:hidden}.module-item:hover{background:#ffffff1a;color:#fff}.module-item.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #5b6cff4d}.module-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:#fff;border-radius:0 2px 2px 0}.module-icon{font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-label{margin-left:12px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;transition:opacity var(--duration-fast)}.module-sidebar:hover .module-label{opacity:1}.modern-app{flex:1;margin-left:72px;min-height:100vh;background:var(--bg-light);display:flex;flex-direction:column;transition:margin-left var(--duration-normal)}.module-sidebar:hover+.modern-app{margin-left:180px}.modern-header{background:var(--bg-base);border-bottom:1px solid var(--border-light);height:64px;display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.header-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--text-primary)}.header-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.header-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.header-actions{display:flex;align-items:center;gap:12px}.modern-main{flex:1;padding:32px;max-width:1400px;margin:0 auto;width:100%}.steps-container{background:var(--bg-base);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.steps-progress{display:flex;align-items:center;justify-content:space-between;position:relative}.steps-progress:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:2px;background:var(--border-light);z-index:0}.step-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform var(--duration-fast)}.step-item.clickable:hover{transform:translateY(-2px)}.step-item.disabled{opacity:.5}.step-circle{width:40px;height:40px;border-radius:50%;background:var(--bg-base);border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all var(--duration-normal);color:var(--text-secondary);font-size:16px}.step-item.clickable .step-circle:hover{border-color:var(--primary);transform:scale(1.1);box-shadow:0 4px 12px #5b6cff40}.step-item.active .step-circle{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 8px var(--primary-light);transform:scale(1.1)}.step-item.completed .step-circle{background:var(--success);border-color:var(--success);color:#fff;cursor:pointer}.step-title{font-size:14px;color:var(--text-secondary);font-weight:500;-webkit-user-select:none;user-select:none}.step-item.active .step-title{color:var(--primary);font-weight:600}.step-item.completed .step-title{color:var(--text-primary)}.content-grid{display:grid;gap:24px;grid-template-columns:1fr 400px}.content-main,.content-sidebar{display:flex;flex-direction:column;gap:24px}.modern-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--duration-normal);border:1px solid transparent}.modern-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-light);transform:translateY(-2px)}.card-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.card-title-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm)}.card-actions{display:flex;gap:8px}.card-body{padding:24px}.upload-area{border:2px dashed var(--border-default);border-radius:var(--radius-md);padding:48px 24px;text-align:center;transition:all var(--duration-normal);cursor:pointer;background:var(--bg-light)}.upload-area:hover{border-color:var(--primary);background:var(--primary-light)}.upload-area.active{border-color:var(--primary);background:var(--primary-light);border-style:solid}.upload-icon{width:64px;height:64px;margin:0 auto 16px;background:var(--primary-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:28px}.upload-text{color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:8px}.upload-hint{color:var(--text-secondary);font-size:14px}.file-list{display:flex;flex-direction:column;gap:12px}.file-item{background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;transition:all var(--duration-fast);cursor:pointer}.file-item:hover{background:var(--bg-hover);border-color:var(--primary)}.file-item.selected{background:var(--primary-light);border-color:var(--primary)}.file-info{display:flex;align-items:center;gap:12px}.file-icon{width:40px;height:40px;background:var(--bg-base);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{color:var(--text-primary);font-weight:500;font-size:14px}.file-size{color:var(--text-tertiary);font-size:12px}.modern-btn{padding:10px 20px;border-radius:var(--radius-md);font-weight:500;font-size:14px;border:none;cursor:pointer;transition:all var(--duration-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px;outline:none}.modern-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #5b6cff40}.modern-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5b6cff59}.modern-btn-default{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-default)}.modern-btn-default:hover{background:var(--bg-hover);border-color:var(--border-dark)}.modern-btn-text{background:transparent;color:var(--text-secondary);padding:6px 12px}.modern-btn-text:hover{color:var(--primary);background:var(--primary-light)}.modern-btn-large{padding:14px 28px;font-size:16px}.modern-btn-block{width:100%}.fab-container{position:fixed;bottom:32px;right:32px;z-index:1000}.fab-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all var(--duration-normal)}.fab-button:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.progress-bar{height:6px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-full);transition:width var(--duration-normal);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-full);font-size:12px;font-weight:500}.tag-primary{background:var(--primary-light);color:var(--primary)}.tag-success{background:#52c41a1a;color:var(--success)}.empty-state{text-align:center;padding:48px 24px}.empty-icon{width:80px;height:80px;margin:0 auto 16px;background:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:32px}.empty-title{color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:8px}.empty-description{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.ant-btn{border-radius:var(--radius-md)!important;font-weight:500!important;transition:all var(--duration-fast)!important;box-shadow:none!important}.ant-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)!important;border:none!important;box-shadow:0 4px 12px #5b6cff40!important}.ant-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #5b6cff59!important}.ant-modal-content{border-radius:var(--radius-lg)!important;overflow:hidden!important}.ant-modal-header{background:var(--bg-light)!important;border-bottom:1px solid var(--border-light)!important;padding:20px 24px!important}.ant-modal-body{padding:24px!important}.ant-modal-footer{border-top:1px solid var(--border-light)!important;padding:16px 24px!important}.ant-message-notice-content{background:var(--bg-base)!important;box-shadow:var(--shadow-lg)!important;border-radius:var(--radius-md)!important}.ant-select-selector,.ant-input,.ant-input-affix-wrapper{border-radius:var(--radius-md)!important;border-color:var(--border-default)!important}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--primary)!important}.ant-input:focus,.ant-input-focused{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light)!important}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.modern-main{padding:16px}.modern-header{padding:0 16px}.header-nav{display:none}.steps-progress{overflow-x:auto}}