@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,:root[data-theme=light]{--bg:#f9fafb;--surface:#fff;--fg:#111827;--muted:#6b7280;--accent:#4f46e5;--border:#e5e7eb;--font-display:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--leading-body:1.6;--leading-tight:1.25;--tracking-display:-.02em;--tracking-body:0;--tracking-caps:.06em;--container-max:1200px;--container-gutter-desktop:32px;--container-gutter-tablet:24px;--container-gutter-mobile:16px;--section-y-desktop:80px;--section-y-tablet:48px;--section-y-phone:32px;--accent-on:#fff;--accent-hover:#4338ca;--accent-active:#3730a3;--accent-light:#4f46e514;--success:#16a34a;--warn:#d97706;--danger:#dc2626;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--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;--space-20:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--elev-flat:none;--elev-ring:0 0 0 1px var(--border);--elev-raised:0 1px 2px #0000000a, 0 4px 8px #0000000f;--focus-ring:0 0 0 3px #4f46e54d;--motion-fast:.15s;--motion-base:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--surface-warm:#f3f4f6;--fg-2:#374151;--meta:#9ca3af;--border-soft:#f3f4f6;--status-pending-bg:#d977061a;--status-pending-text:#d97706;--status-pending-dot:#f59e0b;--status-awaiting-bg:#0ea5e91a;--status-awaiting-text:#0284c7;--status-awaiting-dot:#0ea5e9;--status-shipped-bg:#16a34a1a;--status-shipped-text:#16a34a;--status-shipped-dot:#22c55e;--status-completed-bg:#15803d1f;--status-completed-text:#15803d;--status-completed-dot:#22c55e;--status-rejected-bg:#dc26261a;--status-rejected-text:#dc2626;--status-rejected-dot:#ef4444;--status-cancelled-bg:#64748b1a;--status-cancelled-text:#64748b;--status-cancelled-dot:#94a3b8;--ws-connected:#22c55e;--ws-connecting:#f59e0b;--ws-disconnected:#ef4444}:root[data-theme=dark]{--bg:#0d1117;--surface:#161b22;--fg:#f0f6fc;--muted:#8b949e;--accent:#6366f1;--border:#30363d;--font-display:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--leading-body:1.6;--leading-tight:1.25;--tracking-display:-.02em;--tracking-body:0;--tracking-caps:.06em;--container-max:1200px;--container-gutter-desktop:32px;--container-gutter-tablet:24px;--container-gutter-mobile:16px;--section-y-desktop:80px;--section-y-tablet:48px;--section-y-phone:32px;--accent-on:#fff;--accent-hover:#818cf8;--accent-active:#a5b4fc;--accent-light:#6366f11f;--success:#3fb950;--warn:#d29922;--danger:#f85149;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--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;--space-20:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--elev-flat:none;--elev-ring:0 0 0 1px #ffffff14;--elev-raised:0 0 40px #6366f114;--focus-ring:0 0 0 3px #6366f166;--motion-fast:.15s;--motion-base:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--surface-warm:#21262d;--fg-2:#d0d6e0;--meta:#484f58;--border-soft:#ffffff0d;--status-pending-bg:#d9770626;--status-pending-text:#fbbf24;--status-pending-dot:#f59e0b;--status-awaiting-bg:#0ea5e926;--status-awaiting-text:#38bdf8;--status-awaiting-dot:#0ea5e9;--status-shipped-bg:#16a34a26;--status-shipped-text:#4ade80;--status-shipped-dot:#22c55e;--status-completed-bg:#15803d26;--status-completed-text:#4ade80;--status-completed-dot:#22c55e;--status-rejected-bg:#dc262626;--status-rejected-text:#f87171;--status-rejected-dot:#ef4444;--status-cancelled-bg:#64748b26;--status-cancelled-text:#94a3b8;--status-cancelled-dot:#64748b;--ws-connected:#3fb950;--ws-connecting:#d29922;--ws-disconnected:#f85149}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--fg);background-color:var(--bg);letter-spacing:var(--tracking-body);transition:background-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);font-weight:600}h1{font-size:var(--text-3xl);font-weight:700}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base);font-weight:500}h6{font-size:var(--text-sm);font-weight:500}.caps{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-xs);font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{box-shadow:var(--focus-ring);outline:none}:focus:not(:focus-visible){box-shadow:none;outline:none}:root{--el-color-primary:var(--accent);--el-color-primary-light-3:var(--accent-hover);--el-color-primary-light-5:var(--accent-light);--el-color-primary-light-7:var(--accent-light);--el-color-primary-light-8:var(--accent-light);--el-color-primary-light-9:var(--accent-light);--el-color-primary-dark-2:var(--accent-active);--el-color-success:var(--success);--el-color-warning:var(--warn);--el-color-danger:var(--danger);--el-bg-color:var(--surface);--el-bg-color-page:var(--bg);--el-bg-color-overlay:var(--surface);--el-text-color-primary:var(--fg);--el-text-color-regular:var(--fg-2);--el-text-color-secondary:var(--muted);--el-text-color-placeholder:var(--meta);--el-border-color:var(--border);--el-border-color-light:var(--border);--el-border-color-lighter:var(--border-soft);--el-border-color-extra-light:var(--border-soft);--el-fill-color:var(--surface-warm);--el-fill-color-light:var(--surface-warm);--el-fill-color-lighter:var(--surface-warm);--el-fill-color-blank:var(--surface);--el-border-radius-base:var(--radius-sm);--el-border-radius-small:var(--radius-sm);--el-border-radius-round:var(--radius-pill);--el-font-size-base:var(--text-sm);--el-box-shadow:var(--elev-raised);--el-box-shadow-light:var(--elev-ring)}.el-button--primary{--el-button-bg-color:var(--accent);--el-button-border-color:var(--accent);--el-button-hover-bg-color:var(--accent-hover);--el-button-hover-border-color:var(--accent-hover);--el-button-active-bg-color:var(--accent-active);--el-button-active-border-color:var(--accent-active)}.el-button--default{--el-button-bg-color:var(--surface-warm);--el-button-border-color:var(--border);--el-button-hover-bg-color:var(--surface-warm);--el-button-hover-text-color:var(--accent);--el-button-hover-border-color:var(--accent)}.el-input__wrapper{background-color:var(--surface)!important;box-shadow:0 0 0 1px var(--border) inset!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--accent) inset!important}.el-table{--el-table-bg-color:var(--surface);--el-table-tr-bg-color:var(--surface);--el-table-header-bg-color:var(--surface-warm);--el-table-border-color:var(--border-soft);--el-table-header-text-color:var(--muted);--el-table-text-color:var(--fg)}.el-table th.el-table__cell{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:500}.el-tabs__item.is-active{color:var(--accent)}.el-tabs__active-bar{background-color:var(--accent)}.el-dialog{--el-dialog-bg-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.el-badge__content{font-size:var(--text-xs)}.el-skeleton__item{background:linear-gradient(90deg, var(--surface-warm) 25%, var(--border-soft) 50%, var(--surface-warm) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--fg);background-color:var(--bg)}.page-container{max-width:var(--container-max);padding:var(--space-6) var(--container-gutter-desktop);margin:0 auto}@media (width<=768px){.page-container{padding:var(--space-4) var(--container-gutter-mobile)}}.page-title{font-size:var(--text-2xl);color:var(--fg);letter-spacing:var(--tracking-display);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--motion-fast) var(--ease-standard)}.card:hover{border-color:var(--accent)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);align-items:center;gap:6px;padding:4px 10px;font-weight:500;line-height:1;display:inline-flex}.badge--pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.badge--payment{color:#8e44ad;background:#9b59b61f}.badge--preparing{color:#e67e22;background:#ff9f431f}.badge--producing{color:#06c;background:#00a8ff1f}.badge--awaiting{background:var(--status-awaiting-bg);color:var(--status-awaiting-text)}.badge--shipping{color:#0891b2;background:#06b6d41a}.badge--shipped{background:var(--status-shipped-bg);color:var(--status-shipped-text)}.badge--completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.badge--rejected{background:var(--status-rejected-bg);color:var(--status-rejected-text)}.badge--cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)}.badge--testing{color:#4f46e5;background:#4f46e51f}.skeleton-line{background:linear-gradient(90deg, var(--surface-warm) 25%, var(--border-soft) 50%, var(--surface-warm) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:16px;animation:1.5s infinite shimmer}.fade-enter-active,.fade-leave-active{transition:opacity var(--motion-base) var(--ease-standard)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all var(--motion-base) var(--ease-standard)}.slide-enter-from{opacity:0;transform:translate(20px)}.slide-leave-to{opacity:0;transform:translate(-20px)}.mobile-only{display:none}@media (width<=767px){.mobile-only{display:block}.desktop-only{display:none}}@media (width>=768px){.desktop-only{display:block}}