body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.main-layout[data-v-f30c4b25]{height:100vh;overflow:hidden}.app-aside[data-v-f30c4b25]{flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden;background:var(--surface-sidebar)!important;transition:width var(--transition-normal)!important;border-right:none!important}.aside-header[data-v-f30c4b25]{padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.logo-area[data-v-f30c4b25]{align-items:center;gap:10px;min-width:0;display:flex}.logo-icon[data-v-f30c4b25]{flex-shrink:0}.logo-text[data-v-f30c4b25]{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:15px;font-weight:600;overflow:hidden}.logo-badge[data-v-f30c4b25]{color:var(--brand-gold);background:#d4a85326;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.4}.collapse-btn[data-v-f30c4b25]{color:#ffffff4d;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:16px;display:flex}.collapse-btn[data-v-f30c4b25]:hover{color:#fff9;background:#ffffff0f}.aside-menu-container[data-v-f30c4b25]{padding:var(--space-2) 0;flex:1;overflow-y:auto}.menu-section-label[data-v-f30c4b25]{text-transform:uppercase;letter-spacing:1px;color:#fff3;padding:var(--space-4) var(--space-4) var(--space-2);font-size:10px;font-weight:600}.menu-section-divider[data-v-f30c4b25]{height:1px;margin:var(--space-2) var(--space-4);background:#ffffff0a}.menu-item[data-v-f30c4b25]{padding:8px var(--space-4);margin:2px var(--space-2);cursor:pointer;transition:all var(--transition-fast);color:var(--text-sidebar);font-size:var(--text-sm);border-radius:8px;align-items:center;gap:10px;font-weight:500;display:flex;position:relative}.menu-item[data-v-f30c4b25]:hover{color:var(--text-sidebar-hover);background:#ffffff0f}.menu-item.active[data-v-f30c4b25]{color:var(--text-sidebar-active);background:#d4a8531f}.menu-item.active[data-v-f30c4b25]:before{content:"";background:var(--brand-gold);border-radius:2px;width:3px;height:20px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.menu-item.collapsed[data-v-f30c4b25]{justify-content:center;margin:2px 8px;padding:10px 0}.menu-item.is-ai .menu-item-icon[data-v-f30c4b25]{color:var(--color-ai)}.menu-item.active.is-ai .menu-item-icon[data-v-f30c4b25]{color:var(--text-sidebar-active)}.menu-item-icon[data-v-f30c4b25]{flex-shrink:0;font-size:18px}.menu-item-label[data-v-f30c4b25]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.menu-item-badge[data-v-f30c4b25]{color:var(--color-ai);letter-spacing:.5px;background:#7c3aed33;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.5}.menu-item.active .menu-item-badge[data-v-f30c4b25]{color:var(--brand-gold-light);background:#d4a85333}.aside-footer[data-v-f30c4b25]{padding:var(--space-4);border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;display:flex}.user-avatar[data-v-f30c4b25]{background:var(--gradient-gold);color:#fff;width:32px;height:32px;font-weight:600;font-size:var(--text-sm);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info-wrap[data-v-f30c4b25]{flex-direction:column;flex:1;min-width:0;display:flex}.user-name[data-v-f30c4b25]{font-size:var(--text-sm);color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.user-role[data-v-f30c4b25]{font-size:var(--text-xs);color:#ffffff40}.logout-btn[data-v-f30c4b25]{color:#fff3;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:16px;display:flex}.logout-btn[data-v-f30c4b25]:hover{color:#ffffff80;background:#ffffff0f}.main-content[data-v-f30c4b25]{overflow:hidden}.app-header[data-v-f30c4b25]{flex-shrink:0;justify-content:space-between;align-items:center;display:flex;background:var(--surface-elevated)!important;border-bottom:1px solid var(--border-subtle)!important;height:var(--header-h)!important;padding:0 var(--page-padding)!important}.header-left[data-v-f30c4b25]{align-items:center;display:flex}.header-right[data-v-f30c4b25]{align-items:center;gap:var(--space-4);display:flex}.header-status[data-v-f30c4b25]{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-success);background:#16a34a0f;align-items:center;gap:6px;padding:4px 12px;font-weight:500;display:flex}.status-dot[data-v-f30c4b25]{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot-f30c4b25}@keyframes pulse-dot-f30c4b25{0%,to{opacity:1}50%{opacity:.4}}.status-text[data-v-f30c4b25]{line-height:1}.user-badge[data-v-f30c4b25]{cursor:pointer;transition:background var(--transition-fast);border-radius:8px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.user-badge[data-v-f30c4b25]:hover{background:var(--surface-card-hover)}.user-badge-avatar[data-v-f30c4b25]{background:var(--gradient-gold);color:#fff;width:28px;height:28px;font-weight:600;font-size:var(--text-xs);border-radius:6px;justify-content:center;align-items:center;display:flex}.user-badge-name[data-v-f30c4b25]{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.app-main[data-v-f30c4b25]{background:var(--surface-bg);height:calc(100vh - var(--header-h));overflow-y:auto;padding:0!important}:root{--brand-black:#0d0d0d;--brand-dark:#1a1a1a;--brand-matte:#2c2c2c;--brand-gold:#d4a853;--brand-gold-light:#ead6a0;--brand-gold-pale:#f5ebc5;--brand-gold-dark:#b8923e;--brand-cream:#f7f5f0;--brand-cream-dark:#ede8df;--color-ai:#7c3aed;--color-ai-light:#7c3aed14;--color-ai-glow:#7c3aed26;--color-export:#059669;--color-export-light:#05966914;--color-info:#3b82f6;--color-info-light:#3b82f614;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--gradient-gold:linear-gradient(135deg, #d4a853 0%, #c49b47 50%, #b8923e 100%);--gradient-gold-soft:linear-gradient(135deg, #d4a853 0%, #ead6a0 100%);--gradient-ai:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--gradient-export:linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-dark:linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%);--surface-bg:var(--brand-cream);--surface-bg-alt:#ede8df;--surface-card:#fff;--surface-card-hover:#f7f5f0;--surface-card-ghost:#ffffff80;--surface-elevated:#fff;--surface-sidebar:var(--brand-dark);--surface-overlay:#00000080;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#9ca3af;--text-quaternary:#d1d5db;--text-inverse:#fff;--text-on-gold:#fff;--text-sidebar:#ffffff8c;--text-sidebar-hover:#ffffffd9;--text-sidebar-active:var(--brand-gold);--border-subtle:#e2ddd4;--border-default:#d4d0c8;--border-strong:#b8b4aa;--border-gold:#d4a8534d;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 12px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 12px 40px #00000014, 0 4px 12px #0000000a;--shadow-xl:0 20px 60px #0000001a, 0 8px 24px #0000000f;--shadow-gold:0 4px 20px #d4a85326;--shadow-ai:0 4px 20px #7c3aed26;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-display:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Cascadia Code", monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:38px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--header-h:56px;--sidebar-w:240px;--sidebar-w-collapsed:64px;--page-padding:32px;--card-gap:20px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1);--el-color-primary:var(--brand-gold);--el-color-primary-light-3:#dfc27a;--el-color-primary-light-5:#ead6a0;--el-color-primary-light-7:#f5ebc5;--el-color-primary-light-8:#faf3df;--el-color-primary-light-9:#fdf9ef;--el-color-primary-dark-2:var(--brand-gold-dark);--el-color-success:var(--color-success);--el-color-warning:var(--color-warning);--el-color-danger:var(--color-danger);--el-color-info:#909399;--el-border-radius-base:var(--radius-md);--el-border-radius-small:var(--radius-sm);--el-font-size-base:14px;--el-bg-color:var(--surface-bg);--el-bg-color-overlay:var(--surface-elevated);--el-border-color:var(--border-subtle);--el-border-color-light:var(--border-subtle);--el-text-color-primary:var(--text-primary);--el-text-color-regular:var(--text-secondary);--el-text-color-placeholder:var(--text-tertiary);--el-box-shadow:var(--shadow-md);--el-box-shadow-light:var(--shadow-sm);--el-box-shadow-lighter:var(--shadow-xs);--el-mask-color:var(--surface-overlay);--el-fill-color-light:var(--surface-card-hover);--el-fill-color:var(--surface-bg-alt)}*,:before,:after{box-sizing:border-box}body{background:var(--surface-bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-aside{z-index:100;flex-direction:column;display:flex;overflow:hidden;background:var(--surface-sidebar)!important;transition:width var(--transition-normal)!important;border-right:none!important}.app-aside .el-menu{background:0 0!important;border-right:none!important}.app-aside .el-menu-item{color:var(--text-sidebar)!important;height:42px!important;transition:all var(--transition-fast)!important;border-radius:8px!important;margin:2px 10px!important;font-size:13.5px!important;line-height:42px!important}.app-aside .el-menu-item:hover{color:var(--text-sidebar-hover)!important;background:#ffffff14!important}.app-aside .el-menu-item.is-active{font-weight:500;color:var(--text-sidebar-active)!important;background:#d4a8531f!important}.app-aside .el-menu-item .el-icon{margin-right:10px;font-size:18px}.app-aside .el-sub-menu__title{text-transform:uppercase;letter-spacing:.8px;pointer-events:none;opacity:.6;color:#fff6!important;height:36px!important;padding:0 16px!important;font-size:11px!important;line-height:36px!important}.app-header{flex-shrink:0;justify-content:space-between;align-items:center;background:var(--surface-elevated)!important;border-bottom:1px solid var(--border-subtle)!important;height:var(--header-h)!important;padding:0 var(--page-padding)!important;display:flex!important}.page-container{max-width:1400px;padding:var(--space-8) var(--page-padding);margin:0 auto}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-header h3{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.3px;margin:0;font-weight:600}.page-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--space-6);transition:all var(--transition-fast);position:relative}.card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--gradient-gold);opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-card)}.card-header{margin-bottom:var(--space-4);font-size:var(--text-lg);color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.stat-card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--space-5) var(--space-6);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-value{font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-1px;font-weight:700;line-height:1.1}.stat-card .stat-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1);font-weight:500}.stat-card .stat-icon{right:var(--space-4);top:var(--space-4);border-radius:var(--radius-md);opacity:.12;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:absolute}.stat-card:before{content:"";background:var(--gradient-gold);opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;bottom:0;left:0;right:0}.stat-card:hover:before{opacity:1}.design-grid{gap:var(--card-gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.design-card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.design-card:before{content:"";background:var(--gradient-gold);opacity:0;z-index:1;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.design-card--confirmed:before{opacity:1;background:linear-gradient(90deg, var(--color-success), var(--color-export))}.design-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.design-card:hover:before{opacity:1}.design-card .card-image{object-fit:cover;background:var(--surface-card-hover);width:100%;height:200px;transition:transform .4s}.design-card:hover .card-image{transform:scale(1.06)}.design-card .card-body{padding:var(--space-4) var(--space-5) var(--space-5)}.design-card .card-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.design-card .card-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.btn-primary-gold{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--gradient-gold);color:var(--text-on-gold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px 24px;font-family:inherit;font-weight:600;line-height:1.4;display:inline-flex}.btn-primary-gold:hover:not(:disabled){box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-primary-gold:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-primary-gold:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--surface-card);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);padding:10px 20px;font-family:inherit;font-weight:500;display:inline-flex}.btn-secondary:hover:not(:disabled){border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-ai{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--gradient-ai);color:#fff;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px 24px;font-family:inherit;font-weight:600;display:inline-flex}.btn-ai:hover:not(:disabled){box-shadow:var(--shadow-ai);transform:translateY(-1px)}.btn-export{composes:btn-primary-gold;background:var(--gradient-export)}.btn-text{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 12px;font-family:inherit;font-weight:500;display:inline-flex}.btn-text:hover{background:var(--surface-card-hover);color:var(--text-primary)}.tag-pill{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--surface-card-hover);color:var(--text-secondary);border:1px solid var(--border-subtle);align-items:center;gap:4px;padding:3px 10px;font-weight:500;display:inline-flex}.tag-pill--gold{background:var(--brand-gold-light);color:var(--brand-gold-dark);border-color:var(--border-gold)}.tag-pill--ai{background:var(--color-ai-light);color:var(--color-ai);border-color:#7c3aed26}.tag-pill--success{color:var(--color-success);background:#16a34a14;border-color:#16a34a26}.el-button--primary{--el-button-bg-color:var(--brand-gold)!important;--el-button-border-color:var(--brand-gold)!important;--el-button-hover-bg-color:var(--brand-gold-dark)!important;--el-button-hover-border-color:var(--brand-gold-dark)!important;--el-button-active-bg-color:var(--brand-gold-dark)!important;border-radius:8px!important;font-weight:500!important}.el-button--primary.is-plain{--el-button-bg-color:var(--brand-gold-light)!important;--el-button-border-color:var(--brand-gold-light)!important;--el-button-text-color:var(--brand-gold-dark)!important;--el-button-hover-text-color:var(--brand-gold-dark)!important}.el-table{--el-table-border-color:var(--border-subtle)!important;--el-table-header-bg-color:var(--surface-card-hover)!important;--el-table-header-text-color:var(--text-secondary)!important;--el-table-row-hover-bg-color:var(--color-ai-light)!important;border-radius:var(--radius-md)!important;overflow:hidden!important}.el-table th.el-table__cell{text-transform:uppercase;letter-spacing:.5px;font-weight:500!important;font-size:var(--text-xs)!important;color:var(--text-tertiary)!important}.el-dialog{--el-dialog-bg-color:var(--surface-elevated)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important}.el-dialog .el-dialog__header{padding:var(--space-6) var(--space-6) 0!important}.el-dialog .el-dialog__body{padding:var(--space-5) var(--space-6)!important}.el-dialog .el-dialog__footer{padding:0 var(--space-6) var(--space-6)!important}.el-input__wrapper,.el-textarea__inner{box-shadow:0 0 0 1px var(--border-subtle) inset!important;border-radius:var(--radius-md)!important;transition:box-shadow var(--transition-fast)!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--brand-gold), 0 0 0 4px #d4a85314!important}.skeleton-card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--space-6)}.empty-state{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state .empty-icon{margin-bottom:var(--space-4);opacity:.3;font-size:48px}.empty-state .empty-text{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:500}.empty-state .empty-sub{font-size:var(--text-sm);color:var(--text-tertiary)}.el-breadcrumb__inner{font-size:var(--text-base)!important;color:var(--text-tertiary)!important;font-weight:500!important}.el-breadcrumb__inner.is-link{color:var(--text-secondary)!important;font-weight:400!important}.el-breadcrumb__inner.is-link:hover{color:var(--brand-gold)!important}.el-breadcrumb__separator{color:var(--border-default)!important;font-weight:300!important}.el-tag--success{--el-tag-bg-color:#e8f5e9!important;--el-tag-text-color:#2e7d32!important;--el-tag-border-color:#c8e6c9!important}.el-tag--warning{--el-tag-bg-color:#fff8e1!important;--el-tag-text-color:#f57f17!important;--el-tag-border-color:#ffecb3!important}.el-tag--danger{--el-tag-bg-color:#ffebee!important;--el-tag-text-color:#c62828!important;--el-tag-border-color:#ffcdd2!important}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .25s}.fade-slide-enter-from{opacity:0;transform:translateY(10px)}.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.slide-enter-active,.slide-leave-active{transition:all .25s}.slide-enter-from,.slide-leave-to{opacity:0;height:0;overflow:hidden}