:root{--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-light: #f3e8ff;--color-primary-gradient: linear-gradient(90deg, #5b2d8e, #c850c0);--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #d97706;--color-warning-light: #fef3c7;--color-error: #dc2626;--color-error-light: #fee2e2;--color-neutral: #6b7280;--color-neutral-light: #f3f4f6;--text-primary: #1a1a1a;--text-secondary: #4b5563;--text-muted: #9ca3af;--bg-page: #f8f8f8;--bg-card: #ffffff;--bg-navbar: #ffffff;--border-default: #e5e7eb;--border-focus: #7c3aed;--border-uploaded: #7c3aed;--shadow-card: 0 1px 8px rgba(0, 0, 0, .06);--shadow-navbar: 0 1px 4px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--font-base: system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-outline{background:#fff;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-default)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-light)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-uploaded{background:var(--color-success-light);color:var(--color-success)}.badge-processing{background:var(--color-warning-light);color:var(--color-warning)}.badge-failed{background:var(--color-error-light);color:var(--color-error)}.badge-pending{background:var(--color-neutral-light);color:var(--color-neutral)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1.5px solid var(--border-default)}.card-uploaded{border-color:var(--border-uploaded)}.input{display:block;width:100%;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-default);font-size:14px;color:var(--text-primary);outline:none;transition:border-color .15s}.input:focus{border-color:var(--border-focus)}